.app-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.app-nav-container{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text);flex-shrink:0}.app-nav-logo:hover{color:var(--text);opacity:.9}.app-nav-logo-img{width:34px;height:34px;object-fit:contain;border-radius:var(--radius-sm)}.app-nav-logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;letter-spacing:-.02em}.app-nav-mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;padding:var(--space-2);line-height:1;cursor:pointer}.app-nav-center{display:flex;align-items:center;gap:var(--space-2)}.app-nav-dropdown{position:relative}.app-nav-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:1rem;font-weight:500;cursor:pointer;transition:color var(--ease),background var(--ease),border-color var(--ease)}.app-nav-trigger:hover{color:var(--text);background:var(--bg-elevated)}.app-nav-trigger[aria-expanded=true]{color:var(--text);background:var(--bg-elevated);border-color:var(--border)}.app-nav-arrow{font-size:.65rem;opacity:.8;transition:transform var(--ease)}.app-nav-trigger[aria-expanded=true] .app-nav-arrow{transform:rotate(180deg)}.app-nav-menu{position:absolute;top:100%;left:0;margin-top:var(--space-1);min-width:260px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;padding:var(--space-2);display:flex;flex-direction:column;gap:1px}.app-nav-menu-account{right:0;left:auto;min-width:220px}.app-nav-item{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:background var(--ease);text-align:left;border:none;background:none;width:100%;font-size:1rem;cursor:pointer;font-family:inherit}.app-nav-item:hover{background:var(--bg-elevated);color:var(--text)}.app-nav-item-label{display:block;font-weight:600;margin-bottom:var(--space-1)}.app-nav-item-desc{display:block;font-size:.85rem;color:var(--text-muted);font-weight:400}.app-nav-item-button{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted)}.app-nav-item-button .app-nav-item-label{margin-bottom:0}.app-nav-item-button:hover{color:var(--error)}.app-nav-signin{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;text-decoration:none;transition:background var(--ease)}.app-nav-signin:hover{background:var(--accent-hover);color:var(--bg)}@media (max-width: 768px){.app-nav-mobile-toggle{display:block}.app-nav-center{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);display:none;gap:var(--space-2)}.app-nav-center.app-nav-center-open{display:flex}.app-nav-dropdown{width:100%}.app-nav-menu{position:static;margin-top:var(--space-2);box-shadow:none;border:1px solid var(--border)}.app-nav-menu-account{right:auto;left:0}}.home{min-height:100vh;display:flex;flex-direction:column}.home-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.nav-logo-container{flex-shrink:0}.nav-logo-container a{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text)}.nav-logo-container a:hover{color:var(--text);opacity:.9}.nav-logo-image{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm)}.nav-logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.4rem;letter-spacing:-.02em}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;padding:var(--space-2);line-height:1}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link{color:var(--text-muted);font-weight:500;font-size:1rem;transition:color var(--ease)}.nav-link:hover{color:var(--text)}.nav-link-button{background:var(--accent);color:var(--bg)!important;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600}.nav-link-button:hover{background:var(--accent-hover);color:var(--bg)!important}.nav-user{display:flex;align-items:center;gap:var(--space-4)}.nav-signout{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background var(--ease),color var(--ease),border-color var(--ease)}.nav-signout:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--text-dim)}@media (max-width: 768px){.nav-mobile-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);display:none}.nav-links.nav-links-open{display:flex}.nav-user{flex-direction:column;align-items:stretch}}.hero{position:relative;flex:1;display:flex;align-items:center;padding:var(--space-16) var(--space-6) var(--space-14);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(56,161,105,.06) 0%,transparent 55%),linear-gradient(180deg,transparent 0%,var(--bg) 70%);pointer-events:none}.hero-container{position:relative;max-width:560px;margin:0 auto;text-align:center}.hero-label{margin:0 0 var(--space-4);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hero-title{margin:0 0 var(--space-4);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.25}.accent-text{color:var(--accent);position:relative}.accent-text:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--accent);opacity:.35;border-radius:2px}.hero-subtitle{margin:0 0 var(--space-8);color:var(--text-muted);font-size:1.1rem;line-height:1.6}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:0}.hero-button-primary{display:inline-block;background:var(--accent);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-weight:600;font-size:1.05rem;transition:background var(--ease)}.hero-button-primary:hover{background:var(--accent-hover);color:var(--bg)}.hero-button-secondary{display:inline-block;background:transparent;color:var(--text);padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid var(--border);font-weight:500;font-size:1.05rem;transition:border-color var(--ease),background var(--ease)}.hero-button-secondary:hover{border-color:var(--text-dim);background:var(--bg-elevated);color:var(--text)}.features-section,.how-section,.tools-section{padding:var(--space-14) var(--space-6);border-top:1px solid var(--border)}.features-title,.how-title,.tools-title{font-size:1.35rem;font-weight:700;margin:0 0 var(--space-10);text-align:center;color:var(--text)}.features-section{background:var(--bg-card)}.features-container{max-width:800px;margin:0 auto}.features-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.features-item{padding:var(--space-5) var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.features-item-title{display:block;margin:0 0 var(--space-3);font-weight:600;font-size:1rem;color:var(--text)}.features-item-desc{display:block;margin:0;font-size:.95rem;line-height:1.55;color:var(--text-muted)}.how-section{background:var(--bg)}.how-container{max-width:640px;margin:0 auto}.how-steps{list-style:none;margin:0;padding:0}.how-step{display:flex;gap:var(--space-5);align-items:flex-start;padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.how-step:first-child{padding-top:0}.how-step:last-child{border-bottom:none;padding-bottom:0}.how-step-num{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;background:var(--accent);color:var(--bg);border-radius:50%}.how-step-text{margin:0;padding-top:.2rem;font-size:1rem;line-height:1.55;color:var(--text-muted)}.tools-section{background:var(--bg-card)}.tools-container{max-width:640px;margin:0 auto}.tools-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 12px #00000026}.tools-list li{margin:0;padding:0}.tool-link{display:block;padding:var(--space-4) var(--space-5);background:var(--bg-card);color:var(--text);text-decoration:none;border-left:3px solid transparent;transition:background var(--ease),border-color var(--ease)}.tool-link:hover{background:var(--bg-elevated);color:var(--text);border-left-color:var(--accent)}.tool-link-name{display:block;margin:0 0 var(--space-2);font-weight:600;font-size:1.05rem;color:var(--text)}.tool-link-desc{display:block;margin:0;font-size:.95rem;line-height:1.45;color:var(--text-muted)}.cta{padding:var(--space-14) var(--space-6);border-top:1px solid var(--border);background:var(--bg)}.cta-card{max-width:480px;margin:0 auto;padding:var(--space-10) var(--space-8);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.cta-container{text-align:center}.cta-text{margin:0 0 var(--space-5);font-size:1.05rem;line-height:1.5;color:var(--text-muted)}.cta-container .cta-button-primary{display:inline-block;background:var(--accent);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-weight:600;font-size:1.05rem;transition:background var(--ease)}.cta-container .cta-button-primary:hover{background:var(--accent-hover);color:var(--bg)}.home-footer{padding:var(--space-8) var(--space-6);border-top:1px solid var(--border);background:var(--bg)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.home-footer p{margin:0;font-size:.95rem;color:var(--text-muted)}.custom-select{position:relative;min-width:140px}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;cursor:pointer;transition:border-color var(--ease)}.custom-select-trigger:hover{border-color:var(--text-dim)}.custom-select.open .custom-select-trigger{border-color:var(--border-focus);outline:none}.custom-select-trigger .placeholder{color:var(--text-dim)}.custom-select-arrow{font-size:.7rem;color:var(--text-muted);transition:transform var(--ease)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:50;max-height:280px;overflow-y:auto}.custom-select-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;transition:background var(--ease),color var(--ease)}.custom-select-option:hover{background:var(--bg-elevated);color:var(--text)}.custom-select-option.selected{background:var(--accent-muted);color:var(--accent);font-weight:500}.craft{min-height:100vh;background:var(--bg);padding:var(--space-6) var(--space-4)}.craft-container{max-width:1400px;margin:0 auto}.craft-header{margin-bottom:var(--space-8)}.craft-back{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4);transition:color var(--ease)}.craft-back:hover{color:var(--accent)}.craft-header h1{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.craft-header .subtitle{color:var(--text-muted);font-size:1rem;margin:0 0 var(--space-4)}.backend-error{background:#d899221f;border:1px solid var(--warning);color:var(--warning);padding:var(--space-4);border-radius:var(--radius);margin-top:var(--space-4);font-size:.95rem}.backend-error code{background:var(--bg-card);padding:2px 6px;border-radius:4px;font-size:.9em}.retry-button{display:block;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--warning);color:var(--bg);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.error-message{background:#f851491f;border:1px solid var(--error);color:var(--error);padding:var(--space-4);border-radius:var(--radius);margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.error-close{flex-shrink:0;background:none;border:none;color:inherit;font-size:1.25rem;line-height:1;padding:0;opacity:.8}.error-close:hover{opacity:1}.craft-form{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-end;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.view-buttons{display:flex;gap:var(--space-2)}.view-buttons button{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background var(--ease),border-color var(--ease),color var(--ease)}.view-buttons button.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--text);cursor:pointer}.checkbox-group label.disabled{opacity:.5;cursor:not-allowed}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.outrights-notice{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-2)}.fetch-button{padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background var(--ease),opacity var(--ease)}.fetch-button:hover:not(:disabled){background:var(--accent-hover)}.fetch-button:disabled{opacity:.6;cursor:not-allowed}.odds-format-toggle{display:flex;gap:var(--space-2)}.odds-format-button{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background var(--ease),border-color var(--ease),color var(--ease)}.odds-format-button.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.craft-results{margin-top:var(--space-8)}.results-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.results-header h2{margin:0;font-size:1.35rem}.results-subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.team-filter-input{margin-left:auto;min-width:200px;padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem}.team-filter-input::placeholder{color:var(--text-dim)}.team-filter-input:focus{outline:none;border-color:var(--border-focus)}.odds-table-container{display:flex;flex-direction:column;gap:var(--space-4)}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.game-header-clickable{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);cursor:pointer;transition:background var(--ease)}.game-header-clickable:hover{background:var(--bg-elevated)}.game-header-content h3{margin:0 0 var(--space-2);font-size:1.1rem}.game-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:.85rem;color:var(--text-muted)}.expand-icon{color:var(--text-muted);font-size:.9rem;transition:transform var(--ease)}.expand-icon.expanded{transform:rotate(0)}.game-markets-dropdown{padding:var(--space-6);border-top:1px solid var(--border);background:var(--bg-elevated)}.market-section{margin-bottom:var(--space-8)}.market-section:last-child{margin-bottom:0}.market-section-title{font-size:.95rem;color:var(--text-muted);margin-bottom:var(--space-4)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.bookmaker-comparison{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.bookmaker-name{font-weight:600;font-size:.9rem;margin-bottom:var(--space-3);color:var(--accent)}.outcome-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) 0;font-size:.9rem}.outcome-row .outcome-name{margin-right:auto}.outcome-row .odds-value,.outcome-row .spread-value{flex-shrink:0}.outcome-name{color:var(--text-muted)}.odds-value,.spread-value{font-weight:500;color:var(--text)}.total-line-display{font-size:.85rem;color:var(--text-dim);margin-bottom:var(--space-2)}.market-type{font-size:.8rem;color:var(--text-dim);margin-bottom:var(--space-2)}.point-value{color:var(--text-dim)}.no-markets-message{color:var(--text-muted);font-size:.95rem;padding:var(--space-4)}.no-results{text-align:center;padding:var(--space-12);color:var(--text-muted);font-size:1rem}.arbitrage-table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.arbitrage-table{width:100%;border-collapse:collapse;font-size:.9rem}.arbitrage-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.arbitrage-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.arbitrage-table tbody tr:last-child td{border-bottom:none}.arbitrage-table .clickable-row{cursor:pointer;transition:background var(--ease)}.arbitrage-table .clickable-row:hover{background:var(--bg-elevated)}.arbitrage-table .clickable-row.high-profit{background:#3fb9500f}.arbitrage-table .clickable-row.expanded{background:var(--bg-elevated)}.game-names{font-size:.9rem}.game-names .vs{font-size:.8rem;color:var(--text-dim)}.arb-margin-cell .arb-margin-badge{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.profit-cell .profit-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.profit-badge.low{background:#6e768133;color:var(--text-muted)}.profit-badge.medium{background:#d2992233;color:var(--warning)}.profit-badge.high{background:#3fb95033;color:var(--success)}.expand-icon-cell .expand-icon{display:inline-block;transition:transform var(--ease)}.expand-icon-cell .expand-icon.expanded{transform:rotate(180deg)}.expanded-row .expanded-content{padding:var(--space-6);background:var(--bg-elevated);border-top:1px solid var(--border);vertical-align:top}.stake-calculator h3{font-size:1rem;margin-bottom:var(--space-4);color:var(--text-muted)}.calculator-input-group{margin-bottom:var(--space-4)}.calculator-input-group label{display:block;font-size:.9rem;margin-bottom:var(--space-2);color:var(--text-muted)}.input-with-symbol{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);overflow:hidden}.currency-symbol{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);color:var(--text-muted);font-size:.9rem}.stake-input{flex:1;padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--text);font-size:1rem}.stake-input:focus{outline:none}.calculator-results{margin-top:var(--space-4)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.result-item{padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.result-item.highlight{border-color:var(--accent);background:var(--accent-muted)}.result-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-1)}.result-value{font-weight:600;font-size:1.05rem}.result-value.return-value{color:var(--accent)}.result-value.profit-value,.result-value.profit-percent-value{color:var(--success)}.calculator-placeholder,.calculator-error{padding:var(--space-4);color:var(--text-muted);font-size:.95rem;border:1px dashed var(--border);border-radius:var(--radius)}.calculator-suggested{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.calculator-use-suggested{padding:var(--space-1) var(--space-3);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer}.calculator-use-suggested:hover{background:var(--accent-hover)}.calculator-error{color:var(--error);border-color:var(--error)}.loading{text-align:center;padding:var(--space-12);color:var(--text-muted);font-size:1rem}.arb-sandbox-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.arb-sandbox-label{font-size:.9rem;color:var(--text-muted);margin-right:var(--space-2)}.arb-add-sandbox-btn{padding:var(--space-1) var(--space-3);font-size:.85rem;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer}.arb-add-sandbox-btn:hover{background:#38a16940}.arb-sandbox-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.arb-sandbox-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%}.arb-sandbox-modal h3{margin:0 0 var(--space-4)}.arb-sandbox-no-portfolio{color:var(--text-muted);margin:0 0 var(--space-4)}.arb-sandbox-prefill{margin:0 0 var(--space-2);font-weight:500}.arb-sandbox-prefill-small{margin:0 0 var(--space-4);font-size:.9rem;color:var(--text-muted)}.arb-sandbox-error{color:var(--error);font-size:.9rem;margin:0 0 var(--space-4)}.arb-sandbox-actions-inline{display:flex;gap:var(--space-3)}.arb-sandbox-cancel{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer}.arb-sandbox-submit{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer}.arb-sandbox-submit:disabled{opacity:.6;cursor:not-allowed}.craft-add-sandbox-btn{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:500;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.craft-add-sandbox-btn:hover{background:#38a16940}.craft-sandbox-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.craft-sandbox-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%}.craft-sandbox-modal h3{margin:0 0 var(--space-4)}.craft-sandbox-no-portfolio{color:var(--text-muted);margin:0 0 var(--space-4)}.craft-sandbox-prefill{margin:0 0 var(--space-2);font-weight:500}.craft-sandbox-prefill-small{margin:0 0 var(--space-4);font-size:.9rem;color:var(--text-muted)}.craft-sandbox-label{display:block;margin:0 0 var(--space-4);font-size:.9rem}.craft-sandbox-input{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1rem}.craft-sandbox-error{color:var(--error);font-size:.9rem;margin:0 0 var(--space-4)}.craft-sandbox-actions{display:flex;gap:var(--space-3)}.craft-sandbox-cancel{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer}.craft-sandbox-submit{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer}.craft-sandbox-submit:disabled{opacity:.6;cursor:not-allowed}.info-icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.info-icon-button:hover,.info-icon-button.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.info-icon{line-height:1}.info-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal-content{width:100%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 48px #0006;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border)}.info-modal-header h2{margin:0;font-size:1.25rem}.info-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;transition:color var(--ease),border-color var(--ease)}.info-modal-close:hover{color:var(--text);border-color:var(--text-dim)}.info-modal-body{padding:var(--space-6);overflow-y:auto;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.info-modal-body h3{color:var(--text);font-size:1.05rem;margin:var(--space-5) 0 var(--space-2)}.info-modal-body h3:first-child{margin-top:0}.info-modal-body p{margin:0 0 var(--space-3)}.info-modal-body ol,.info-modal-body ul{margin:0 0 var(--space-4);padding-left:1.25rem}.info-modal-body li{margin-bottom:var(--space-2)}.info-modal-body .formula{font-family:ui-monospace,monospace;font-size:.9rem;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);margin:var(--space-3) 0;color:var(--accent);overflow-x:auto}.info-modal-body .highlight{padding:var(--space-4);background:var(--accent-muted);border-radius:var(--radius);margin-top:var(--space-4);color:var(--text)}.info-modal-body .highlight ul{margin-bottom:0}.ev-bets-page{min-height:100vh;background:var(--bg);padding:var(--space-6) var(--space-4)}.ev-bets-header{max-width:1400px;margin:0 auto var(--space-8)}.ev-bets-header .back-link{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4);transition:color var(--ease)}.ev-bets-header .back-link:hover{color:var(--accent)}.ev-bets-header h1{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.ev-bets-header .subtitle{color:var(--text-muted);font-size:1rem;margin:0}.ev-bets-container{max-width:1400px;margin:0 auto}.ev-bets-form{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-end;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.ev-bets-form .form-group{min-width:180px}.ev-bets-form .odds-format-toggle{display:flex;gap:var(--space-2)}.ev-bets-form .odds-format-button{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background var(--ease),border-color var(--ease),color var(--ease)}.ev-bets-form .odds-format-button.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.ev-bets-results{margin-top:var(--space-6)}.ev-bets-results .results-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.ev-bets-results .results-header h2{margin:0;font-size:1.35rem}.ev-bets-results .results-subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.ev-bets-results .error-message{background:#f851491f;border:1px solid var(--error);color:var(--error);padding:var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-6)}.ev-bets-results .no-results{text-align:center;padding:var(--space-12);color:var(--text-muted);font-size:1rem}.ev-bets-results .no-results-subtitle{margin-top:var(--space-2);font-size:.9rem;color:var(--text-dim)}.recommended-stake-cell{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.ev-add-sandbox-btn{padding:var(--space-1) var(--space-2);font-size:.8rem;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.ev-add-sandbox-btn:hover{background:#38a16940}.ev-sandbox-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.ev-sandbox-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%}.ev-sandbox-modal h3{margin:0 0 var(--space-4)}.ev-sandbox-no-portfolio{color:var(--text-muted);margin:0 0 var(--space-4)}.ev-sandbox-prefill{margin:0 0 var(--space-2);font-weight:500}.ev-sandbox-prefill-small{margin:0 0 var(--space-4);font-size:.9rem;color:var(--text-muted)}.ev-sandbox-label{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.95rem}.ev-sandbox-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:1rem}.ev-sandbox-error{color:var(--error);font-size:.9rem;margin:0 0 var(--space-4)}.ev-sandbox-actions{display:flex;gap:var(--space-3)}.ev-sandbox-cancel{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer}.ev-sandbox-submit{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer}.ev-sandbox-submit:disabled{opacity:.6;cursor:not-allowed}.bankroll-settings{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-6)}.bankroll-settings-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3);color:var(--text)}.bankroll-settings-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.bankroll-field{display:flex;flex-direction:column;gap:var(--space-1)}.bankroll-field label{font-size:.85rem;color:var(--text-muted);font-weight:500}.bankroll-field input,.bankroll-field select{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;min-width:120px}.bankroll-field input:focus,.bankroll-field select:focus{outline:none;border-color:var(--border-focus)}.bankroll-field-pct input{min-width:80px}.bankroll-ror{margin:var(--space-3) 0 0;font-size:.85rem;color:var(--text-muted)}.bankroll-ror strong{color:var(--text)}.bankroll-page{min-height:100vh;background:var(--bg);padding:var(--space-6) var(--space-4)}.bankroll-container{max-width:560px;margin:0 auto}.bankroll-header{margin-bottom:var(--space-8)}.bankroll-back{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4)}.bankroll-back:hover{color:var(--accent)}.bankroll-header h1{margin-bottom:var(--space-2)}.bankroll-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5;margin:0}.bankroll-content{display:flex;flex-direction:column;gap:var(--space-8)}.bankroll-info{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.bankroll-info h3{font-size:1rem;margin:0 0 var(--space-3);color:var(--text)}.bankroll-info ul{margin:0 0 var(--space-4);padding-left:1.25rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.bankroll-info li{margin-bottom:var(--space-2)}.bankroll-links{margin:0;font-size:.95rem;color:var(--text-muted)}.bankroll-links a{font-weight:500}.sandbox-page{min-height:100vh;background:var(--bg);padding:var(--space-6) var(--space-4)}.sandbox-container{max-width:900px;margin:0 auto}.sandbox-setup .sandbox-container{max-width:480px}.sandbox-back{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4)}.sandbox-back:hover{color:var(--accent)}.sandbox-header{margin-bottom:var(--space-6)}.sandbox-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.sandbox-header-row h1{margin:0}.sandbox-switcher{padding:var(--space-1) var(--space-3);font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text)}.sandbox-balance{font-size:1.1rem;color:var(--text-muted);margin:0}.sandbox-balance strong{color:var(--text)}.sandbox-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5;margin:0 0 var(--space-6)}.sandbox-muted{color:var(--text-muted);margin:0 0 var(--space-4)}.sandbox-muted-inline{margin-left:var(--space-3);display:inline}.sandbox-error{color:var(--error);margin:0 0 var(--space-4)}.sandbox-link{color:var(--accent)}.sandbox-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.sandbox-stat{display:flex;flex-direction:column;gap:var(--space-1)}.sandbox-stat-label{font-size:.85rem;color:var(--text-muted)}.sandbox-stat-value{font-size:1.15rem;font-weight:600}.sandbox-stat-value.positive{color:var(--success)}.sandbox-stat-value.negative{color:var(--error)}.sandbox-actions{margin-bottom:var(--space-6);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.sandbox-form{display:flex;flex-direction:column;gap:var(--space-4)}.sandbox-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:.95rem;color:var(--text)}.sandbox-label-format{min-width:120px}.sandbox-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:1rem}.sandbox-input:focus{outline:none;border-color:var(--border-focus)}.sandbox-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.sandbox-form-error{color:var(--error);font-size:.9rem;margin:0}.sandbox-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.sandbox-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.sandbox-btn:hover:not(:disabled){background:var(--bg-card)}.sandbox-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.sandbox-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.sandbox-btn:disabled{opacity:.6;cursor:not-allowed}.sandbox-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.sandbox-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:440px;width:100%;max-height:90vh;overflow-y:auto}.sandbox-modal h3{margin:0 0 var(--space-4)}.sandbox-bets{margin-top:var(--space-6)}.sandbox-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.sandbox-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);font-size:.95rem;cursor:pointer}.sandbox-tab:hover{color:var(--text)}.sandbox-tab.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.sandbox-bet-list{overflow-x:auto}.sandbox-table{width:100%;border-collapse:collapse;font-size:.9rem}.sandbox-table th,.sandbox-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.sandbox-table th{color:var(--text-muted);font-weight:500}.sandbox-table tbody tr:hover{background:var(--bg-elevated)}.sandbox-table .positive{color:var(--success)}.sandbox-table .negative{color:var(--error)}.sandbox-settle-cell{display:flex;gap:var(--space-2);flex-wrap:wrap}.sandbox-settle-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;border:none}.sandbox-settle-btn.won{background:#3fb95033;color:var(--success)}.sandbox-settle-btn.won:hover:not(:disabled){background:#3fb95059}.sandbox-settle-btn.lost{background:#f8514926;color:var(--error)}.sandbox-settle-btn.lost:hover:not(:disabled){background:#f8514940}.sandbox-settle-btn.void{background:var(--bg-elevated);color:var(--text-muted)}.sandbox-settle-btn.void:hover:not(:disabled){color:var(--text)}.sandbox-settle-btn:disabled{opacity:.6;cursor:not-allowed}.sandbox-result{text-transform:capitalize}.sandbox-result.won{color:var(--success)}.sandbox-result.lost{color:var(--error)}.sandbox-result.void{color:var(--text-muted)}.sandbox-empty{color:var(--text-muted);padding:var(--space-6);text-align:center;margin:0}.sandbox-check-success{color:var(--success)}.sandbox-check-error{color:var(--error)}@media (max-width: 640px){.sandbox-table th:nth-child(n+5),.sandbox-table td:nth-child(n+5){display:none}.sandbox-table th:nth-child(1),.sandbox-table td:nth-child(1){max-width:120px;overflow:hidden;text-overflow:ellipsis}}.sandbox-settings{margin-top:var(--space-2)}.sandbox-settings-desc{font-size:.95rem;color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.5}.sandbox-settings-muted{color:var(--text-muted);font-size:.95rem;margin:0 0 var(--space-2)}.sandbox-settings-actions{margin-bottom:var(--space-6)}.sandbox-settings-link{color:var(--accent);font-weight:500;text-decoration:none}.sandbox-settings-link:hover{text-decoration:underline}.sandbox-settings-list{margin-bottom:var(--space-8)}.sandbox-settings-list-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-1);color:var(--text)}.sandbox-settings-list-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--space-4)}.sandbox-settings-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.sandbox-settings-item{padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.sandbox-settings-item.selected{border-color:var(--accent);background:var(--accent-muted)}.sandbox-settings-item-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.sandbox-settings-radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:500}.sandbox-settings-radio input{margin:0}.sandbox-settings-item-name{margin-right:var(--space-2)}.sandbox-settings-badge{font-size:.75rem;font-weight:600;padding:2px 6px;background:var(--accent);color:var(--bg);border-radius:var(--radius-sm)}.sandbox-settings-item-balance{font-size:1rem;font-weight:600;color:var(--text)}.sandbox-settings-item-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sandbox-settings-btn{padding:var(--space-1) var(--space-3);font-size:.85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background var(--ease),border-color var(--ease)}.sandbox-settings-btn:hover{background:var(--bg-card);border-color:var(--text-dim)}.sandbox-settings-btn-ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.sandbox-settings-btn-ghost:hover{color:var(--text);background:var(--bg-elevated)}.sandbox-settings-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sandbox-settings-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}.sandbox-settings-btn-danger{background:var(--error);border-color:var(--error);color:#fff}.sandbox-settings-btn-danger:hover:not(:disabled){opacity:.9}.sandbox-settings-btn-danger:disabled{opacity:.5;cursor:not-allowed}.sandbox-settings-btn-danger-ghost{color:var(--error)}.sandbox-settings-btn-danger-ghost:hover{background:#f851491a;color:var(--error)}.sandbox-settings-edit-form,.sandbox-settings-delete-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.sandbox-settings-edit-input{width:100px;padding:var(--space-1) var(--space-2);font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text)}.sandbox-settings-delete-input{width:160px;padding:var(--space-1) var(--space-2);font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text)}.sandbox-settings-create-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3);color:var(--text)}.sandbox-settings-create-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:320px}.sandbox-settings-label{display:block;font-size:.9rem;font-weight:500;margin:0;color:var(--text-muted)}.sandbox-settings-label+.sandbox-settings-input{margin-top:var(--space-1)}.sandbox-settings-input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.sandbox-settings-error{font-size:.9rem;color:var(--error);margin:0}.settings-page{min-height:100vh;background:var(--bg);padding:var(--space-6) var(--space-4)}.settings-container{max-width:560px;margin:0 auto}.settings-header{margin-bottom:var(--space-8)}.settings-back{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4)}.settings-back:hover{color:var(--accent)}.settings-header h1{margin-bottom:var(--space-2)}.settings-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.settings-section{margin-bottom:var(--space-10);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.settings-section-title{font-size:1.1rem;margin:0 0 var(--space-2);color:var(--text)}.settings-section-desc{font-size:.95rem;color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.5}.settings-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.settings-links a{display:block;padding:var(--space-2) var(--space-3);color:var(--accent);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--ease),color var(--ease)}.settings-links a:hover{background:var(--accent-muted);color:var(--accent-hover)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg)}.auth-card{position:relative;width:100%;max-width:420px;padding:var(--space-10);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.auth-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.25rem;line-height:1;transition:color var(--ease),border-color var(--ease)}.auth-close:hover{color:var(--text);border-color:var(--text-dim)}.auth-title{text-align:center;margin-bottom:var(--space-6);font-size:1.5rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.auth-field input{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1rem;transition:border-color var(--ease)}.auth-field input::placeholder{color:var(--text-dim)}.auth-field input:focus{outline:none;border-color:var(--border-focus)}.auth-error{padding:var(--space-3);background:#f851491f;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-size:.9rem}.auth-button{padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background var(--ease),opacity var(--ease)}.auth-button:hover:not(:disabled){background:var(--accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-success{color:var(--success);font-size:.95rem;text-align:center;margin:0}.auth-toggle{text-align:center;margin-top:var(--space-4);font-size:.95rem;color:var(--text-muted)}.auth-link{background:none;border:none;color:var(--accent);font-weight:500;cursor:pointer;padding:0;text-decoration:none;font-size:inherit}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}:root{--bg: #0b0d10;--bg-elevated: #13161c;--bg-card: #181c24;--border: #2a303c;--border-focus: #38a169;--text: #e6edf3;--text-muted: #8b949e;--text-dim: #6e7681;--accent: #38a169;--accent-hover: #48bb78;--accent-muted: rgba(56, 161, 105, .15);--success: #3fb950;--error: #f85149;--warning: #d29922;--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--ease: .2s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:18px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-body);font-weight:400;font-size:1rem;color:var(--text);background:var(--bg);line-height:1.5;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin:0 0 var(--space-3)}h1{font-size:clamp(1.95rem,4vw,2.75rem)}h2{font-size:1.65rem}h3{font-size:1.35rem}a{color:var(--accent);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--accent-hover)}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}.App{min-height:100vh}