:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#172c46;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{width:232px;background:#102744;color:#a9bbd2;position:fixed;inset:0 auto 0 0;padding:32px 20px}.brand{color:white;font-size:26px;letter-spacing:3px;font-weight:800}.brand span{display:block;font-size:13px;letter-spacing:1px;margin-top:9px}.workspace{border-top:1px solid #ffffff18;margin-top:30px;padding-top:24px;font-size:12px}.workspace small{display:block;color:#7190b6;margin-top:8px}nav h4{font-size:11px;letter-spacing:2px;color:#6e8baa;margin:28px 12px 10px}nav a{display:block;padding:12px 14px;color:#b8c9df;text-decoration:none;border-radius:7px;margin:4px 0}nav a:hover{background:#ffffff09}nav a.active{background:#2574ec;color:white;box-shadow:0 4px 20px #0002}footer{position:absolute;bottom:25px;font-size:12px;line-height:2}main{margin-left:232px}header{height:76px;background:white;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:#718096}.avatar{background:#e8f1ff;color:#3078d9;padding:9px;border-radius:50%}section{padding:32px 36px;max-width:1600px;margin:auto}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font-size:27px;margin:0 0 10px;letter-spacing:-.5px}h2{font-size:16px;margin:0 0 24px}p{line-height:1.9;color:#718096;margin:0}button,select,input{font:inherit;border:1px solid #dce4ee;background:white;border-radius:6px;padding:10px 14px;color:#405772}button{cursor:pointer}button:hover{border-color:#2476ee;color:#2476ee}.primary{background:#246fea;color:white;border:0}.primary:hover{background:#1459c5;color:white}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px}.toolbar input{min-width:260px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.card,.panel{background:white;border:1px solid #e4eaf2;border-radius:10px;padding:24px}.card label{color:#7c8b9d;font-size:12px}.value{font-size:30px;font-weight:650;margin:15px 0 10px}.value small{font-size:13px;color:#8393a6;margin-left:6px;font-weight:400}.delta{color:#17997b;font-size:12px}.muted{color:#8795a6}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px}.panel{margin-bottom:22px}.grid .panel{margin:0}.badge{display:inline-block;background:#e8f7f0;color:#168663;padding:5px 9px;border-radius:4px;font-size:11px}.badge.warn{background:#fff2df;color:#c58326}.badge.danger{background:#ffeded;color:#d3575c}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f6f8fb;color:#7f8da0;font-weight:400}th,td{padding:17px 12px;border-bottom:1px solid #eef1f6}td button{padding:5px 10px;font-size:12px;border:0;color:#2476ee;background:#eef5ff}.insight{background:linear-gradient(120deg,#eaf2ff,#f0f7ff);border:1px solid #dce8fc;border-radius:10px;padding:20px 24px;margin-bottom:24px;display:flex;gap:18px}.insight b{color:#2367ce;white-space:nowrap}.insight p{color:#4d6a90;font-size:13px}.chart{width:100%;height:220px}.legend{display:flex;justify-content:space-between;color:#8997aa;font-size:11px;margin-top:8px}.barrow{display:grid;grid-template-columns:80px 1fr 45px;gap:12px;align-items:center;font-size:12px;margin:24px 0}.track{height:9px;background:#edf2fa;border-radius:6px;overflow:hidden}.fill{height:100%;background:#4285ed;border-radius:6px}.event{padding:17px 0;border-bottom:1px solid #edf1f6;line-height:1.8}.event strong{font-size:13px}.event small{display:block;color:#8a97a9;margin-top:6px}.num{font-size:12px;color:#3880e5;margin-right:14px}.split{display:flex;justify-content:space-between;align-items:center}.timeline{border-left:2px solid #dbe7f8;padding-left:25px;margin:22px 5px}.timeline div{padding:0 0 26px}.timeline b{display:block;margin-bottom:8px}.timeline small{color:#8091a6}dialog{border:0;border-radius:12px;padding:32px;max-width:620px;width:90%;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10274466}.close{float:right;border:0;font-size:24px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}#toast{position:fixed;bottom:30px;left:55%;transform:translateX(-50%);background:#153458;color:white;padding:14px 25px;border-radius:8px;display:none}.empty{text-align:center;padding:40px}.notice{font-size:11px;color:#90a0b3;margin-top:24px}@media(max-width:1050px){aside{width:190px}main{margin-left:190px}section{padding:24px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}nav{display:flex;flex-wrap:wrap}nav h4,.workspace,footer{display:none}nav a{font-size:11px;padding:8px}.brand{font-size:18px}.brand span{display:inline;margin-left:15px}main{margin:0}header{padding:15px;height:auto;gap:15px}.title{align-items:flex-start;gap:12px}h1{font-size:22px}.cards{gap:10px}.card{padding:16px}.value{font-size:24px}.panel{overflow:auto;padding:18px}table{min-width:620px}.insight{display:block}.toolbar input{min-width:0;width:100%}}
