:root{--navy:#0a2740;--blue:#1677ff;--bg:#f3f6fa;--red:#d9363e;--amber:#e98b19;--green:#1f9d62}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px "Microsoft YaHei",Arial;color:#1f2937}header{background:var(--navy);color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:23px}header p{margin:6px 0 0;color:#b9d7ec}nav button{background:transparent;border:0;color:#cbd5e1;padding:10px 12px;cursor:pointer}nav button.active{color:white;border-bottom:2px solid #52a8ff}main{max-width:1320px;margin:20px auto;padding:0 18px}.tab{display:none}.tab.active{display:block}.filters,.split{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filters label,form label{display:grid;gap:5px;font-weight:600}select,input,button{font:inherit;padding:8px;border:1px solid #cbd5e1;border-radius:5px}button{background:var(--blue);color:white;border:0;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.kpi,article{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #cbd5e177}.kpi b{font-size:25px;display:block;margin:7px 0}.kpi small{color:#64748b}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:1fr 1fr}h2{font-size:16px;margin-top:0}.barrow{display:grid;grid-template-columns:42px 1fr 86px;align-items:center;gap:8px;margin:12px 0}.bar{height:17px;background:#e8eef5;border-radius:99px;overflow:hidden}.fill{height:100%;border-radius:99px}.s1{background:#d9363e}.s2{background:#f59e0b}.s3{background:#38bdf8}.s4{background:#2563eb}.s5{background:#16a34a}.rank{display:grid;grid-template-columns:120px 1fr 105px;gap:8px;margin:9px 0}.tablewrap{overflow:auto}.small{max-height:480px}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}th{color:#64748b;font-size:12px}.split>article{flex:1;min-width:360px}form{display:grid;gap:11px;max-width:400px}.muted{color:#64748b}.message{font-weight:600}.bad{color:var(--red)}.good{color:var(--green)}.tag{font-weight:bold}.star1{color:#d9363e}.star2{color:#e98b19}.star3{color:#0284c7}.star4{color:#2563eb}.star5{color:#159947}@media(max-width:800px){header{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}