:root{--bg-primary: #131722;--bg-secondary: #1e222d;--bg-tertiary: #262b3d;--bg-hover: #2a2e39;--text-primary: #d1d4dc;--text-muted: #787b86;--text-dim: #4a4e59;--accent: #2962ff;--accent-hover: #1e53e4;--green: #22ab94;--green-dim: #1a8a76;--red: #f23645;--red-dim: #c92d3a;--yellow: #f7a600;--cyan: #00bcd4;--orange: #ff9800;--border: #2a2e39;--border-light: #363c4e;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.4}.announcement-bar{background:var(--accent);color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:500}.announcement-bar strong{font-weight:700}.app{display:flex;flex-direction:column;height:100%}.container{flex:1;padding:16px;overflow:auto}.main-layout{display:flex;gap:16px;height:100%}.main-content{flex:2;min-width:0}.sidebar{flex:1;min-width:300px;max-width:400px}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.logo{color:var(--green);font-weight:700;font-size:14px;letter-spacing:.5px;font-family:var(--font-sans)}.status-bar{display:flex;align-items:center;gap:8px}.status{display:inline-block;width:8px;height:8px}.status-live{background:var(--green);animation:pulse 1.5s infinite}.status-upcoming{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filters{display:flex;gap:16px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}select,input{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:4px 8px;font-family:var(--font-sans);font-size:12px;border-radius:4px}select:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;cursor:pointer;position:relative}.checkbox-label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-bottom:16px}.panel-header{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-title{color:var(--text-primary);font-weight:600;font-size:12px}.panel-body{padding:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:4px 8px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--bg-secondary);color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:11px;font-family:var(--font-sans);position:sticky;top:0;z-index:1}tr{transition:background .1s}tr:hover{background:var(--bg-hover)}tr.clickable{cursor:pointer}.odds-drop{color:var(--red);font-weight:600}.line-move{color:var(--yellow);font-weight:600}.odds-rise{color:var(--green)}.novig{color:var(--cyan)}.limit-high{color:var(--green)}.limit-low{color:var(--yellow)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.highlight{color:var(--accent);font-weight:600}.sparkline{display:inline-block;height:16px;vertical-align:middle}.sparkline svg{display:block}.kbd{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.shortcuts-hint{display:flex;gap:12px;align-items:center}.loading{color:var(--text-muted);padding:20px;text-align:center}.loading:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.empty-state{color:var(--text-dim);padding:20px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;width:90%;max-width:1000px;max-height:85vh;overflow:auto;box-shadow:0 8px 32px #0006}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-secondary);z-index:1}.modal-title{color:var(--text-primary);font-weight:600;font-size:15px}.modal-body{padding:16px}.support-section{margin-bottom:20px}.support-section:last-child{margin-bottom:0}.support-section h3{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.updates-list{display:flex;flex-direction:column;gap:8px}.update-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:13px}.update-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.update-badge.status{background:#00ff8826;color:var(--green)}.update-badge.pending{background:#ffcc0026;color:var(--yellow)}.update-badge.issue{background:#ff555526;color:var(--red)}.update-badge.alert{background:#ff880026;color:var(--orange, #ff8800)}.update-badge.info{background:#6699ff26;color:var(--blue)}.support-form{display:flex;flex-direction:column;gap:12px}.support-form .form-group{display:flex;flex-direction:column;gap:4px}.support-form label{font-size:12px;color:var(--text-muted)}.support-form input,.support-form textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);transition:border-color .15s}.support-form input:focus,.support-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.support-form input::placeholder,.support-form textarea::placeholder{color:var(--text-muted);opacity:.6}.support-form textarea{resize:vertical;min-height:80px}.support-submit{margin-top:8px;width:100%}.support-error{color:var(--red);font-size:12px;margin:0}.support-success{text-align:center;padding:16px 0}.support-success p{margin-bottom:16px;color:var(--green)}.close-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px 8px;font-family:var(--font-sans);font-size:12px}.close-btn:hover{border-color:var(--red);color:var(--red)}.modal-header-actions{display:flex;gap:8px;align-items:center}.watchlist-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px 12px;font-family:var(--font-sans);font-size:12px;transition:all .15s}.watchlist-btn:hover,.watchlist-btn.watched{border-color:var(--yellow);color:var(--yellow)}.watchlist-btn:disabled{opacity:.5;cursor:not-allowed}.drop-item{padding:8px 0;border-bottom:1px solid var(--border)}.drop-item:last-child{border-bottom:none}.drop-item-clickable{cursor:pointer;padding:8px 4px;margin:0 -4px;border-radius:4px;transition:background-color .15s ease}.drop-item-clickable:hover{background-color:var(--bg-tertiary)}.drop-header{display:flex;justify-content:space-between;margin-bottom:4px}.drop-change{font-weight:600}.drop-time{color:var(--text-muted);font-size:11px}.drop-event,.drop-odds{font-size:11px;margin-top:2px}.event-teams{max-width:280px}.team-name{display:inline}.team-separator{display:inline;color:var(--text-muted);margin:0 4px}.league-name{font-size:10px;color:var(--text-muted);margin-top:2px}.event-time{color:var(--text-muted);font-size:11px}.event-live{color:var(--green);font-weight:600}.section-header{color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.flex{display:flex}.flex-1{flex:1}.gap-2{gap:8px}.gap-4{gap:16px}.text-right{text-align:right}.text-center{text-align:center}.nowrap{white-space:nowrap}.overflow-auto{overflow:auto}.max-h-400{max-height:400px}.drops-list-container{max-height:calc(100vh - 160px);overflow-y:auto}.btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 8px #2962ff4d}.btn-small{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-family:var(--font-sans);font-size:11px;cursor:pointer}.btn-small:hover{background:var(--bg-hover)}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-dim);color:var(--text-primary)}.status-enabled{color:var(--green);font-weight:600}.status-disabled{color:var(--text-muted)}.config-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-family:var(--font-sans);font-size:11px;cursor:pointer;margin-left:16px;transition:all .15s}.config-btn:hover{color:var(--accent);border-color:var(--accent)}.connectivity-ribbon{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;font-size:12px}.ribbon-error{background:var(--red-dim);color:var(--text-primary)}.ribbon-warning{background:var(--orange);color:var(--bg-primary)}.ribbon-icon{font-weight:700;font-size:14px}.ribbon-message{flex:1}.empty-state-enhanced{color:var(--text-dim);padding:40px 20px;text-align:center}.empty-state-icon{font-size:24px;color:var(--text-muted);margin-bottom:8px;font-weight:700}.empty-state-title{font-size:14px;color:var(--text-muted);margin-bottom:8px}.empty-state-message{font-size:11px;color:var(--text-dim);max-width:250px;margin:0 auto}.filters-advanced{display:flex;gap:16px;width:100%;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border-top:1px solid var(--border)}.alert-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 90px auto;gap:12px;align-items:end}.alert-form-grid .filter-group,.alert-form-grid .filter-group select,.alert-form-grid .filter-group input{width:100%}.alert-add-btn{padding:6px 12px;height:fit-content}.mobile-filter-toggle{display:none;width:100%;padding:12px 16px;background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;cursor:pointer;justify-content:space-between;align-items:center}.mobile-filter-toggle:hover{background:var(--bg-hover)}.mobile-filter-summary{color:var(--accent);font-weight:500}.mobile-filter-arrow{color:var(--text-muted);font-size:10px}@media (max-width: 1024px){.main-layout{flex-direction:column}.sidebar{min-width:100%;max-width:100%;order:2}.main-content{order:1}.modal{width:95%;max-width:none}}@media (max-width: 640px){.container{padding:8px}.mobile-filter-toggle{display:flex}.filters{display:none;flex-direction:column;gap:8px;padding:12px}.filters.mobile-open{display:flex}.filter-group{width:100%}.filter-group select,.filter-group input{flex:1}.shortcuts-hint{display:none}.alert-form-grid{grid-template-columns:1fr 1fr;gap:12px}.alert-form-grid .alert-add-btn{grid-column:1 / -1;width:100%;padding:10px;margin-top:4px}table{display:block}thead{display:none}tbody{display:flex;flex-direction:column;gap:8px}tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border)}td{border:none;padding:0}td.event-time{grid-column:1 / -1;font-size:11px;color:var(--text-muted);padding-bottom:4px}td.event-teams{grid-column:1 / -1;font-size:13px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.event-teams{max-width:none}.team-name{display:inline}.team-separator{display:inline;color:var(--text-muted);margin:0 4px}.league-name{font-size:10px;color:var(--text-muted);margin-top:4px}td[data-label]{background:var(--bg-tertiary);padding:8px;text-align:left;font-size:13px}td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:var(--text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.odds-value{font-weight:500}.odds-price{color:var(--text-muted);font-size:11px}.panel-header{padding:8px}.header{flex-wrap:wrap;gap:8px}.logo{font-size:12px}.status-bar{flex-wrap:wrap;gap:4px}.hide-mobile{display:none!important}}@media (max-width: 380px){.logo{font-size:10px}.alert-form-grid{grid-template-columns:1fr}}.event-detail-modal{width:85vw;max-width:none;height:90vh;max-height:90vh;display:flex;flex-direction:column}.event-detail-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.dashboard-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.dashboard-tab{padding:14px 24px;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s,background .15s}.dashboard-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.dashboard-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-tertiary)}.dashboard-tab-content{flex:1;overflow-y:auto;padding:16px}.whats-moving{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;margin-bottom:16px}.whats-moving-header{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.whats-moving-header .fire-icon{color:var(--orange)}.whats-moving-header h3{font-size:11px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.whats-moving-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--border)}.whats-moving-item{background:var(--bg-secondary);padding:10px 12px;cursor:pointer;transition:background .15s}.whats-moving-item:hover{background:var(--bg-hover)}.whats-moving-market{font-size:10px;color:var(--text-muted);margin-bottom:2px}.whats-moving-side{font-size:12px;color:var(--text-primary);font-weight:500;margin-bottom:2px}.whats-moving-change{font-size:13px;font-weight:600}.whats-moving-change.positive{color:var(--green)}.whats-moving-change.negative{color:var(--red)}.whats-moving-prices{font-size:10px;color:var(--text-muted);margin-top:2px}.whats-moving-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.overview-grid{display:flex;flex-direction:column;gap:16px}.overview-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px}.overview-section-header{padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.overview-section-body{padding:12px}.opening-line{font-size:10px;color:var(--text-dim);margin-left:8px}.opening-line-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-primary);border-radius:3px;font-size:10px;color:var(--text-dim)}.props-search{margin-bottom:12px}.props-search-input{width:100%;max-width:300px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px}.props-search-input:focus{outline:none;border-color:var(--accent)}.props-search-input::placeholder{color:var(--text-dim)}.market-history-expand{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.market-history-mini-chart{height:80px;margin-bottom:8px}.market-history-snapshots{max-height:150px;overflow-y:auto;font-size:11px}.market-history-loading{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.event-meta{font-size:11px;margin-top:4px}.current-odds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.current-odds-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s}.current-odds-card:hover{border-color:var(--text-muted)}.current-odds-card.active{border-color:var(--accent)}.current-odds-card .card-header{padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase}.current-odds-card.active .card-header{color:var(--accent)}.current-odds-card .card-body{padding:12px}.odds-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.odds-row:last-child{margin-bottom:0}.side-label{flex:1;font-size:11px;color:var(--text-muted)}.odds-value{font-size:13px;font-weight:600;min-width:50px;text-align:right}.odds-price{color:var(--text-muted)}.chart-section{margin-bottom:16px}.odds-chart{background:var(--bg-tertiary);border:1px solid var(--border);padding:16px;overflow-x:auto}.odds-chart svg{display:block;margin:0 auto}.odds-chart-empty{background:var(--bg-tertiary);border:1px solid var(--border);padding:40px;text-align:center}.limit-chart{margin-top:0}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.legend-line{width:20px;height:2px}.legend-dashed{background:repeating-linear-gradient(to right,currentColor 0,currentColor 4px,transparent 4px,transparent 6px)!important;height:2px}.snapshots-section{margin-bottom:24px}.drops-section{margin-bottom:16px}.alt-lines-section{margin-bottom:24px}.alt-lines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.alt-line-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:10px}.alt-line-value{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.alt-line-odds{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11px}.alt-line-odds .side{color:var(--text-muted);width:40px}.alt-line-odds .price{font-weight:500;min-width:45px}.alt-line-odds .novig{color:var(--cyan);font-size:10px}.track-btn-alt{padding:0;width:14px;height:14px;min-width:14px;font-size:9px;font-weight:600;margin-left:auto;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alt-line-odds:hover .track-btn-alt{opacity:1}.alt-line-max{font-size:10px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}@media (max-width: 768px){.current-odds-grid{grid-template-columns:1fr}.odds-chart svg{max-width:100%;height:auto}.alt-lines-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.alt-lines-grid{grid-template-columns:1fr}}.period-odds-section{margin-top:0}.period-odds-row{margin-bottom:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s}.period-odds-row:hover{border-color:var(--text-muted)}.period-odds-row.selected{border-color:var(--accent)}.period-odds-row:last-child{margin-bottom:0}.period-label{font-size:12px;font-weight:600;color:var(--cyan);text-transform:uppercase;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.period-markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-market-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px}.period-market-card .card-header{padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:4px 4px 0 0;color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase}.period-market-card .card-body{padding:12px}.period-market-card .odds-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.period-market-card .odds-row:last-child{margin-bottom:0}.period-market-card .side-label{flex:1;font-size:11px;color:var(--text-muted);min-width:70px}.period-market-card .odds-value{font-size:13px;font-weight:600;min-width:45px;text-align:right}.period-market-card .novig{font-size:11px;color:var(--cyan);min-width:45px;text-align:right}.period-market-card .track-btn{padding:2px 6px;font-size:9px;margin-left:4px;opacity:0;transition:opacity .15s;flex-shrink:0}.period-market-card .odds-row:hover .track-btn{opacity:1}.period-market-card .dim{color:var(--text-muted);font-size:12px}@media (max-width: 768px){.period-markets-grid{grid-template-columns:1fr}}.period-history-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.period-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.period-market-selector{display:flex;gap:4px}.market-selector-btn{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.market-selector-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.market-selector-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.player-props-section{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.props-category{margin-bottom:16px}.props-category-header{font-size:11px;font-weight:600;color:var(--cyan);text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.props-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.prop-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:10px;cursor:pointer;transition:border-color .15s}.prop-card:hover,.prop-card.expanded{border-color:var(--accent)}.prop-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.prop-lines{display:flex;flex-direction:column;gap:4px}.prop-line{display:flex;align-items:center;gap:8px;font-size:12px}.prop-line .line-name{flex:1;color:var(--text-muted)}.prop-line .line-price{font-weight:500;min-width:50px;text-align:right}.prop-line .line-novig{color:var(--cyan);font-size:11px;min-width:50px;text-align:right}.track-btn-prop{padding:2px 6px;font-size:9px;margin-left:4px;flex-shrink:0}.prop-line .track-btn-prop{opacity:0;transition:opacity .15s}.prop-line:hover .track-btn-prop{opacity:1}.prop-more{font-size:11px;margin-top:4px;text-align:center}.prop-max{font-size:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}@media (max-width: 1200px){.props-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.props-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.props-grid{grid-template-columns:1fr}}.auth-modal{max-width:400px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.form-group input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:14px;color:var(--text-primary);font-family:var(--font-sans)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.error-message{background:#ff64641a;border:1px solid #ff6464;border-radius:4px;padding:10px;color:#ff6464;font-size:13px}.success-message{background:#64ff961a;border:1px solid var(--green);border-radius:4px;padding:10px;color:var(--green);font-size:13px}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:#2962ff1a}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-family:var(--font-sans);font-size:inherit;padding:0}.link-button:hover{color:var(--accent-hover)}.auth-switch{text-align:center;padding-top:16px;border-top:1px solid var(--border);margin-top:16px;color:var(--text-muted);font-size:13px}.auth-benefits{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:4px}.auth-benefits h4{margin:0 0 12px;color:var(--accent);font-size:12px}.auth-benefits ul{margin:0;padding-left:20px;font-size:13px;color:var(--text-muted)}.auth-benefits li{margin-bottom:6px}.code-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:12px;font-size:12px;overflow-x:auto;margin:12px 0}.sign-in-btn{padding:6px 12px;font-size:12px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer;font-family:var(--font-sans);color:var(--text-primary)}.user-menu-trigger:hover{border-color:var(--accent)}.user-avatar{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-name{font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge{font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase}.plan-badge.plan-free{background:var(--bg-tertiary);color:var(--text-muted)}.plan-badge.plan-pro{background:var(--accent);color:#fff}.plan-badge.plan-enterprise{background:#f0c000;color:var(--bg-primary)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;min-width:200px;z-index:100;box-shadow:0 8px 24px #0006}.user-menu-header{padding:12px 16px;border-bottom:1px solid var(--border)}.user-email{font-size:13px;color:var(--text-primary)}.user-plan{font-size:11px;color:var(--text-muted);margin-top:4px}.user-menu-items{padding:8px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--bg-tertiary)}.user-menu-item.upgrade{color:var(--accent)}.user-menu-item .menu-icon{width:16px;color:var(--text-muted)}.user-menu-footer{padding:8px 0;border-top:1px solid var(--border)}.user-menu-item.sign-out{color:var(--text-muted)}.user-menu-item.sign-out:hover{color:#ff6464}.watchlist{background:var(--bg-secondary);border-radius:4px;overflow:hidden}.watchlist-header{padding:12px 16px;border-bottom:1px solid var(--border)}.watchlist-header h3{margin:0;font-size:12px;color:var(--text-primary);font-weight:600}.watchlist-items{max-height:400px;overflow-y:auto}.watchlist-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.watchlist-item:hover{background:var(--bg-tertiary)}.watchlist-item:last-child{border-bottom:none}.watchlist-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.watchlist-time{font-size:11px;color:var(--text-muted)}.watchlist-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:3px}.watchlist-remove:hover{background:#ff646433;color:#ff6464}.watchlist-teams{font-size:13px}.watchlist-teams .team{margin-bottom:2px}.watchlist-notes{font-size:11px;margin-top:6px;font-style:italic}.watchlist-league{font-size:11px;margin-top:4px}.watchlist-modal{max-width:500px}.watchlist-empty,.watchlist-loading,.watchlist-error{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px}.watchlist-star{cursor:pointer;font-size:16px;color:var(--text-muted);transition:color .2s}.watchlist-star:hover,.watchlist-star.watched{color:#f0c000}.notifications-panel{position:fixed;top:60px;right:16px;width:360px;max-height:calc(100vh - 80px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;z-index:100;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.notifications-header h3{margin:0;font-size:14px}.notifications-actions{display:flex;align-items:center;gap:12px}.notifications-content{flex:1;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:#4fd1d10d}.notification-item.unread .notification-title{font-weight:600}.notification-icon{width:24px;height:24px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent);flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-title{font-size:13px;margin-bottom:4px}.notification-text{font-size:12px;margin-bottom:4px}.notification-time{font-size:11px}.notification-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px;opacity:0;transition:opacity .2s}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:#ff6464}.notifications-empty,.notifications-loading{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:#ff6464;color:#fff;border-radius:8px;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (max-width: 480px){.notifications-panel{right:8px;left:8px;width:auto}}.landing-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.landing-header .landing-logo{font-size:20px;font-weight:700;letter-spacing:.3px;color:var(--green);font-family:var(--font-sans)}.landing-header-nav{display:flex;align-items:center;gap:20px}.landing-nav-link{color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .15s}.landing-nav-link:hover{color:var(--accent)}.landing-login-btn{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.landing-login-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.landing-hero{display:flex;align-items:center;justify-content:center;padding:56px 20px 40px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border)}.landing-hero-content{text-align:center;max-width:700px}.landing-badge{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 14px;margin-bottom:16px}.landing-title{color:var(--text-primary);font-weight:700;font-size:38px;font-family:var(--font-sans);margin:0 0 16px;line-height:1.2}.landing-subtitle{color:var(--text-muted);font-size:15px;line-height:1.6;max-width:520px;margin:0 auto 28px}.landing-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.landing-cta{font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;border-radius:4px}.landing-cta-primary{background:var(--accent);color:#fff;border:2px solid var(--accent);padding:14px 32px}.landing-cta-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 12px #2962ff4d}.landing-cta-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:14px 32px}.landing-cta-secondary:hover{border-color:var(--accent);color:var(--accent)}.landing-disclaimer{color:var(--text-muted);font-size:12px;margin:0}.landing-price-strike{text-decoration:line-through;color:var(--text-dim)}.landing-price-discount{color:var(--green);font-size:14px}.landing-preview{max-width:800px;margin:32px auto 56px;padding:0 20px;position:relative;z-index:1}.landing-preview-header{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;padding:12px 16px}.landing-preview-title{color:var(--text-primary);font-size:12px;font-weight:600}.landing-preview-badge{margin-left:auto;background:var(--bg-tertiary);border-radius:3px;color:var(--text-dim);font-size:10px;padding:3px 8px}.landing-preview-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 0 6px 6px}.landing-preview-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);align-items:center}.landing-preview-row:last-child{border-bottom:none}.landing-preview-row-header{background:var(--bg-tertiary);font-size:10px;color:var(--text-dim);letter-spacing:1px;padding:10px 16px}.landing-preview-teams{display:flex;flex-direction:column;gap:2px;font-size:13px}.landing-preview-odds{font-size:13px;color:var(--text-primary);font-weight:500}.landing-preview-novig{font-size:13px;color:var(--cyan)}.landing-preview-change{font-size:12px;text-align:right;font-weight:600}.landing-screenshots{padding:60px 20px 80px;background:var(--bg-primary)}.landing-screenshots-grid{display:flex;flex-direction:column;gap:48px;max-width:1100px;margin:0 auto}.landing-screenshot-item{display:flex;flex-direction:column;gap:16px}.landing-screenshot-frame{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px var(--border)}.landing-screenshot-frame img{width:100%;height:auto;display:block}.landing-screenshot-caption{text-align:center}.landing-screenshot-caption h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.landing-screenshot-caption p{color:var(--text-muted);font-size:14px;max-width:500px;margin:0 auto}.landing-screenshots-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-screenshots-row .landing-screenshot-frame{aspect-ratio:auto}@media (max-width: 768px){.landing-screenshots{padding:40px 16px 60px}.landing-screenshots-grid{gap:32px}.landing-screenshots-row{grid-template-columns:1fr;gap:32px}.landing-screenshot-caption h3{font-size:15px}.landing-screenshot-caption p{font-size:13px}}.landing-features-section{padding:80px 20px;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-section-title{text-align:center;color:var(--text-primary);font-size:18px;font-weight:600;font-family:var(--font-sans);margin:0 0 20px}.landing-section-subtitle{text-align:center;color:var(--text-muted);font-size:14px;max-width:600px;margin:0 auto 60px}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}@media (max-width: 600px){.landing-features-grid{grid-template-columns:1fr}}.landing-feature-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:32px 24px;transition:border-color .2s}.landing-feature-card:hover{border-color:var(--accent)}.landing-feature-icon{font-size:24px;color:var(--accent);margin-bottom:20px;font-weight:700}.landing-feature-icon-red{color:var(--red)}.landing-feature-icon-cyan{color:var(--cyan)}.landing-feature-icon-yellow{color:var(--yellow)}.landing-feature-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px;letter-spacing:.5px}.landing-feature-desc{color:var(--text-muted);font-size:12px;line-height:1.7;margin:0}.landing-stats{display:flex;justify-content:center;gap:60px;padding:60px 20px;flex-wrap:wrap}.landing-stat{text-align:center}.landing-stat-number{display:block;color:var(--accent);font-size:36px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.landing-stat-label{color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase}.landing-sports{text-align:center;padding:40px 20px 60px}.landing-sports-title{color:var(--text-dim);font-size:12px;font-weight:500;text-transform:uppercase;margin:0 0 20px}.landing-sports-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.landing-sport-tag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:12px;padding:8px 16px}.landing-final-cta{text-align:center;padding:80px 20px;background:var(--bg-secondary);border-top:1px solid var(--border)}.landing-final-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 16px}.landing-final-subtitle{color:var(--text-muted);font-size:14px;margin:0 0 32px}.landing-final-price{color:var(--text-muted);font-size:13px;margin-top:16px}.landing-final-price strong{color:var(--green)}.landing-faq{padding:60px 20px;max-width:900px;margin:0 auto}.landing-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px}.landing-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:24px}.landing-faq-question{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.landing-faq-answer{color:var(--text-muted);font-size:13px;line-height:1.7;margin:0}.landing-why-built{padding:60px 20px;max-width:700px;margin:0 auto}.landing-why-built-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:32px;margin-top:40px}.landing-why-built-text{color:var(--text-muted);font-size:14px;line-height:1.8;margin:0 0 16px}.landing-why-built-text:last-of-type{margin-bottom:24px}.landing-why-built-signature{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;text-align:right}.landing-footer{text-align:center;padding:40px 20px;border-top:1px solid var(--border)}.landing-footer p{margin:0;font-size:11px}@media (max-width: 768px){.landing-hero{padding:40px 20px 24px}.landing-title{font-size:28px}.landing-subtitle{font-size:14px}.landing-preview{margin:24px auto 40px}.landing-preview-row{grid-template-columns:1.5fr 1fr 1fr 60px;gap:8px;padding:12px;font-size:12px}.landing-preview-teams{font-size:12px}.landing-preview-odds,.landing-preview-novig{font-size:11px}.landing-stats{gap:30px}.landing-stat-number{font-size:28px}.landing-features-section{padding:60px 20px}.landing-final-title{font-size:20px}.landing-faq-grid{grid-template-columns:1fr;gap:20px}.landing-why-built-content{padding:24px}}@media (max-width: 480px){.landing-title{font-size:22px}.landing-cta-group{flex-direction:column;align-items:center}.landing-cta{width:100%;max-width:280px;text-align:center}.landing-preview-row{grid-template-columns:1fr 1fr;gap:8px}.landing-preview-row-header span:nth-child(3),.landing-preview-row-header span:nth-child(4),.landing-preview-row span:nth-child(3),.landing-preview-row span:nth-child(4){display:none}.landing-stats{gap:24px}.landing-stat-number{font-size:24px}.landing-stat-label{font-size:10px}}.account-settings-modal{width:100%;max-width:500px}.account-settings-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.account-tab{flex:1;padding:12px 16px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:color .15s,background .15s}.account-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.account-tab.active{color:var(--accent);background:var(--bg-tertiary);border-bottom:2px solid var(--accent)}.account-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.form-input{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.form-input.disabled{color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-dim);font-size:11px}.form-actions{margin-top:8px;display:flex;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.toggle-label{color:var(--text-primary);font-size:13px}.toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;padding:0}.toggle-switch:hover{border-color:var(--border-light)}.toggle-switch.active{background:var(--accent);border-color:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:transform .2s ease}.toggle-switch.active .toggle-knob{transform:translate(20px)}.account-message{padding:10px 12px;margin-bottom:16px;font-size:12px}.account-message.success{background:#00ff001a;border:1px solid var(--green-dim);color:var(--green)}.account-message.error{background:#ff44441a;border:1px solid var(--red-dim);color:var(--red)}.plan-display{padding:8px 0}.account-billing{display:flex;flex-direction:column;gap:20px}.billing-status{padding:16px;background:var(--bg-secondary);border:1px solid var(--border)}.billing-plan{display:flex;align-items:center;justify-content:space-between}.billing-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.billing-info{text-align:center;padding:20px}.track-btn{padding:2px 8px;font-size:10px;background:transparent;border:1px solid var(--accent);border-radius:3px;color:var(--accent);cursor:pointer;margin-left:auto;opacity:0;transition:opacity .15s}.odds-row:hover .track-btn{opacity:1}.track-btn:hover{background:var(--accent);color:#fff}.track-bet-modal{max-width:450px}.track-bet-summary{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);margin-bottom:16px}.track-bet-event{color:var(--text-muted);font-size:12px;margin-bottom:4px}.track-bet-selection{color:var(--green);font-size:16px;font-weight:600}.track-bet-reference{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border)}.reference-row{display:flex;flex-direction:column;gap:4px}.reference-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.reference-value{font-size:14px;color:var(--text-primary)}.reference-value.novig{color:var(--cyan)}.track-bet-form .form-row{display:flex;gap:12px}.track-bet-form .form-row .form-group{flex:1}.track-bet-form .form-hint{display:block;font-size:10px;color:var(--text-dim);margin-top:4px}.track-bet-form textarea{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;resize:vertical}.track-bet-form textarea:focus{outline:none;border-color:var(--green)}.track-bet-ev{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);margin-bottom:16px}.track-bet-ev .ev-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.track-bet-ev .ev-value{font-size:18px;font-weight:600}.track-bet-ev.positive .ev-value{color:var(--green)}.track-bet-ev.negative .ev-value{color:var(--red)}.my-bets-modal{width:900px;max-width:95vw;height:90vh;max-height:90vh}.my-bets-modal .modal-body{display:flex;flex-direction:column;height:calc(90vh - 60px);overflow:hidden}.bets-stats-section{margin-bottom:16px}.bets-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.stat-card{padding:12px 8px;background:var(--bg-tertiary);border:1px solid var(--border);text-align:center}.stat-card .stat-value{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.stat-card .stat-value.positive{color:var(--green)}.stat-card .stat-value.negative{color:var(--red)}.stat-card .stat-gauge{height:4px;background:var(--bg-primary);margin:6px 0}.stat-card .stat-gauge-fill{height:100%;transition:width .3s ease}.stat-card .stat-gauge-fill.green{background:var(--green)}.stat-card .stat-gauge-fill.red{background:var(--red)}.stat-card .stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-card .stat-subtext{font-size:10px;color:var(--text-dim);margin-top:4px}.win-loss-bar{display:flex;height:8px;background:var(--bg-primary);overflow:hidden}.win-loss-bar .win-segment{background:var(--green);height:100%}.win-loss-bar .push-segment{background:var(--text-muted);height:100%}.win-loss-bar .loss-segment{background:var(--red);height:100%}.bets-filter-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.filter-tab{padding:6px 12px;font-size:11px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{border-color:var(--accent);color:var(--accent)}.bets-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0}.bet-card{padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.bet-card.win{border-left:3px solid var(--green)}.bet-card.loss{border-left:3px solid var(--red)}.bet-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bet-card-header .bet-event{font-size:11px;color:var(--text-muted)}.bet-card-header .bet-event:hover{color:var(--cyan);cursor:pointer}.bet-card-header .bet-date{font-size:10px;color:var(--text-dim)}.bet-card-body .bet-selection{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.bet-details-grid{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.bet-detail{display:flex;flex-direction:column;gap:2px}.bet-detail .detail-label{font-size:9px;color:var(--text-muted);text-transform:uppercase}.bet-detail .detail-value{font-size:13px;color:var(--text-primary)}.bet-detail .detail-value.positive{color:var(--green)}.bet-detail .detail-value.negative{color:var(--red)}.bet-book{font-size:11px;margin-bottom:8px}.bet-profit{font-size:16px;font-weight:600;margin-top:8px}.bet-profit.positive{color:var(--green)}.bet-profit.negative{color:var(--red)}.bet-card-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.btn-sm{padding:4px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.btn-success{background:var(--green-dim);border:1px solid var(--green);color:var(--bg-primary)}.btn-success:hover{background:var(--green)}.btn-danger{background:var(--red-dim);border:1px solid var(--red);color:var(--text-primary)}.btn-danger:hover{background:var(--red)}.btn-secondary{background:transparent;border:1px solid var(--text-dim);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-ghost{background:transparent;border:none;color:var(--text-dim);padding:4px 8px}.btn-ghost:hover{color:var(--red)}.bet-result-badge{padding:4px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted)}.bet-result-badge.win{border-color:var(--green);color:var(--green)}.bet-result-badge.loss{border-color:var(--red);color:var(--red)}@media (max-width: 900px){.my-bets-modal{width:95vw}.bets-stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card .stat-value{font-size:16px}.stat-card .stat-subtext{display:none}}@media (max-width: 500px){.bets-stats-grid{grid-template-columns:repeat(2,1fr)}}.blog-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.blog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.blog-logo{font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--green);text-decoration:none;font-family:var(--font-sans)}.blog-logo:hover{color:var(--green)}.blog-nav{display:flex;gap:24px}.blog-nav-link{color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .15s}.blog-nav-link:hover,.blog-nav-link.active{color:var(--accent)}.blog-hero{text-align:center;padding:60px 20px 40px;border-bottom:1px solid var(--border)}.blog-title{color:var(--text-primary);font-size:32px;font-weight:700;font-family:var(--font-sans);margin:0 0 16px}.blog-subtitle{color:var(--text-muted);font-size:14px;max-width:500px;margin:0 auto}.blog-container{max-width:1000px;margin:0 auto;padding:40px 20px;flex:1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;text-decoration:none;transition:border-color .15s}.blog-card:hover{border-color:var(--accent)}.blog-card-image{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--border)}.blog-card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:filter .15s}.blog-card:hover .blog-card-image img{filter:grayscale(0%)}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;line-height:1.4}.blog-card-excerpt{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0 0 16px;flex:1}.blog-card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.blog-card-author{color:var(--accent)}.blog-article{max-width:700px;margin:0 auto;padding:40px 20px}.blog-article-image{margin-bottom:32px;border:1px solid var(--border)}.blog-article-image img{width:100%;display:block}.blog-article-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.blog-back-link{display:inline-block;color:var(--text-muted);font-size:12px;text-decoration:none;margin-bottom:16px}.blog-back-link:hover{color:var(--accent)}.blog-article-title{color:var(--text-primary);font-size:28px;font-weight:700;font-family:var(--font-sans);margin:0 0 16px;line-height:1.3}.blog-article-meta{color:var(--text-muted);font-size:13px}.blog-article-author{color:var(--accent)}.blog-article-separator{margin:0 12px;color:var(--text-dim)}.blog-article-content{line-height:1.8;font-size:14px}.blog-article-content h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:40px 0 16px}.blog-article-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:32px 0 12px}.blog-article-content p{color:var(--text-muted);margin:0 0 20px}.blog-article-content a{color:var(--accent);text-decoration:underline}.blog-article-content a:hover{color:var(--accent-hover)}.blog-article-content ul,.blog-article-content ol{color:var(--text-muted);margin:0 0 20px;padding-left:24px}.blog-article-content li{margin-bottom:8px}.blog-article-content code{background:var(--bg-tertiary);padding:2px 6px;font-size:12px}.blog-article-content pre{background:var(--bg-tertiary);border:1px solid var(--border);padding:16px;overflow-x:auto;margin:0 0 20px}.blog-article-content pre code{background:none;padding:0}.blog-article-content blockquote{border-left:3px solid var(--green);padding-left:20px;margin:20px 0;color:var(--text-muted);font-style:italic}.blog-article-content img{max-width:100%;border:1px solid var(--border);margin:20px 0}.blog-article-content strong{color:var(--text-primary)}.blog-cta{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-top:1px solid var(--border)}.blog-cta h2{color:var(--text-primary);font-size:20px;margin:0 0 12px}.blog-cta p{margin:0 0 24px}.blog-footer{text-align:center;padding:24px 20px;border-top:1px solid var(--border)}.blog-footer p{margin:0;font-size:11px}@media (max-width: 640px){.blog-hero{padding:40px 20px 30px}.blog-title{font-size:24px}.blog-grid{grid-template-columns:1fr}.blog-article-title{font-size:22px}.blog-header{padding:12px 16px}.blog-nav{gap:16px}.blog-nav-link{font-size:12px}}.calculators-page{min-height:100vh;display:flex;flex-direction:column}.calculators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.calculators-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.calculators-grid{grid-template-columns:1fr}}.calculator-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:24px;text-decoration:none;transition:border-color .15s}.calculator-card:hover{border-color:var(--accent)}.calculator-card-icon{font-size:20px;font-weight:700;color:var(--accent);margin-bottom:16px}.calculator-card-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.calculator-card-desc{color:var(--text-muted);font-size:12px;line-height:1.6;margin:0}.calculator-page{min-height:100vh;display:flex;flex-direction:column}.calculator-container{max-width:800px;margin:0 auto;padding:40px 20px;width:100%}.calculator-header{margin-bottom:32px}.calculator-back-link{display:inline-block;color:var(--text-muted);font-size:12px;text-decoration:none;margin-bottom:16px}.calculator-back-link:hover{color:var(--accent)}.calculator-title{color:var(--text-primary);font-size:24px;font-weight:700;font-family:var(--font-sans);margin:0 0 8px}.calculator-subtitle{color:var(--text-muted);font-size:13px;margin:0}.calculator-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-bottom:20px}.calculator-section-header{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:12px;font-weight:600}.calculator-section-body{padding:20px}.calculator-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.calculator-form-row:last-child{margin-bottom:0}.calculator-form-group{display:flex;flex-direction:column;gap:6px}.calculator-form-group label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.calculator-form-group input,.calculator-form-group select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:10px 12px;font-family:var(--font-mono);font-size:14px}.calculator-form-group input:focus,.calculator-form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.calculator-form-group input::placeholder{color:var(--text-dim)}.calculator-form-group .hint{font-size:10px;color:var(--text-dim)}.calculator-result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.calculator-result-row:last-child{border-bottom:none}.calculator-result-label{color:var(--text-muted);font-size:12px}.calculator-result-value{font-size:16px;font-weight:600;color:var(--text-primary)}.calculator-result-value.positive{color:var(--green)}.calculator-result-value.negative{color:var(--red)}.calculator-result-value.highlight{color:var(--cyan)}.calculator-result-large{text-align:center;padding:24px}.calculator-result-large .value{font-size:36px;font-weight:700;font-family:var(--font-mono);color:var(--accent);margin-bottom:8px}.calculator-result-large .label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.calculator-btn{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:12px 24px;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;width:100%;margin-top:16px;transition:all .15s}.calculator-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #2962ff4d}.calculator-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.calculator-btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.parlay-leg{display:grid;grid-template-columns:40px 1fr 80px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.parlay-leg:last-child{border-bottom:none}.parlay-leg-number{font-size:12px;color:var(--text-muted);text-align:center}.parlay-leg input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:8px 12px;font-family:var(--font-mono);font-size:13px}.parlay-leg input:focus{outline:none;border-color:var(--accent)}.parlay-leg-remove{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);padding:6px 12px;font-family:var(--font-sans);font-size:11px;cursor:pointer}.parlay-leg-remove:hover{border-color:var(--red);color:var(--red)}.arb-outcome{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:16px;margin-bottom:12px}.arb-outcome:last-child{margin-bottom:0}.arb-outcome-header{font-size:12px;color:var(--cyan);font-weight:600;margin-bottom:12px;text-transform:uppercase}.arb-outcome-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calculator-info{background:var(--bg-tertiary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;padding:16px;margin-top:20px}.calculator-info-title{color:var(--accent);font-size:12px;font-weight:600;margin-bottom:8px}.calculator-info p{color:var(--text-muted);font-size:12px;line-height:1.6;margin:0}.calculator-empty{text-align:center;padding:40px 20px;color:var(--text-dim)}.calculator-empty-icon{font-size:24px;margin-bottom:12px}.odds-format-toggle{display:inline-flex;border:1px solid var(--border);border-radius:4px;background:var(--bg-tertiary);overflow:hidden}.odds-format-toggle button{background:none;border:none;color:var(--text-muted);padding:8px 16px;font-family:var(--font-sans);font-size:11px;cursor:pointer}.odds-format-toggle button:hover{color:var(--text-primary)}.odds-format-toggle button.active{background:var(--accent);color:#fff}@media (max-width: 640px){.calculator-container{padding:20px 16px}.calculator-title{font-size:20px}.calculator-form-row{grid-template-columns:1fr}.parlay-leg{grid-template-columns:30px 1fr;gap:8px}.parlay-leg-remove{grid-column:1 / -1;margin-top:8px}.arb-outcome-row{grid-template-columns:1fr}.calculator-result-large .value{font-size:28px}}