:root{--bg:#071019;--panel:#0d1a24;--panel2:#101f2b;--line:#213641;--text:#edf8f4;--muted:#789089;--green:#39d5a1;--orange:#ff8b68;--blue:#68aeff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% -10%,rgba(38,190,142,.13),transparent 32rem),radial-gradient(circle at 100% 12%,rgba(62,122,200,.1),transparent 29rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;min-height:72px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px max(20px,calc((100vw - 1520px)/2));border-bottom:1px solid rgba(120,150,158,.17);background:rgba(7,16,25,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;width:max-content;color:#f0faf6;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.04em}.brand strong{color:var(--green)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4be1b2,#25b98a);box-shadow:0 9px 24px rgba(57,213,161,.22)}.brand-mark svg{width:22px;fill:none;stroke:#04130e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:3px 4px;flex:1 1 auto;min-width:0}.topbar nav a,.topbar nav button.nav-menu-toggle{padding:8px 10px;border-radius:8px;color:#7f948e;text-decoration:none;font-size:13px;font-weight:680;white-space:nowrap;transition:all .15s}.topbar nav a:hover,.topbar nav a.active,.topbar nav button.nav-menu-toggle:hover,.topbar nav button.nav-menu-toggle.active{color:#ebf8f3;background:rgba(56,87,96,.25)}.status{flex-shrink:0;display:flex;align-items:center;gap:8px;color:#9dafaa;font-size:13px;font-weight:650}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(57,213,161,.09),0 0 14px rgba(57,213,161,.65)}.status-dot.warning{background:#ffb34c;box-shadow:0 0 0 5px rgba(255,179,76,.09)}.avatar{display:grid;place-items:center;width:38px;height:38px;margin-left:8px;border:1px solid rgba(57,213,161,.24);border-radius:11px;color:#64dfb7;background:rgba(57,213,161,.09);font-size:12px;font-weight:850}.workspace{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:34px 0 50px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.eyebrow{display:block;margin-bottom:8px;color:#4fdcae;font-size:12px;font-weight:850;letter-spacing:.12em}.intro h1{margin:0;color:#f1faf7;font-size:clamp(31px,3.4vw,50px);line-height:1.04;letter-spacing:-.052em}.intro h1 em{color:var(--green);font-style:normal}.intro p{max-width:760px;margin:11px 0 0;color:#879b95;font-size:15px;line-height:1.65}.last-sync{min-width:180px;padding:14px 16px;border:1px solid rgba(64,95,104,.38);border-radius:13px;background:rgba(12,26,36,.75)}.last-sync span,.last-sync strong,.last-sync small{display:block}.last-sync span{color:#60776f;font-size:10px;font-weight:850;letter-spacing:.1em}.last-sync strong{margin:3px 0;color:#ddecE7;font-size:20px}.last-sync small{color:#6f8580;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric{position:relative;min-height:126px;padding:19px;overflow:hidden;border:1px solid rgba(64,94,104,.34);border-radius:15px;background:linear-gradient(145deg,rgba(16,32,43,.98),rgba(10,23,33,.98));box-shadow:0 14px 35px rgba(0,0,0,.12)}.metric.primary{border-color:rgba(57,213,161,.29);background:linear-gradient(145deg,rgba(28,72,62,.67),rgba(11,28,35,.98))}.metric-label{display:block;color:#799089;font-size:10px;font-weight:850;letter-spacing:.09em}.metric>strong{display:block;margin:7px 0 0;color:#f1faf6;font-size:31px;line-height:1;letter-spacing:-.04em}.metric>small{display:block;margin-top:4px;color:#718780;font-size:12px}.metric-chip{position:absolute;right:16px;bottom:16px;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:800}.metric-chip.green{color:#5fe1b8;background:rgba(57,213,161,.1)}.metric-chip.orange{color:#ff9a7a;background:rgba(255,139,104,.1)}.metric-chip.blue{color:#83bdff;background:rgba(104,174,255,.1)}.metric-spark{position:absolute;right:15px;bottom:15px;display:flex;align-items:flex-end;gap:4px;height:35px}.metric-spark i{display:block;width:5px;border-radius:5px;background:rgba(73,222,175,.65)}.metric-spark i:nth-child(1){height:12px}.metric-spark i:nth-child(2){height:19px}.metric-spark i:nth-child(3){height:14px}.metric-spark i:nth-child(4){height:27px}.metric-spark i:nth-child(5){height:22px}.metric-spark i:nth-child(6){height:32px}.metric-spark i:nth-child(7){height:29px}.filters{display:grid;grid-template-columns:minmax(230px,1fr) 145px 210px 190px auto;gap:9px;margin-bottom:14px;padding:10px;border:1px solid rgba(63,94,103,.35);border-radius:14px;background:#0b1822}.filters label{min-width:0}.search-field{display:flex;align-items:center;gap:10px;height:43px;padding:0 12px;border:1px solid #213743;border-radius:10px;background:#08131c}.search-field svg{width:18px;fill:none;stroke:#638078;stroke-width:2;stroke-linecap:round}.search-field input{width:100%;min-width:0;border:0;outline:0;color:#e3f0ec;background:transparent;font-size:14px}.search-field input::placeholder{color:#60746f}.odds-field{display:grid;grid-template-columns:1fr auto;align-items:center;height:43px;padding:0 10px;border:1px solid rgba(57,213,161,.22);border-radius:10px;background:rgba(57,213,161,.065)}.odds-field span{color:#729188;font-size:9px;font-weight:850;letter-spacing:.06em}.odds-field input{width:58px;border:0;outline:0;color:#5be0b5;background:transparent;text-align:right;font-size:17px;font-weight:850}.filters select{width:100%;height:43px;padding:0 36px 0 12px;border:1px solid #213743;border-radius:10px;outline:0;color:#b8cbc5;background:#0c1a24;font-size:13px}.filters>button{height:43px;padding:0 18px;border:0;border-radius:10px;color:#04150e;background:linear-gradient(135deg,#47dfaE,#2bc08f);font-size:13px;font-weight:850;cursor:pointer}.analysis-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:14px;align-items:start}.table-panel,.detail-panel{border:1px solid rgba(64,94,104,.36);border-radius:16px;background:rgba(12,26,36,.95);box-shadow:0 20px 48px rgba(0,0,0,.13)}.table-panel{min-width:0;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px 14px}.panel-title span{color:#627a73;font-size:10px;font-weight:850;letter-spacing:.1em}.panel-title h2{margin:4px 0 0;font-size:17px;letter-spacing:-.02em}.panel-title small{color:#718781;font-size:11px}.table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#2b4b58 transparent}table{width:100%;min-width:850px;border-collapse:collapse}thead{border-top:1px solid rgba(55,84,94,.28);background:rgba(7,17,25,.55)}th{height:41px;padding:0 10px;color:#687f78;text-align:left;font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}td{height:62px;padding:8px 10px;border-top:1px solid rgba(55,84,94,.24);color:#becfc9;font-size:13px}tbody tr{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}tbody tr:hover,tbody tr.selected{background:rgba(33,69,73,.3)}tbody tr.selected{box-shadow:inset 3px 0 var(--green)}td strong,td small{display:block}td strong{color:#e7f3ef;font-size:13px}td small{max-width:250px;margin-top:3px;overflow:hidden;color:#6f8680;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pick{display:inline-flex;padding:5px 8px;border:1px solid rgba(104,174,255,.2);border-radius:7px;color:#83bdff;background:rgba(104,174,255,.075);font-size:11px;font-weight:850}.odd{display:inline-flex;justify-content:center;min-width:45px;padding:7px 8px;border-radius:8px;font-weight:850;font-variant-numeric:tabular-nums}.odd.opening{color:#839a94;background:#13232d}.odd.current{color:#eaf7f2;background:#19323f}.movement{display:inline-flex;align-items:center;min-width:69px;font-size:12px;font-weight:850}.movement.down{color:#50dcae}.movement.up{color:#ff9172}.movement.stable{color:#8ca09a}.detail-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#6e8780;background:transparent;font-size:22px;cursor:pointer}.detail-button:hover{color:var(--green);background:rgba(57,213,161,.08)}.empty{height:160px;color:#7c918b;text-align:center}.detail-panel{position:sticky;top:86px;padding:18px}.detail-kicker{display:flex;align-items:center;justify-content:space-between}.detail-kicker span{color:#607970;font-size:10px;font-weight:850;letter-spacing:.11em}.detail-kicker b{padding:5px 7px;border-radius:7px;color:#4edcae;background:rgba(57,213,161,.09);font-size:9px;letter-spacing:.05em}.detail-league{display:block;margin:14px 0 9px;color:#728780;font-size:11px}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(61,91,100,.27)}.teams>div:last-child{text-align:right}.teams small{display:block;margin-bottom:4px;color:#5e766f;font-size:9px;font-weight:850;letter-spacing:.07em}.teams strong{display:block;color:#eff8f5;font-size:14px;line-height:1.25}.teams>span{color:#4f6961;font-size:10px;font-weight:850}.detail-odds{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:9px;margin:15px 0 11px;padding:13px;border-radius:12px;background:#08141d}.detail-odds small,.detail-odds strong{display:block}.detail-odds small{color:#687f78;font-size:9px}.detail-odds strong{margin-top:2px;color:#aebfba;font-size:23px}.detail-odds .now strong{color:#58dfb3}.detail-odds>span{color:#49625b}.detail-odds>b{padding:5px 6px;border-radius:7px;color:#8da19b;background:#142631;font-size:10px}.detail-odds>b.positive{color:#50dcae;background:rgba(57,213,161,.09)}.detail-odds>b.negative{color:#ff9172;background:rgba(255,139,104,.09)}.signal-card{padding:14px;border:1px solid rgba(57,213,161,.22);border-radius:13px;background:linear-gradient(135deg,rgba(57,213,161,.09),rgba(57,213,161,.02))}.signal-card small{display:block;color:#708780;font-size:9px;font-weight:850;letter-spacing:.07em}.signal-card strong{display:block;margin-top:4px;color:#f2fbf7;font-size:21px}.signal-card p{margin:5px 0 12px;color:#859a94;font-size:12px;line-height:1.45}.signal-bar{height:4px;overflow:hidden;border-radius:10px;background:rgba(89,126,115,.18)}.signal-bar span{display:block;width:74%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28bb89,#56e0b3)}.detail-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 1px;border-bottom:1px solid rgba(58,88,98,.22);font-size:11px}.detail-meta span{color:#6e837d}.detail-meta strong{color:#b8c9c4}.full-detail{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:12px;border-radius:10px;color:#07120e;background:linear-gradient(135deg,#45deac,#2cc18f);text-decoration:none;font-size:12px;font-weight:850}.full-detail span{font-size:17px}.disclaimer{margin:20px 0 0;color:#536a63;text-align:center;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.analysis-layout{grid-template-columns:1fr}.detail-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:11px}.detail-kicker,.detail-league,.teams,.full-detail{grid-column:1/-1}.detail-odds{margin:0}.signal-card{grid-row:span 2}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.topbar{padding:10px 16px}.topbar nav a,.topbar nav button.nav-menu-toggle{padding:7px 9px;font-size:12.5px}.workspace{width:min(100% - 28px,1480px);padding-top:24px}.intro{align-items:flex-start;flex-direction:column}.last-sync{width:100%}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.filters>button{grid-column:1/-1}.analysis-layout{gap:10px}}@media(max-width:560px){.status>span:nth-child(2){display:none}.metrics{gap:8px}.metric{min-height:112px;padding:14px}.metric>strong{font-size:26px}.metric-spark,.metric-chip{display:none}.filters{grid-template-columns:1fr}.search-field{grid-column:auto}.filters>button{grid-column:auto}.detail-panel{display:block}.detail-panel>*{margin-bottom:11px}.intro h1{font-size:34px}}
.login-shortcut,.admin-shortcut{margin-left:8px;padding:8px 10px;border-radius:8px;color:#a8bbb5;text-decoration:none;font-size:11px;font-weight:800}.login-shortcut:hover,.admin-shortcut:hover{color:#edf8f4;background:rgba(89,126,136,.17)}.register-shortcut{padding:9px 13px;border-radius:9px;color:#05140f;background:linear-gradient(135deg,#51e1b3,#2bc08e);text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(45,198,145,.15)}.account-shortcut{display:grid;place-items:center;width:36px;height:36px;margin-left:8px;border:1px solid rgba(57,213,161,.28);border-radius:10px;color:#65dfb8;background:rgba(57,213,161,.09);text-decoration:none;font-size:12px;font-weight:900}.logout-form{margin:0}.logout-form button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#799089;background:rgba(89,117,124,.09);cursor:pointer}.logout-form button:hover{color:#ff9676;background:rgba(255,139,104,.09)}@media(max-width:560px){.login-shortcut{display:none}.register-shortcut{padding:8px 10px}.admin-shortcut{display:none}}
