@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b1020;--panel:#121a2d;--panel2:#172239;--line:#26334d;--text:#eef3ff;--muted:#93a2bd;--accent:#e9b949;--blue:#5c8cff;--green:#42d6a4;--red:#ff727e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#080d19;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-weight:700;letter-spacing:1px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f4c85c,#e59b25);display:grid;place-items:center;color:#151827;font-size:22px}.brand-sub{display:block;font:600 9px 'DM Sans';letter-spacing:2px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:18px}.role-chip,.status{border:1px solid #35435e;color:#c8d5ec;background:#1b2941;border-radius:20px;padding:5px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.user-name{color:#dce5f7}.logout{color:var(--accent);font-weight:600}.shell{display:flex;min-height:calc(100vh - 112px)}.sidebar{width:245px;flex:0 0 245px;padding:25px 15px;background:#0d1526;border-right:1px solid var(--line)}.sidebar>a{display:block;padding:12px 14px;color:#bac7dc;border-radius:9px;margin:3px 0}.sidebar>a:hover{background:#1b2941;color:white}.side-caption,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8292af;font-weight:700}.side-caption{margin:22px 13px 8px}.sidebar-note{margin:30px 8px 0;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.7}.sidebar-note strong{color:var(--green)}.content{padding:30px;max-width:1600px;width:100%;overflow:hidden}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading h1{font:700 29px 'Space Grotesk';margin:8px 0 5px}.muted{color:var(--muted);margin:0}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #285b4e;background:#102b29;color:#7ce4bf;padding:8px 12px;border-radius:30px;font-size:11px;font-weight:700}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.notice{display:flex;gap:14px;align-items:center;background:#1b2436;border:1px solid #45506a;border-left:3px solid var(--accent);padding:14px 16px;border-radius:10px;margin:0 0 22px;color:#b9c6db}.notice strong{color:#f1d28a;white-space:nowrap}.notice.compact{margin-top:16px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat-card{padding:19px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font:700 29px 'Space Grotesk';margin:10px 0 5px}.stat-card small{color:#71819e}.role-value{font-size:19px!important}.panel{padding:20px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font:600 17px 'Space Grotesk';margin:0 0 5px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-card{display:flex;flex-direction:column;gap:8px;padding:17px;background:var(--panel2);border:1px solid #293956;border-radius:11px}.quick-card:hover{border-color:var(--blue);transform:translateY(-1px)}.quick-card b{font-size:22px;color:var(--accent)}.quick-card span{font-weight:700}.quick-card small{color:var(--muted);line-height:1.5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;gap:14px}.form-inline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.form-grid label{display:grid;gap:7px;color:#bdc9dc;font-size:12px;font-weight:600}.form-grid input,.form-grid select,.login-card input{width:100%;border:1px solid #35445f;background:#0c1425;color:var(--text);border-radius:8px;padding:12px 13px;outline:none;font:14px 'DM Sans'}.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5c8cff20}.form-grid small{color:var(--muted);font-weight:400}.btn{border:0;border-radius:8px;padding:12px 17px;font-weight:700;cursor:pointer;font:600 13px 'DM Sans'}.primary{background:linear-gradient(135deg,#f2cb67,#e9aa37);color:#1b1d25}.primary:hover{filter:brightness(1.07)}.full{width:100%;margin-top:18px}.clean-list{padding-left:20px;color:#b9c6db;line-height:2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#8fa0bc;font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:#172239}th,td{padding:13px 12px;border-bottom:1px solid #26334a}td{color:#d7e0ef;font-size:13px}.count{font:500 11px 'DM Sans';color:var(--muted);background:#26334a;padding:4px 8px;border-radius:15px;margin-left:6px}.empty{text-align:center;color:var(--muted);padding:28px}.positive{color:var(--green);font-weight:700}.sports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.sport-card{display:flex;gap:15px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:17px;border-radius:12px}.sport-icon{width:48px;height:48px;border-radius:12px;background:#22314c;display:grid;place-items:center;font-size:25px}.sport-card h3{margin:0 0 5px;font:600 15px 'Space Grotesk'}.sport-card p{margin:0 0 10px;color:var(--muted);font-size:11px}.sport-card .status{font-size:9px}.alert{padding:12px 14px;border-radius:8px;background:#202c43;border:1px solid #40516e;margin-bottom:16px;color:#dce6f6}.alert.success{border-color:#286c58;color:#8de6c3}.alert.error{border-color:#80414a;color:#ff9da5}.narrow{max-width:560px}.check-row{display:flex;align-items:center;gap:10px;color:#c6d2e5;margin-bottom:18px}.footer{text-align:center;color:#64738e;padding:18px;border-top:1px solid var(--line);font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#1b2a49 0%,#0b1020 55%)}.login-card{width:min(440px,calc(100% - 32px));background:#121b2e;border:1px solid #2c3b57;border-radius:18px;padding:34px;box-shadow:0 24px 80px #0008}.login-brand{margin-bottom:38px}.login-card h1{font:700 28px 'Space Grotesk';margin:9px 0}.login-card>p{margin-bottom:22px}.login-card form{display:grid;gap:10px}.login-card label{color:#bdc9dc;font-size:12px;font-weight:600;margin-top:8px}.login-foot{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;color:#8292ac;font-size:11px;line-height:1.6}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.sports-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:0 15px;height:62px}.user-name{display:none}.shell{display:block}.sidebar{width:100%;display:flex;gap:4px;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>a{white-space:nowrap;padding:10px}.side-caption,.sidebar-note{display:none}.content{padding:19px 14px}.page-heading h1{font-size:24px}.stat-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:23px}.two-col{grid-template-columns:1fr}.form-inline{grid-template-columns:1fr}.sports-grid{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column;gap:5px}.role-chip{display:none}}

/* Premium match centre */
.match-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:9px 14px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:var(--panel)}.tab.active{background:#263b60;color:#fff;border-color:#5274ad}.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{background:linear-gradient(145deg,#17243b,#111a2c);border:1px solid #2c3c59;border-radius:15px;padding:17px;min-width:0}.match-meta{display:flex;justify-content:space-between;gap:10px;color:#91a2bf;font-size:11px;margin-bottom:15px}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.team{font-weight:700;font-size:15px}.team:last-child{text-align:right}.score{font:700 20px 'Space Grotesk';text-align:center}.market-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.odd-btn{background:#0d1729;border:1px solid #354867;color:#dce7fa;border-radius:8px;padding:10px 6px;cursor:pointer;text-align:center}.odd-btn:hover{border-color:var(--accent);background:#202e48}.odd-btn b{display:block;color:#f2c65e;margin-top:3px}.pill-live{color:#ff8c94}.pill-sample{color:#9ec4ff}.pill-api{color:#80e2be}.metric-row{display:flex;gap:12px;flex-wrap:wrap}.metric{background:#17243a;border:1px solid var(--line);padding:14px;border-radius:11px;flex:1;min-width:130px}.metric b{display:block;font:700 23px 'Space Grotesk';margin-top:5px}.filter-select{background:#101a2c;color:#eaf0fb;border:1px solid #344560;padding:10px;border-radius:9px}.muted-small{color:var(--muted);font-size:11px}.badge-live{background:#49232e;color:#ff9ca7;border-radius:20px;padding:4px 8px;font-size:10px}.badge-sample{background:#233755;color:#a9caff;border-radius:20px;padding:4px 8px;font-size:10px}.badge-api{background:#173c34;color:#8ee5c5;border-radius:20px;padding:4px 8px;font-size:10px}.bet-slip{position:sticky;top:90px}.empty-state{text-align:center;padding:32px;color:var(--muted)}.danger-btn{background:#48232c;color:#ffabb3;border:1px solid #7d3e49;border-radius:8px;padding:8px 12px}.secondary-btn{background:#263751;color:#dce7f8;border:1px solid #405777;border-radius:8px;padding:10px 13px}.form-grid textarea{width:100%;background:#0c1425;color:white;border:1px solid #35445f;border-radius:8px;padding:12px}
@media(max-width:850px){.match-list{grid-template-columns:1fr}.bet-slip{position:static}}