:root{--color-bg-primary: #0b1118;--color-bg-secondary: #111a24;--color-bg-tertiary: #182430;--color-bg-elevated: #1c2a38;--color-bg-surface: #213040;--color-bg-hover: #273848;--color-border: #1e2e3e;--color-border-light: #2a3c4e;--color-border-focus: var(--color-accent);--color-text-primary: #e8edf2;--color-text-secondary: #8a9bb0;--color-text-tertiary: #5a6f85;--color-text-inverse: #0b1118;--color-accent: #00d4aa;--color-accent-hover: #00f0c0;--color-accent-muted: rgba(0, 212, 170, .12);--color-accent-text: #00d4aa;--color-win: #00c853;--color-win-bg: rgba(0, 200, 83, .1);--color-win-border: rgba(0, 200, 83, .25);--color-loss: #ff3d57;--color-loss-bg: rgba(255, 61, 87, .1);--color-loss-border: rgba(255, 61, 87, .25);--color-push: #7c8ea0;--color-push-bg: rgba(124, 142, 160, .1);--color-warning: #ffab00;--color-warning-bg: rgba(255, 171, 0, .1);--color-warning-border: rgba(255, 171, 0, .25);--color-live: #ff6b35;--color-live-pulse: rgba(255, 107, 53, .4);--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--leading-tight: 1.2;--leading-normal: 1.5;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--content-max-width: 600px;--content-padding: var(--space-4);--nav-height: 56px;--bottom-nav-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 212, 170, .15);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-toast: 1500}@media(min-width:768px){:root{--content-padding: var(--space-6);--text-base: 1rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--nav-height: 60px;--bottom-nav-height: 0px}}@media(min-width:1024px){:root{--content-max-width: 720px;--content-padding: var(--space-8)}}@media(min-width:1440px){:root{--content-max-width: 800px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100dvh;overflow-x:hidden}img,svg,video{display:block;max-width:100%}a{color:var(--color-accent-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}@media(min-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:48px;width:100%;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);background-color:var(--color-bg-elevated)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-2)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;border:none;outline:none;min-height:44px;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);width:100%;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5)}.btn-secondary:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary);background-color:var(--color-bg-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-odds{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-height:56px;justify-content:center}.btn-odds:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-accent-muted)}.btn-odds .odds-team{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.btn-odds .odds-value{font-size:var(--text-base);font-weight:var(--weight-bold);font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.btn-odds .odds-value.positive{color:var(--color-win)}.btn-odds .odds-value.negative{color:var(--color-text-primary)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out)}.card-elevated{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-border-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1}.badge-scheduled{background-color:var(--color-accent-muted);color:var(--color-accent-text)}.badge-live{background-color:var(--color-loss-bg);color:var(--color-live)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--color-live);animation:pulse-dot 1.5s ease-in-out infinite}.badge-finished{background-color:var(--color-push-bg);color:var(--color-push)}.badge-won{background-color:var(--color-win-bg);color:var(--color-win)}.badge-lost{background-color:var(--color-loss-bg);color:var(--color-loss)}.badge-push{background-color:var(--color-push-bg);color:var(--color-push)}.badge-open{background-color:var(--color-warning-bg);color:var(--color-warning)}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);font-family:var(--font-mono);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.stat-value.positive{color:var(--color-win)}.stat-value.negative{color:var(--color-loss)}.stat-value.accent{color:var(--color-accent-text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:var(--z-overlay);display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--duration-normal) var(--ease-out)}@media(min-width:768px){.overlay{align-items:center}}.modal-sheet{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));width:100%;max-height:90dvh;overflow-y:auto;animation:slide-up var(--duration-slow) var(--ease-out)}@media(min-width:768px){.modal-sheet{max-width:440px;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);animation:scale-in var(--duration-slow) var(--ease-out);padding-bottom:var(--space-5)}}.modal-handle{width:36px;height:4px;background-color:var(--color-border-light);border-radius:var(--radius-full);margin:0 auto var(--space-4)}@media(min-width:768px){.modal-handle{display:none}}.page{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-5) var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}@media(min-width:768px){.page{padding-bottom:var(--space-8)}}.page-header{margin-bottom:var(--space-5)}.page-header h1{font-size:var(--text-xl)}@media(min-width:768px){.page-header h1{font-size:var(--text-2xl)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.loading-spinner{width:24px;height:24px;border:2.5px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);animation:slide-down var(--duration-slow) var(--ease-out)}.toast-success{background-color:var(--color-win-bg);color:var(--color-win);border:1px solid var(--color-win-border)}.toast-error{background-color:var(--color-loss-bg);color:var(--color-loss);border:1px solid var(--color-loss-border)}.divider{height:1px;background-color:var(--color-border);border:none;margin:var(--space-4) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*{animation:stagger-in var(--duration-slow) var(--ease-out) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:50ms}.stagger-in>*:nth-child(3){animation-delay:.1s}.stagger-in>*:nth-child(4){animation-delay:.15s}.stagger-in>*:nth-child(5){animation-delay:.2s}.stagger-in>*:nth-child(6){animation-delay:.25s}.stagger-in>*:nth-child(7){animation-delay:.3s}.stagger-in>*:nth-child(8){animation-delay:.35s}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent-text)}.text-win{color:var(--color-win)}.text-loss{color:var(--color-loss)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:var(--tracking-wide)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.block{display:block}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}@media(min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:block{display:block}}@media(max-width:767px){.mobile\:hidden{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,170,.06) 0%,transparent 70%);pointer-events:none}.auth-container{width:100%;max-width:400px;position:relative;z-index:1;animation:stagger-in var(--duration-slow) var(--ease-out) both}.auth-brand{text-align:center;margin-bottom:var(--space-8)}.auth-brand-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-1)}.auth-brand-name span{color:var(--color-accent-text)}.auth-brand-tagline{font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide)}.auth-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}@media(min-width:768px){.auth-card{padding:var(--space-8);box-shadow:var(--shadow-lg)}}.auth-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.auth-field{margin-bottom:var(--space-5)}.auth-field label{margin-bottom:var(--space-2)}.auth-field input{width:100%}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);background-color:var(--color-loss-bg);color:var(--color-loss);border:1px solid var(--color-loss-border);margin-bottom:var(--space-5);animation:slide-down var(--duration-normal) var(--ease-out)}.auth-submit{margin-top:var(--space-2)}.auth-submit .btn-primary{font-size:var(--text-base);min-height:50px;position:relative}.auth-submit .btn-primary:disabled{opacity:.5}.auth-password-requirements{list-style:none;padding:0;margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.auth-password-requirements li{padding:var(--space-1) 0}.auth-password-requirements li:before{content:"✗";color:var(--color-loss)}.auth-password-requirements li.met:before{content:"✓";color:var(--color-win)}.auth-password-requirements li.met{color:var(--color-text-secondary)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-2)}.auth-forgot-link{color:var(--color-text-tertiary)}.auth-forgot-link:hover{color:var(--color-accent-text)}.auth-footer a{color:var(--color-accent-text);font-weight:var(--weight-semibold);margin-left:var(--space-1)}.auth-footer a:hover{color:var(--color-accent-hover)}.auth-loading-dots:after{content:"";animation:auth-dots 1.2s steps(4,end) infinite}@keyframes auth-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.layout{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:var(--z-sticky);height:calc(var(--nav-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;padding-left:var(--content-padding);padding-right:var(--content-padding);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.topbar-brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);text-decoration:none;display:flex;align-items:center;gap:var(--space-1)}.topbar-brand span{color:var(--color-accent-text)}.topbar-nav{display:none}@media(min-width:768px){.topbar-nav{display:flex;align-items:center;gap:var(--space-1)}}.topbar-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.topbar-nav-link:hover{color:var(--color-text-secondary);background-color:var(--color-bg-hover)}.topbar-nav-link.active{color:var(--color-accent-text);background-color:var(--color-accent-muted)}.topbar-nav-link svg{width:16px;height:16px;flex-shrink:0}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.topbar-balance{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent-text);letter-spacing:var(--tracking-tight)}.topbar-pro-badge{font-size:9px;font-weight:var(--weight-bold);color:var(--color-warning);background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);padding:1px 5px;border-radius:var(--radius-full);letter-spacing:.5px;font-family:var(--font-body)}.topbar-settings{display:none}@media(min-width:768px){.topbar-settings{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);border:1px solid var(--color-border);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);min-height:36px}.topbar-settings:hover{color:var(--color-text-secondary);border-color:var(--color-border-light);background-color:var(--color-bg-hover)}.topbar-settings svg{width:16px;height:16px}}.topbar-signout{display:none}@media(min-width:768px){.topbar-signout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);border:1px solid var(--color-border);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);padding:0;min-height:36px}.topbar-signout:hover{color:var(--color-loss);border-color:var(--color-loss-border);background-color:var(--color-loss-bg)}.topbar-signout svg{width:16px;height:16px}}.layout-main{flex:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:stretch;justify-content:space-around;height:var(--bottom-nav-height);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;background:transparent;border:none;color:var(--color-text-tertiary);text-decoration:none;padding:var(--space-2) 0;position:relative;transition:color var(--duration-fast) var(--ease-out);min-height:44px;-webkit-tap-highlight-color:transparent}.bottom-nav-tab:hover{color:var(--color-text-secondary)}.bottom-nav-tab.active{color:var(--color-accent-text)}.bottom-nav-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:var(--color-accent);border-radius:0 0 2px 2px}.bottom-nav-tab svg{width:22px;height:22px;flex-shrink:0}.bottom-nav-tab-label{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.bottom-nav-tab.signout-tab{max-width:56px}.bottom-nav-tab.signout-tab.active{color:var(--color-text-tertiary)}.bottom-nav-tab.signout-tab.active:before{display:none}.bottom-nav-tab.signout-tab:hover{color:var(--color-loss)}.browse-sport-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.browse-sport-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);min-height:36px;text-transform:uppercase;letter-spacing:.5px}.browse-sport-tab:hover{color:var(--color-text-secondary);border-color:var(--color-border-light)}.browse-sport-tab.active{background-color:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.browse-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.browse-filters::-webkit-scrollbar{display:none}.browse-filter-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);min-height:36px}.browse-filter-tab:hover{color:var(--color-text-secondary);border-color:var(--color-border-light)}.browse-filter-tab.active{background-color:var(--color-accent-muted);color:var(--color-accent-text);border-color:#00d4aa4d}.game-list{display:flex;flex-direction:column;gap:var(--space-2)}.browse-toast{margin-bottom:var(--space-4)}.game-row-skeleton{height:64px;border-radius:var(--radius-lg)}.browse-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-tertiary)}.browse-empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-tertiary);opacity:.4}.browse-empty-text{font-size:var(--text-base);font-weight:var(--weight-medium)}.gr-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;text-align:left;cursor:pointer;min-height:64px}.gr-row:hover{border-color:var(--color-accent);background-color:var(--color-bg-elevated)}.gr-row.live{border-color:var(--color-loss-border)}.gr-teams{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gr-team-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-center{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;min-width:56px}.gr-score{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:1px}.gr-score-live{color:var(--color-live)}.gr-time{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);font-family:var(--font-mono)}.gr-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.gr-odds-preview{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.gr-odds-value{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--color-text-secondary)}.gr-chevron{color:var(--color-text-tertiary);flex-shrink:0}.gr-row.gr-view-only{opacity:.65}@media(max-width:767px){.game-list{gap:var(--space-2)}.gr-row{padding:var(--space-3)}}.account-summary{margin-bottom:var(--space-6)}.account-balance-section{margin-bottom:var(--space-5)}.account-balance-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.account-balance-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-accent-text);letter-spacing:var(--tracking-tight);line-height:1}.account-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(min-width:768px){.account-stats{grid-template-columns:repeat(4,1fr)}}.account-stats .stat-value{font-size:var(--text-base)}.open-bets-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4)}.open-bets-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.open-bets-count{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--weight-medium)}.open-bets-list{display:flex;flex-direction:column;gap:var(--space-3)}.bet-card{padding:var(--space-4)}.bet-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.bet-card-matchup{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.bet-card-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.bet-card-pick{flex:1;min-width:0}.bet-card-team{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-card-type{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--weight-medium);margin-top:2px}.bet-card-numbers{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.bet-card-odds{text-align:center}.bet-card-odds-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium)}.bet-card-odds-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.bet-card-amounts{text-align:right}.bet-card-wager{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.bet-card-payout{font-size:var(--text-xs);color:var(--color-accent-text);font-family:var(--font-mono);font-weight:var(--weight-medium);margin-top:2px}.open-bets-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-tertiary)}.open-bets-empty-icon{width:40px;height:40px;margin:0 auto var(--space-3);opacity:.4}.open-bets-empty-text{font-size:var(--text-sm);font-weight:var(--weight-medium)}.parlay-card{padding:var(--space-4)}.parlay-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.parlay-card-header-left{display:flex;align-items:baseline;gap:var(--space-2)}.parlay-card-matchup{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.parlay-card-type{font-size:var(--text-xs);color:var(--color-accent-text);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.parlay-card-legs{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.parlay-card-leg{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0}.parlay-card-leg-info{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;flex:1}.parlay-card-leg-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parlay-card-leg-type{font-size:var(--text-xs);color:var(--color-text-tertiary)}.parlay-card-leg-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.parlay-card-leg-odds{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.parlay-card-leg-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.parlay-card-leg-status.won{color:var(--color-success)}.parlay-card-leg-status.lost{color:var(--color-danger)}.parlay-card-leg-status.push{color:var(--color-text-tertiary)}.parlay-card-footer{padding-top:var(--space-2)}.parlay-card-numbers{display:flex;justify-content:space-between;gap:var(--space-3)}.parlay-card-stat{display:flex;flex-direction:column;gap:2px}.parlay-card-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium)}.parlay-card-stat-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-primary)}.parlay-card-stat-value.won{color:var(--color-success)}.parlay-card-stat-value.lost{color:var(--color-danger)}.parlay-card-stat-value.positive{color:var(--color-accent-text)}.portfolio-skeleton-balance{height:40px;width:200px;border-radius:var(--radius-md);margin-bottom:var(--space-5)}.portfolio-skeleton-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width:768px){.portfolio-skeleton-stats{grid-template-columns:repeat(4,1fr)}}.portfolio-skeleton-stat{height:52px;border-radius:var(--radius-sm)}.portfolio-skeleton-card{height:88px;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}@media(max-width:767px){.account-summary{padding:var(--space-5);margin-bottom:var(--space-6)}.account-balance-section{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.account-balance-label{font-size:var(--text-sm);margin-bottom:var(--space-2)}.account-balance-value{font-size:2.5rem;letter-spacing:-.03em}.account-stats{grid-template-columns:1fr;gap:0;border-top:none;padding-top:0}.account-stats .stat{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.account-stats .stat:last-child{border-bottom:none}.account-stats .stat-label{font-size:var(--text-sm)}.account-stats .stat-value{font-size:var(--text-base)}.open-bets-list{gap:var(--space-4)}.bet-card{padding:var(--space-5)}.bet-card-header{margin-bottom:var(--space-4)}.bet-card-body{flex-direction:column;align-items:stretch;gap:var(--space-4)}.bet-card-team{font-size:var(--text-lg)}.bet-card-type{margin-top:var(--space-1)}.bet-card-numbers{justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border)}}