*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#10213e;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#3268ee;text-decoration:none}aside{position:fixed;left:0;top:0;bottom:0;width:245px;background:#fff;border-right:1px solid #e3e9f3;padding:24px 14px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-weight:800;margin:0 12px 26px}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#376df5;color:#fff}.brand span{font-size:16px}nav{display:grid;gap:6px}nav a{padding:12px 14px;border-radius:10px;color:#40516e;display:flex;gap:10px;align-items:center}nav a.active{background:#eaf1ff;color:#2862ed}nav a.disabled{opacity:.6;cursor:default}nav small{margin-left:auto;font-size:10px}main{margin-left:245px;min-height:100vh}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px}header h1{font-size:25px;margin:0}.content{padding:0 34px 45px;max-width:1600px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.card{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 5px rgba(20,40,80,.02)}.metric .label{color:#7d8ba5;font-size:14px}.metric .num{font-size:28px;font-weight:800;margin-top:8px}.muted{color:#8491a8}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select,input,select{border:1px solid #d6dfed;border-radius:10px;padding:10px 12px;background:#fff;min-height:42px}.btn,button{border:0;border-radius:10px;background:#376df5;color:#fff;padding:11px 16px;cursor:pointer}.btn.secondary{background:#edf3ff;color:#2e61d4}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:12px 10px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top}th{color:#71809b;font-size:13px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef3fb;font-size:12px}.ok{color:#079455}.bad{color:#d92d20}.warn{color:#d97706}.notice{padding:13px 15px;border-radius:10px;background:#eaf8ef;margin-bottom:16px}.notice.badbg{background:#fff0f0}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.pagination a{padding:8px 11px;background:#fff;border:1px solid #dfe6f0;border-radius:8px}.pagination a.current{background:#376df5;color:#fff}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kv{background:#f8faff;border-radius:10px;padding:12px}.kv b{display:block;font-size:12px;color:#7b89a2;margin-bottom:5px}.barbox{height:280px;display:flex;align-items:end;gap:8px;padding-top:20px}.barcol{flex:1;min-width:22px;text-align:center}.bar{background:#6d8ff7;border-radius:6px 6px 0 0;min-height:2px}.barlabel{font-size:10px;color:#8190a8;margin-top:6px;white-space:nowrap}.empty{text-align:center;padding:35px;color:#8b98ae}@media(max-width:1000px){aside{position:static;width:auto}main{margin-left:0}.grid4,.grid2{grid-template-columns:1fr 1fr}.content{padding:0 16px}header{padding:0 16px}}@media(max-width:650px){.grid4,.grid2,.detailgrid{grid-template-columns:1fr}nav{grid-template-columns:1fr 1fr}}