:root{--navy:#102b4e;--navy2:#1a426d;--cyan:#17b7d1;--bg:#f2f6fa;--ink:#182d45;--muted:#72839a;--line:#e3eaf1;--white:#fff;--green:#168b67}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}.topbar{height:70px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 max(20px,calc((100% - 1180px)/2));box-shadow:0 4px 18px #0e2a4820}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#287bc2);display:grid;place-items:center;font-weight:900}.brand b,.brand small{display:block;letter-spacing:.08em}.brand small{font-size:9px;color:#b9d3e9}.status{font-size:11px;color:#c9e0f2}.status i{display:inline-block;width:7px;height:7px;background:#48d79a;border-radius:50%;margin-right:7px}.shell{max-width:1180px;margin:27px auto;padding:0 20px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 24px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#1399b5;font-weight:800;margin:0 0 6px}.hero h1{font-size:29px;line-height:1.15;color:var(--navy);margin:0}.muted,small{color:var(--muted)}.period{background:white;border:1px solid var(--line);border-radius:13px;padding:12px 16px;min-width:195px}.period small,.period b,.period span{display:block}.period small{font-size:9px;letter-spacing:.13em}.period b{font-size:16px;color:var(--navy)}.period span{font-size:10px;color:var(--muted)}.nav{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:17px}.nav-btn{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:none;padding:12px 16px;color:var(--muted);font-weight:700;cursor:pointer}.nav-btn.active{color:var(--navy);border-color:var(--cyan)}.page{display:none}.page.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.kpi,.panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #18395708}.kpi{padding:17px}.kpi span,.kpi b,.kpi small{display:block}.kpi span{font-size:11px;color:var(--muted);font-weight:600}.kpi b{font-size:24px;color:var(--navy);margin:5px 0}.kpi small{font-size:10px}.columns{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{padding:18px;margin-bottom:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel h2{font-size:17px;color:var(--navy);margin:0}.tag{font-size:10px;background:#e8f8fb;color:#148ba3;border-radius:20px;padding:5px 9px;font-weight:700}.empty{padding:15px 0;color:var(--muted);font-size:12px}.rank-row{display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}.rank-num{font-weight:900;color:#1599b5}.rank-name{font-weight:700}.rank-sub{font-size:10px;color:var(--muted)}.rank-val{font-weight:800;color:var(--navy)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{background:#f7fafc;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}tbody tr:hover{background:#f3fafc}.link-btn{border:0;background:none;color:#087f9d;font-weight:700;cursor:pointer;padding:0}.daily{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.daily div{background:#f4f8fb;border-radius:9px;padding:11px}.daily span{display:block;font-size:10px;color:var(--muted)}.daily b{font-size:14px;color:var(--navy)}input,select{border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink);min-width:130px}.compact{grid-template-columns:repeat(3,1fr);margin:5px 0 15px}.filters{display:flex;gap:9px;margin:10px 0 13px;flex-wrap:wrap}.disclaimer{font-size:10px;color:var(--muted);margin:14px 0 0}footer{display:flex;justify-content:space-between;gap:10px;padding:20px 2px;color:var(--muted);font-size:10px}
@media(max-width:760px){.topbar{padding:0 14px}.shell{padding:0 13px;margin:17px auto}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:25px}.period{width:100%}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:13px}.kpi b{font-size:21px}.columns{grid-template-columns:1fr}.panel{padding:14px}.panel-title{align-items:flex-start;flex-wrap:wrap}footer{flex-direction:column}}