:root{color-scheme:light;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:#f5f8f7;color:#20343b;line-height:1.5}
button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.site-shell{max-width:1500px;margin:auto;padding:0 30px}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dae8e5}
.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;min-width:0}
.brand-mark{display:block;flex:none;width:43px;height:43px;border-radius:11px;box-shadow:0 7px 16px #087f7527}
.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.03em}.brand small{font-size:11px;color:#6f878d;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:13px}.clock{font-size:12px;color:#789096;white-space:nowrap}
.status-pill{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.status-pill::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px}
.status-pill.ready{background:#ddf5ea;color:#087f66}.status-pill.loading{background:#e7f2f4;color:#26717b}.status-pill.stale{background:#fff0d7;color:#b17116}
.button{border:0;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;transition:.15s}
.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait}
.button.secondary{background:white;border:1px solid #d6e4e5;color:#2a555b}
.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:42px 0 30px}
.eyebrow{color:#098276;font-size:11px;font-weight:800;letter-spacing:.19em}
h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(28px,3.2vw,43px);line-height:1.17;margin:10px 0 12px;letter-spacing:-.035em}
.intro p{max-width:830px;margin:0;color:#677f84;font-size:14px}
.intro-stat{min-width:245px;padding:16px 19px;border-radius:15px;background:#e6f4ee;border:1px solid #c9e9dc}
.intro-stat small,.intro-stat strong,.intro-stat span{display:block}.intro-stat small{color:#698d82;font-size:11px}.intro-stat strong{color:#087562;font-size:19px;margin:4px 0}.intro-stat span{color:#719188;font-size:11px}
.toolbar{display:flex;align-items:center;gap:22px;padding:17px 20px;background:white;border:1px solid #dce8e9;border-radius:17px;box-shadow:0 8px 30px #193c4b0a}
.budget-field{font-size:12px;color:#587177;font-weight:700;display:flex;align-items:center;gap:12px;white-space:nowrap}
.money-input{display:flex;align-items:center;border:1px solid #b9d7d5;border-radius:10px;background:#fafffd;padding:6px 10px;color:#05806e}
.money-input input{width:100px;border:0;outline:0;background:transparent;color:#164d48;font-size:18px;font-weight:800}
.toolbar p{margin:0;color:#789095;font-size:12px;flex:1}
.toolbar-stats{display:flex;gap:16px;white-space:nowrap;color:#648086;font-size:12px}.toolbar-stats strong{color:#087f75;font-size:17px;margin-left:4px}
.list-section{padding:34px 0 45px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}
h2{font-size:23px;margin:2px 0 0}h2 small{font-size:13px;color:#8aa0a4;font-weight:600;margin-left:7px}
.section-tools{display:flex;align-items:center;gap:10px}.section-tools label{font-size:12px;font-weight:700;color:#678087;white-space:nowrap}
.section-tools select,.section-tools input{height:39px;border:1px solid #d4e3e5;border-radius:10px;background:white;padding:0 12px;color:#31545c;outline:0}
.section-tools select{margin-left:6px}.section-tools input{width:250px}
.filters{display:flex;gap:7px;margin-bottom:18px}.filters button{border:1px solid transparent;background:transparent;border-radius:9px;color:#70878e;padding:8px 12px;font-size:12px;font-weight:700}.filters button.active{background:#dbf2ec;color:#087c70;border-color:#c6e8dd}
.alert{background:#fff1dc;color:#986116;border:1px solid #f5d4a2;border-radius:11px;padding:11px 14px;margin:0 0 16px;font-size:13px}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.match-card{min-width:0;background:#fff;border:1px solid #d7e5e6;border-radius:18px;padding:21px 22px 18px;box-shadow:0 8px 30px #1738490a}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-ident{display:flex;align-items:center;gap:9px;min-width:0}
.match-number{background:#fff0cd;color:#9b6009;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap}
.league{color:#618086;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{border:0;background:none;color:#e19b29;font-size:26px;line-height:1;padding:0 2px}
.match-card h3{margin:8px 0 8px;font-size:20px;line-height:1.25;overflow-wrap:anywhere}.match-card h3 span{font-size:13px;color:#9baeb1;font-weight:600}
.match-meta{display:flex;gap:12px;align-items:center;color:#7a949a;font-size:11px;flex-wrap:wrap}.match-meta strong{color:#3b5960;font-size:12px}
.countdown{color:#087f72;font-weight:700}.card-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;color:#82999e;font-size:11px}
.insurance-toggle{border:1px solid #d1e0e0;background:#f8fbfb;color:#42676d;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.insurance-toggle.on{background:#e1f4e9;border-color:#a5dac2;color:#087a5b}
.small-muted{font-size:11px;color:#a3b2b5}
.odds-table-wrap{overflow:auto;border:1px solid #dce9e8;border-radius:11px}
table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}.odds-table th:first-child,.odds-table td:first-child{text-align:left}
.odds-table thead{background:#edf6f2;color:#5b7975}.odds-table thead th{font-size:11px;font-weight:700;padding:9px 11px}.odds-table tbody tr+tr{border-top:1px solid #e9f0f0}
.odds-table tbody th,.odds-table tbody td{padding:10px 11px;font-size:13px}.odds-table tbody th{color:#427069}.odds-table tbody td{font-variant-numeric:tabular-nums}.odds-table .prize{font-weight:800;color:#1a5f56}
.summary-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.summary-cells>div{min-width:0;padding:10px 12px;background:#f6f9f9;border:1px solid #e4eeee;border-radius:10px}
.summary-cells small,.summary-cells strong,.summary-cells span{display:block}.summary-cells small{color:#799196;font-size:10px}.summary-cells strong{font-size:18px;margin:2px 0;color:#284c52;font-variant-numeric:tabular-nums}.summary-cells span{font-size:10px;color:#91a3a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-cells .profit-cell{background:#e9f8ed;border-color:#c4e9d1}.summary-cells .profit-cell strong{color:#0a875b}
.summary-cells .remaining-cell{background:#fff8df;border-color:#f2e5b5}.summary-cells .remaining-cell strong{color:#b3710b}
.water-band{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 13px;background:#ecf5ff;border-radius:10px}.water-band small,.water-band strong{display:block}.water-band small{color:#718b9d;font-size:10px}.water-band strong{color:#245e92;font-size:18px}.water-band>span{font-size:10px;color:#7392a8;text-align:right;max-width:250px}
.outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.outcome{background:#f8fafb;border:1px solid #e6eeee;border-radius:9px;padding:8px 9px;min-width:0}.outcome small,.outcome strong{display:block}.outcome small{font-size:10px;color:#8b9da1}.outcome strong{font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.positive{color:#0a855c!important}.negative{color:#c45d56!important}.neutral{color:#84999c!important}
.card-foot{border-top:1px solid #e8eeee;margin-top:15px;padding-top:2px}.card-foot details{border-bottom:1px solid #e8eeee}.card-foot details:last-child{border-bottom:0}
.card-foot summary{cursor:pointer;color:#397975;font-size:11px;font-weight:700;padding:10px 2px}.card-foot summary:hover{color:#087f72}.card-foot p{font-size:11px;color:#89a0a3;margin:9px 0 12px}
.card-foot .suggestion{background:#edf6ff;color:#32658f;padding:9px 10px;border-radius:8px;font-weight:700}
.manual-fields{display:flex;gap:10px}.manual-fields label{flex:1;font-size:11px;color:#6c888b}.manual-fields input{display:block;width:100%;margin-top:4px;border:1px solid #d5e3e4;border-radius:8px;padding:7px 9px;outline:0}
.history-content{max-height:300px;overflow:auto}.history-note{font-size:10px!important}.history-content h4{font-size:11px;margin:11px 0 6px;color:#48726e}
.history-table-wrap{overflow:auto;border:1px solid #e2ebeb;border-radius:8px}.history-table th,.history-table td{padding:6px 9px;border-bottom:1px solid #edf2f2;font-size:10px}.history-table th{background:#f1f7f5;color:#5f7d7b}.history-table td:first-child,.history-table th:first-child{text-align:left}
.card-error{margin-top:16px;background:#fff2e7;color:#aa6245;padding:12px;border-radius:8px;font-size:12px}
.empty{grid-column:1/-1;text-align:center;padding:54px 18px;background:#fff;border:1px dashed #cfdfdf;border-radius:15px;color:#83989c;font-size:13px}.empty-small{color:#9aabad;font-size:11px}
.button.more{display:block;margin:24px auto 0;background:#e1f2ed;color:#087568}
footer{border-top:1px solid #dae8e5;padding:22px 0 35px;color:#8ba0a4;font-size:11px}
@media(max-width:1080px){.match-grid{grid-template-columns:1fr}.intro-stat{display:none}}
@media(max-width:720px){.site-shell{padding:0 15px}.topbar{height:auto;min-height:75px;align-items:flex-start;padding:15px 0}.brand small,.clock{display:none}.top-actions{gap:6px}.top-actions .button{padding:7px 9px}.status-pill{font-size:10px;padding:6px 9px}.intro{padding:28px 0 23px}.intro p{font-size:12px}.toolbar{display:block;padding:14px}.toolbar p{margin:8px 0;font-size:11px}.toolbar-stats{gap:12px}.section-head{display:block}.section-tools{margin-top:11px;display:grid;grid-template-columns:1fr}.section-tools label{display:flex;align-items:center;justify-content:space-between}.section-tools select,.section-tools input{width:100%}.filters{overflow:auto;white-space:nowrap}.match-card{padding:16px}.summary-cells strong{font-size:15px}.outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.water-band{display:block}.water-band>span{display:block;max-width:none;text-align:left;margin-top:5px}}