
:root{
  --bg:#07111f;--panel:#101d2f;--panel2:#13243a;--card:#15263e;--border:#263c59;
  --text:#f5f8fd;--muted:#98aac1;--green:#60e492;--yellow:#ffc94d;--blue:#68a6ff;
  --red:#ff7066;--teal:#51d9c7;--purple:#a994ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(135deg,#06101e 0%,#07111f 55%,#0a1a2b 100%);color:var(--text);
font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
button{font:inherit}
.shell{max-width:1540px;margin:auto;padding:0 22px 36px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.96);backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,.06);margin:0 -22px;padding:10px 22px 9px}
.brandrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.brand h1{margin:0;font-size:clamp(22px,3vw,34px);letter-spacing:-.7px}
.brand p{margin:3px 0 0;color:var(--muted);font-size:11px}
.modebadge{font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);
padding:7px 10px;border-radius:999px;color:var(--muted)}
nav{display:flex;gap:6px;overflow-x:auto;padding-top:9px;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav button{flex:0 0 auto;min-height:36px;border:1px solid var(--border);background:transparent;color:var(--muted);
font-weight:800;border-radius:9px;padding:8px 13px;cursor:pointer}
nav button.active{background:var(--green);border-color:var(--green);color:#04140b}
.filters{display:flex;gap:6px;overflow-x:auto;padding:9px 0 2px;scrollbar-width:none}
.filters button{flex:0 0 auto;border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--muted);
font-weight:800;border-radius:8px;padding:6px 11px;cursor:pointer;font-size:11px}
.filters button.active{background:#1a314b;color:var(--text);border-color:#385779}
.tab{display:none;padding-top:15px}.tab.active{display:block}
.section{margin-top:16px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 2px 9px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:18px;letter-spacing:-.3px}
.section-head p{margin:0;color:var(--muted);font-size:11px;max-width:760px;line-height:1.45}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{min-width:0;background:linear-gradient(145deg,rgba(22,39,62,.96),rgba(15,29,47,.96));border:1px solid var(--border);
border-radius:17px;padding:16px}
.card.accent{border-color:rgba(96,228,146,.4);background:linear-gradient(145deg,rgba(22,46,54,.96),rgba(13,31,45,.96))}
.label{font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:var(--muted)}
.metric{font-size:clamp(24px,3vw,38px);font-weight:900;letter-spacing:-1px;margin-top:5px;line-height:1.04}
.metric.sm{font-size:25px}.green{color:var(--green)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.teal{color:var(--teal)}
.sub{font-size:10px;color:var(--muted);line-height:1.45;margin-top:5px}
.kicker{font-size:11px;color:var(--muted);line-height:1.45}
.hero{border:1px solid rgba(96,228,146,.30);border-radius:22px;padding:22px;
background:radial-gradient(circle at 88% 15%,rgba(96,228,146,.12),transparent 32%),linear-gradient(135deg,#10263a,#101d2f)}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:stretch}
.hero-big{font-size:clamp(58px,8vw,94px);font-weight:950;letter-spacing:-4px;line-height:.95;margin:7px 0}
.hero-copy{color:#b2c0d2;font-size:13px;line-height:1.55;max-width:720px}
.hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.14)}
.live-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}
.live-panel{border:1px solid #2b4362;border-radius:20px;background:linear-gradient(145deg,#102034,#122640);overflow:hidden}
.live-title{padding:14px 16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:900}
.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(96,228,146,.8)}
.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 10px 12px}
.live-cell{padding:12px 14px;border-right:1px solid rgba(255,255,255,.08)}
.live-cell:last-child{border-right:0}
.live-value{font-size:clamp(24px,3vw,35px);font-weight:900;margin-top:5px;letter-spacing:-1px}
.live-note{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.4}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:10px}
.flow-node{border:1px solid var(--border);border-radius:14px;padding:13px;background:rgba(255,255,255,.025);position:relative}
.flow-node strong{display:block;font-size:22px;margin-top:5px}
.flow-node .state{margin-top:5px;font-size:10px;color:var(--muted);line-height:1.4}
.flow-summary{margin:0 10px 12px;padding:11px 13px;border:1px solid rgba(96,228,146,.22);border-radius:12px;
background:rgba(96,228,146,.055);font-size:11px;line-height:1.5;color:#d9e7f4}
.daily-block{border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#0f1e31,#13233a);overflow:hidden}
.daily-title{padding:14px 16px 0}
.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
.daily-card{padding:14px;border:1px solid var(--border);border-radius:14px;margin:0 5px;background:rgba(255,255,255,.02)}
.triplet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:9px}
.triplet div{text-align:center}.triplet strong{display:block;font-size:12px}.triplet span{font-size:8px;color:var(--muted)}
.daypicker{display:flex;gap:6px;overflow-x:auto;padding:8px 12px 12px;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.07)}
.daypicker button{flex:0 0 auto;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--muted);border-radius:8px;
padding:6px 9px;font-size:9px;font-weight:900;cursor:pointer}
.daypicker button.active{background:var(--green);border-color:var(--green);color:#04140b}
.proof{border:1px solid rgba(255,201,77,.30);border-radius:20px;background:linear-gradient(145deg,rgba(58,47,21,.32),rgba(16,29,47,.98));padding:18px}
.proof-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.proof-main{padding:8px 8px 8px 3px}.proof-main h3{margin:6px 0;font-size:23px}.proof-main p{color:var(--muted);font-size:11px;line-height:1.5}
.proof-stat{border:1px solid rgba(255,201,77,.22);border-radius:14px;padding:14px;background:rgba(0,0,0,.12)}
.score-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.month-score{border:1px solid var(--border);border-radius:10px;padding:8px 6px;text-align:center;background:rgba(255,255,255,.025)}
.month-score strong{display:block;font-size:13px;margin-top:3px}.month-score span{font-size:8px;color:var(--muted)}
.month-score.hot{border-color:rgba(96,228,146,.45);background:rgba(96,228,146,.08)}
.month-score.super{border-color:rgba(255,201,77,.5);background:rgba(255,201,77,.08)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}
table{width:100%;border-collapse:collapse;min-width:760px;background:rgba(11,23,39,.72)}
th,td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.8px;position:sticky;top:0;background:#112039}
.barlist{display:grid;gap:7px}.barrow{display:grid;grid-template-columns:110px 1fr 75px;gap:10px;align-items:center}
.barlabel{font-size:10px;color:var(--muted)}.bartrack{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}
.barfill{height:100%;background:linear-gradient(90deg,var(--green),var(--teal));border-radius:999px}.barvalue{text-align:right;font-weight:900;font-size:10px}
.chartbox{height:285px;position:relative}.chartbox.small{height:210px}
.notice{border:1px solid rgba(104,166,255,.22);border-radius:13px;padding:11px 13px;background:rgba(104,166,255,.055);
font-size:10px;line-height:1.5;color:#b8c9dd}
.cta{border:1px solid rgba(96,228,146,.3);border-radius:18px;padding:18px;background:linear-gradient(135deg,rgba(96,228,146,.09),rgba(104,166,255,.06))}
.cta h3{margin:0 0 6px;font-size:22px}.cta p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.footer{text-align:center;color:#71859f;font-size:9px;padding:28px 5px 6px}
@media(max-width:1050px){
 .hero-grid,.live-wrap{grid-template-columns:1fr}.g5{grid-template-columns:repeat(3,minmax(0,1fr))}
 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-grid{grid-template-columns:1fr 1fr}.score-strip{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:680px){
 .shell{padding:0 10px 28px}.topbar{margin:0 -10px;padding:9px 10px}.hero{padding:16px}
 .hero-kpis,.g2,.g3,.g4,.g5,.proof-grid,.live-grid,.flow,.daily-grid{grid-template-columns:1fr}
 .live-cell{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.live-cell:last-child{border-bottom:0}
 .score-strip{grid-template-columns:repeat(3,1fr)}.barrow{grid-template-columns:80px 1fr 58px}
}

:root{--bg:#0b151b;--panel:#10202a;--panel2:#14252c;--card:#13232b;--border:#314843;--text:#fff;--muted:#fff;--green:#c3f778;--yellow:#efc581;--blue:#9ec8fc;--teal:#62d6c7}
body{background:radial-gradient(ellipse at 70% 0%,#183d3c55,transparent 40%),#0b151b;color:#fff;font-family:Inter,'Segoe UI',sans-serif}.shell{max-width:1540px;padding:0 32px 30px}.topbar{position:relative;background:transparent;padding:24px 0 0;margin:0;border-bottom:1px solid var(--border)}.brandrow{align-items:center;flex-wrap:nowrap}.site-brand{display:flex;gap:24px;align-items:center}.site-brand img{width:94px;height:62px;object-fit:contain}.site-brand strong{font-size:22px;letter-spacing:-.8px}.site-brand small{display:block;text-transform:uppercase;letter-spacing:3px;font-size:9px;margin-top:8px}.top-meta{text-align:right;font-size:11px;line-height:2}.top-meta a{color:#fff}.top-meta span{color:var(--green)}nav{display:flex;gap:16px;flex-wrap:wrap;padding:22px 0 0;margin-top:15px}nav button{background:none;border:0;border-radius:0;color:white;padding:12px 0 18px;font-size:12px;border-bottom:2px solid transparent}nav button.active{color:var(--green);background:none;border-bottom-color:var(--green)}nav button:hover{color:var(--green)}.filters{gap:9px;padding:0;margin:0}.yearbtn{color:#fff;border:1px solid var(--border);background:#13232b;border-radius:30px;padding:8px 15px}.yearbtn.active{background:var(--green);color:#0b151b;border-color:var(--green)}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:35px 0 30px}.page-intro h1{font-size:clamp(32px,3.7vw,54px);font-weight:500;letter-spacing:-2px;margin:9px 0 12px}.page-intro h1 em{font-style:normal;color:var(--green)}.page-intro p{font-size:13px;margin:0}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase}.tab{padding-top:0}.card,.mini{border-radius:16px;background:linear-gradient(135deg,#172a32,#101e27);border-color:var(--border);padding:25px}.card{position:relative;overflow:hidden}.card:before{content:'';position:absolute;left:0;top:25px;width:2px;height:36px;background:var(--green)}.metric{font-weight:400;font-size:clamp(24px,2.8vw,40px);letter-spacing:-1px;margin:15px 0}.label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#fff}.sub,.section-head p,.hero-copy,.notice,.footer,.barlabel,.barvalue,th,td{color:#fff}.sub{line-height:1.7;font-size:11px}.section-head h2{font-weight:500;letter-spacing:-.6px;font-size:25px}.section-head{margin-bottom:20px}.section{margin-top:30px}.hero{background:radial-gradient(ellipse at 10% 20%,#517d3e44,transparent 65%),linear-gradient(120deg,#182d2d,#101e27);border:1px solid #526947;border-radius:20px;padding:32px}.hero-big{color:var(--green);font-weight:350;letter-spacing:-6px}.proof,.cta{background:linear-gradient(125deg,#19302f,#111f29);border:1px solid var(--border);border-radius:18px}.proof h3,.cta h3{font-size:26px;font-weight:500;letter-spacing:-.6px}.proof p,.cta p{color:#fff;line-height:1.8}.month-score{background:#13232b;border-color:var(--border);border-radius:12px}.month-score span{color:#fff}.month-score strong{color:var(--green)}.month-score.super,.month-score.hot{background:#243c2a;border-color:#769553}.chartbox{height:340px}.table-wrap{overflow-x:auto}th{background:#1c3037;text-transform:uppercase;font-size:10px;letter-spacing:1px}td{font-size:12px}tbody tr:hover{background:#c3f7780a}.barfill{background:linear-gradient(90deg,#589d86,#c3f778)}.bartrack{background:#2a3b43}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:38px;padding-top:24px;font-size:10px}.footer img{width:220px;height:auto}.live-frame{display:block;width:100%;height:1250px;border:0;background:transparent}.admin-lock{max-width:520px;margin:40px auto;text-align:center;padding:42px}.admin-lock h2{font-weight:500;font-size:28px}.admin-lock input{font-size:28px;text-align:center;letter-spacing:10px;width:100%;padding:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card input,input[type=search]{background:#0b151b;border:1px solid #50656c;color:#fff;border-radius:8px;padding:12px;font:inherit;width:100%}.admin-card form{display:grid;gap:10px}.action{background:var(--green);color:#0b151b;border:0;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer}.action.secondary{background:#243943;color:#fff}.admin-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:15px 0;gap:10px}.admin-row span{overflow-wrap:anywhere}.admin-row small{display:block;margin-bottom:4px}.remove{color:#ffd0c7;border:1px solid #7d514c;background:transparent;border-radius:6px;padding:7px;cursor:pointer}.admin-message{min-height:22px;font-size:12px}.admin-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-tools h2{margin:0}.hidden,[hidden]{display:none!important}.report-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.report-tools input{max-width:300px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:900px){.shell{padding:0 16px 25px}.page-intro{align-items:flex-start;flex-direction:column}.g4{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.top-meta{max-width:150px}.site-brand{gap:12px}.site-brand img{width:70px}.footer img{width:170px}.report-tools{flex-wrap:wrap}nav{gap:15px}.hero{padding:22px}}@media(max-width:520px){.g4,.g2{grid-template-columns:1fr}.top-meta{font-size:9px}.site-brand strong{font-size:18px}.footer{gap:20px}.footer img{width:140px}.hero-big{font-size:74px}.admin-lock{padding:25px}.card{padding:20px}}
.admin-lock input{background:#0b151b;border:1px solid #50656c;color:#fff;border-radius:8px}
