:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#101a2e;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f7fb;--panel: #ffffff;--panel-soft: #f8faff;--ink: #101a2e;--muted: #667189;--border: #dce4f2;--border-strong: #c8d4e7;--blue: #145cff;--blue-soft: #eaf0ff;--green: #078c25;--green-soft: #e9f8ee;--amber: #e99b00;--amber-soft: #fff5dd;--red: #d73131;--shadow: 0 18px 50px rgba(35, 53, 86, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.appShell{min-height:100vh}.header{align-items:stretch;background:var(--panel);border-bottom:1px solid var(--border);display:grid;grid-template-columns:236px 1fr auto;height:58px;position:sticky;top:0;z-index:20}.brand{align-items:center;border-right:1px solid var(--border);display:flex;gap:10px;padding:0 20px}.brandButton{background:transparent;border-bottom:0;border-left:0;border-top:0;color:var(--ink);text-align:left}.brand strong{font-size:20px;letter-spacing:0}.brandMark{align-items:center;border:1px solid #8fb0ff;border-radius:50%;color:var(--blue);display:inline-flex;height:28px;justify-content:center;width:28px}.navTabs{align-items:stretch;display:flex;gap:6px;overflow-x:auto;padding-left:12px}.navTab{background:transparent;border:0;color:#152039;font-size:14px;min-width:84px;padding:0 14px;position:relative}.navTab.active{color:var(--blue);font-weight:700}.navTab.active:after{background:var(--blue);bottom:0;content:"";height:3px;left:12px;position:absolute;right:12px}.headerActions{align-items:center;display:flex;gap:10px;padding:0 16px}.dataClock{color:var(--muted);font-size:12px;white-space:nowrap}.liveBadge{background:var(--green-soft);border-radius:999px;color:var(--green);font-size:12px;font-weight:700;padding:5px 10px}.sourceBadge{border-radius:999px;border:1px solid var(--border-strong);color:#40506c;font-size:12px;font-weight:700;padding:5px 10px;white-space:nowrap}.sourceBadge.live{background:var(--green-soft);border-color:#9bd7ad;color:var(--green)}.sourceBadge.mock{background:var(--amber-soft);border-color:#f0c468;color:#9a6100}.pausedBadge{background:#f1f4f9;border-radius:999px;color:#536179;font-size:12px;font-weight:700;padding:5px 10px}.iconButton{align-items:center;background:transparent;border:0;border-radius:8px;color:#1a2945;display:inline-flex;height:34px;justify-content:center;position:relative;width:34px}.iconButton:hover{background:var(--blue-soft);color:var(--blue)}.notificationDot{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:16px;justify-content:center;position:absolute;right:1px;top:2px;width:16px}.workspace{display:grid;gap:12px;grid-template-columns:236px minmax(0,1fr) 300px;padding:12px}.workspaceSingle{grid-template-columns:1fr}.sidebar,.detailsPanel,.tablePanel,.statusLegend,.phoneChrome,.metricStrip,.pagePanel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.sidebar{align-self:start;min-height:calc(100vh - 82px);padding-bottom:12px;position:sticky;top:70px}.sidebarHead,.detailsHead{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:58px;padding:12px 16px}.sidebarHead div,.detailsHead div{display:grid;gap:3px}.sidebarHead strong,.detailsHead strong{font-size:14px}.sidebarHead span,.detailsHead span{color:var(--muted);font-size:12px}.linkButton{background:transparent;border:0;color:var(--blue);font-size:12px;font-weight:700}.filterGroup{border-bottom:1px solid var(--border);display:grid;gap:10px;padding:13px 16px}.filterGroup.twoCol{grid-template-columns:1fr 1fr}.label,.field span,.numberField span{color:#22304d;font-size:12px;font-weight:700}.field{display:grid;gap:6px}.field select,.field input,.numberField div,.stakeInput{align-items:center;background:#fff;border:1px solid var(--border-strong);border-radius:6px;display:flex;min-height:34px;overflow:hidden}.field select,.field input{color:#17233d;padding:0 10px;width:100%}.numberField{display:grid;gap:6px}.numberField input{border:0;min-width:0;padding:7px 8px;width:100%}.numberField small,.stakeInput small{border-left:1px solid var(--border);color:var(--muted);font-size:12px;padding:0 8px}.segmented{background:var(--panel-soft);border-radius:7px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.segmented button,.stakePresets button,.pagination button{background:transparent;border:0;border-radius:5px;color:#253453;font-size:12px;font-weight:700;min-height:30px}.segmented button.selected,.stakePresets button.active,.pagination button.active{background:var(--blue);color:#fff}.checkLine,.switchLine,.groupHeader{align-items:center;display:flex;gap:8px}.checkLine{color:#1f2d47;font-size:13px;min-height:22px}.checkLine input,.switchLine input{accent-color:var(--blue)}.bookmaker{justify-content:space-between}.bookmaker span{flex:1}.bookmaker small{background:var(--blue-soft);border-radius:5px;color:var(--blue);font-size:11px;padding:2px 6px}.bookmakerList{display:grid;gap:7px}.groupHeader{justify-content:space-between}.switchLine{color:#1f2d47;font-size:12px;justify-content:space-between}.applyButton,.primaryAction,.secondaryAction{align-items:center;border-radius:7px;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;min-height:42px}.applyButton,.primaryAction{background:linear-gradient(180deg,#2268ff,#0d53f2);border:1px solid #0f51dd;color:#fff}.applyButton{margin:13px 16px 0;width:calc(100% - 32px)}.secondaryAction{background:#fff;border:1px solid #8aa9ff;color:var(--blue)}.contentArea{display:grid;gap:12px;min-width:0}.tablePanel{min-width:0;overflow:hidden}.panelToolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:72px;padding:12px 16px}.panelToolbar h1{font-size:18px;line-height:1.2;margin:0}.panelToolbar p{color:var(--muted);font-size:12px;margin:4px 0 0}.toolbarActions{align-items:center;display:flex;gap:10px}.searchBox{align-items:center;background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:flex;gap:8px;height:38px;padding:0 10px}.searchBox input{background:transparent;border:0;color:var(--ink);min-width:190px;outline:0}.refreshStatus{align-items:center;border:1px solid var(--border);border-radius:7px;color:#22304d;display:inline-flex;font-size:12px;font-weight:700;gap:8px;height:38px;padding:0 10px}.refreshStatus.asButton{background:#fff}.refreshStatus.asButton:hover{border-color:#8aa9ff;color:var(--blue)}.tableHeader,.surebetRow{align-items:center;display:grid;grid-template-columns:24px 66px 40px minmax(142px,1.25fr) 56px 82px minmax(198px,1.35fr) 54px 68px 34px 68px}.tableHeader{background:var(--panel-soft);border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:#516078;font-size:11px;font-weight:800;height:40px;padding:0 12px}.rows{display:grid}.emptyState{align-items:center;color:var(--muted);display:grid;gap:8px;justify-items:center;min-height:240px;padding:40px;text-align:center}.emptyState strong{color:var(--ink)}.surebetRow{background:#fff;border:0;border-bottom:1px solid var(--border);color:var(--ink);min-height:74px;padding:8px 12px;text-align:left;width:100%}.surebetRow:hover,.surebetRow.selected{background:#fbfdff}.surebetRow.selected{box-shadow:inset 3px 0 0 var(--blue)}.rowExpander{color:#1e2c46}.profit,.roi{color:var(--green);font-weight:900}.profit{font-size:18px}.roi,.age,.startTime,.market,.stake,.related{font-size:12px}.age,.startTime,.stake{color:#253453}.eventCell{align-items:center;display:grid;gap:2px 9px;grid-template-columns:24px 1fr;min-width:0}.eventCell i{align-items:center;background:#f1f5fb;border-radius:50%;display:flex;font-style:normal;height:24px;justify-content:center;width:24px}.eventCell strong,.eventCell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eventCell strong{font-size:13px}.eventCell small{color:var(--muted);font-size:11px}.market{color:#21304e;font-weight:700}.legs{display:flex;gap:7px;min-width:0}.legCard{align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;display:grid;gap:2px;grid-template-columns:1fr auto;min-width:86px;padding:7px 6px}.legCard strong{color:var(--blue);font-size:12px;grid-column:1 / 3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legCard span{color:var(--muted);font-size:11px}.legCard b{font-size:12px}.status{border-radius:50%;display:inline-flex;height:10px;width:10px}.status.fresh{background:var(--green)}.status.slow{background:var(--amber)}.status.stale{background:var(--red)}.status.suspended{background:#67738a}.related{background:var(--blue-soft);border-radius:999px;color:var(--blue);font-weight:800;justify-self:start;padding:5px 8px}.tableFooter{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between;min-height:54px;padding:10px 16px}.pagination{display:flex;gap:5px}.pagination button{border:1px solid var(--border);min-width:34px;padding:0 10px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.detailsPanel{align-self:start;min-width:0;position:sticky;top:70px}.profitSummary{border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:14px}.profitSummary div{border-right:1px solid var(--border);display:grid;gap:4px}.profitSummary div:last-child{border-right:0;padding-left:8px}.profitSummary span{color:var(--muted);font-size:12px}.profitSummary strong{color:var(--green);font-size:28px;line-height:1}.profitSummary small{color:#31415e;font-size:12px}.calculatorPanel,.sourceHealth{border-bottom:1px solid var(--border);display:grid;gap:12px;padding:14px}.sectionTitle{align-items:center;display:flex;gap:8px}.sectionTitle strong{font-size:14px}.stakeInput{display:grid;grid-template-columns:90px 1fr 50px;min-height:40px}.stakeInput span{color:var(--muted);font-size:12px;padding-left:10px}.stakeInput input{border:0;font-weight:800;outline:0;text-align:right}.stakePresets{display:grid;gap:7px;grid-template-columns:repeat(4,1fr)}.stakePresets button{background:var(--panel-soft)}.stakeTable{border-top:1px solid var(--border);display:grid}.stakeLine{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:4px 8px;grid-template-columns:44px 1fr 88px;padding:10px 0}.stakeLine span,.stakeLine small{color:var(--muted);font-size:11px}.stakeLine strong{color:var(--blue);font-size:13px}.stakeLine b,.stakeLine em{font-size:12px;font-style:normal;text-align:right}.stakeLine em{color:var(--muted);grid-column:3}.resultGrid{display:grid;gap:8px;grid-template-columns:1fr auto}.resultGrid span{color:var(--muted);font-size:12px}.resultGrid strong{color:#17233d;font-size:13px}.warningBox{align-items:center;background:var(--amber-soft);border:1px solid #f1bf55;border-radius:7px;color:#8d5d00;display:flex;font-size:12px;gap:9px;line-height:1.35;padding:10px}.sourceLine{align-items:center;display:grid;grid-template-columns:1fr 46px 52px}.sourceLine span,.sourceLine em{font-size:12px}.sourceLine small{font-size:11px;font-weight:800}.sourceLine small.ok{color:var(--green)}.sourceLine small.slow{color:var(--amber)}.sourceLine em{color:var(--muted);font-style:normal;text-align:right}.detailsActions{display:grid;gap:9px;grid-template-columns:1fr 1fr;padding:14px}.statusLegend{align-items:center;display:flex;flex-wrap:wrap;gap:18px;min-height:44px;padding:10px 14px}.statusLegend span{align-items:center;color:#3e4c64;display:inline-flex;font-size:12px;gap:8px}.metricStrip{display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.metricStrip div{border-right:1px solid var(--border);display:grid;gap:5px;padding:13px 16px}.metricStrip div:last-child{border-right:0}.metricStrip span,.cardTopline,.opportunityCard p,.bookmakerCard p,.alertRule span{color:var(--muted);font-size:12px}.metricStrip strong{color:var(--ink);font-size:20px}.pagePanel{min-height:calc(100vh - 82px);overflow:hidden}.pageHead{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:18px}.pageHead h1{font-size:22px;line-height:1.15;margin:0}.pageHead p{color:var(--muted);font-size:13px;margin:6px 0 0}.opportunityGrid,.bookmakerCards,.settingsGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px}.opportunityCard,.bookmakerCard,.settingsCard{background:#fff;border:1px solid var(--border);border-radius:8px;display:grid;gap:12px;padding:16px}.opportunityCard h2{font-size:16px;line-height:1.25;margin:0}.cardTopline,.bookmakerCardHead{align-items:center;display:flex;justify-content:space-between}.cardTopline b{color:var(--blue)}.miniStats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.miniStats div{background:var(--panel-soft);border-radius:6px;display:grid;gap:4px;padding:9px}.miniStats span{color:var(--muted);font-size:11px}.miniStats strong{color:var(--ink);font-size:13px}.dataTable{display:grid;padding:18px}.dataHeader,.dataRow{align-items:center;display:grid;gap:10px}.dataHeader{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px 8px 0 0;color:#516078;font-size:11px;font-weight:800;min-height:42px;padding:0 12px}.dataRow{border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:58px;padding:10px 12px}.dataRow strong,.dataRow b{color:var(--ink)}.dataRow em{color:var(--green);font-style:normal;font-weight:900}.valuebetColumns{grid-template-columns:minmax(180px,1.5fr) minmax(110px,1fr) 110px 70px 70px 80px 95px 74px}.miniButton{background:var(--blue-soft);border:0;border-radius:6px;color:var(--blue);font-size:12px;font-weight:800;min-height:32px}.bookmakerCardHead strong{display:block}.bookmakerCardHead span{color:var(--muted);font-size:12px}.toggle{display:inline-flex;position:relative}.toggle input{height:1px;opacity:0;position:absolute;width:1px}.toggle span{background:#cdd7e8;border-radius:999px;display:inline-flex;height:24px;position:relative;width:42px}.toggle span:after{background:#fff;border-radius:50%;box-shadow:0 1px 5px #0f23463d;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .16s ease;width:18px}.toggle input:checked+span{background:var(--blue)}.toggle input:checked+span:after{transform:translate(18px)}.greenText{color:var(--green)!important}.amberText{color:var(--amber)!important}.alertComposer{align-items:end;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) 180px 150px;padding:18px}.alertList{display:grid;padding:0 18px 18px}.alertRule{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:14px;grid-template-columns:48px 1fr 42px;min-height:72px}.alertRule div{display:grid;gap:5px}.alertRule strong{color:var(--ink)}.settingsCard .field,.settingsCard .switchLine{margin-top:8px}.complianceNote{align-items:center;background:var(--amber-soft);border:1px solid #f1bf55;border-radius:8px;color:#7b5200;display:flex;font-size:13px;gap:10px;margin:0 18px 18px;padding:13px}.mobileTabSheet{background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow);display:none;gap:6px;padding:8px}.mobileTabSheet button{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;color:#1f2d47;font-size:13px;font-weight:800;min-height:38px}.mobileTabSheet button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.mobilePreview,.mobileToolbar,.mobileOnly{display:none}@media(max-width:1420px){.workspace{grid-template-columns:244px minmax(560px,1fr)}.workspace.workspaceSingle{grid-template-columns:1fr}.detailsPanel{display:none}}@media(max-width:1020px){.header{grid-template-columns:auto 1fr auto}.brand{border-right:0}.navTabs{display:none}.workspace,.workspace.workspaceSingle{grid-template-columns:1fr}.mobileTabSheet{display:grid;grid-template-columns:repeat(3,1fr)}.opportunityGrid,.bookmakerCards,.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailsPanel{display:none}.sidebar{box-shadow:0 18px 80px #09183238;display:none;inset:58px 0 0;min-height:auto;overflow-y:auto;position:fixed;z-index:30}.sidebar.visible{display:block}.mobileOnly,.mobileToolbar{display:flex}.mobileToolbar{align-items:center;justify-content:space-between}.tablePanel{overflow-x:auto}.tableHeader,.surebetRow{min-width:980px}}@media(max-width:760px){.dataClock,.liveBadge,.headerActions .iconButton:not(.mobileOnly){display:none}.brand strong{font-size:17px}.workspace{padding:8px}.mobileTabSheet,.metricStrip{grid-template-columns:repeat(2,1fr)}.metricStrip div:nth-child(2){border-right:0}.pageHead{align-items:stretch;display:grid;padding:14px}.opportunityGrid,.bookmakerCards,.settingsGrid{grid-template-columns:1fr;padding:14px}.alertComposer{align-items:stretch;grid-template-columns:1fr;padding:14px}.alertList{padding:0 14px 14px}.alertRule{grid-template-columns:44px 1fr 36px}.dataTable{overflow-x:auto;padding:14px}.dataHeader,.dataRow{min-width:780px}.miniStats{grid-template-columns:1fr}.complianceNote{margin:0 14px 14px}.panelToolbar,.toolbarActions{align-items:stretch;display:grid}.searchBox input{min-width:0;width:100%}.tableFooter{align-items:stretch;display:grid;gap:10px}.tablePanel{overflow:visible}.tableHeader{display:none}.surebetRow{align-items:start;gap:6px 8px;grid-template-columns:28px 82px 42px minmax(0,1fr);min-height:auto;min-width:0;padding:14px 12px}.rowExpander{grid-column:1;grid-row:1;padding-top:5px}.profit{grid-column:2;grid-row:1;white-space:nowrap}.age{grid-column:3;grid-row:1;padding-top:5px}.eventCell{grid-column:4;grid-row:1}.legs{flex-wrap:wrap;grid-column:2 / 5;grid-row:2}.startTime,.market,.roi,.stake,.surebetRow>.status,.related{display:none}.mobilePreview{display:block}.phoneChrome{border-radius:18px;display:grid;gap:10px;margin:0 auto 12px;max-width:360px;padding:14px}.phoneTop,.phoneTabs,.phoneCard{align-items:center;display:flex;justify-content:space-between}.phoneTabs{border-bottom:1px solid var(--border);color:var(--blue);font-size:12px;font-weight:800;padding-bottom:8px}.phoneCard{align-items:flex-start;border-bottom:1px solid var(--border);display:grid;gap:6px;grid-template-columns:1fr auto;padding-bottom:10px}.phoneCard strong,.phoneCard small,.phoneCard span{display:block}.phoneCard strong{font-size:12px}.phoneCard small,.phoneCard span{color:var(--muted);font-size:11px}.phoneCard b{color:var(--green);font-size:16px}}
