*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17243a;font:14px 'Microsoft YaHei',sans-serif}aside{width:224px;background:#12243a;color:#c2cddd;position:fixed;height:100vh;padding:30px 18px}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:22px;padding:0 12px}.brand b{background:#25b7a4;border-radius:12px;padding:8px 12px}.brand small{display:block;font-size:11px;color:#8fa6bc;letter-spacing:2px;margin-top:5px}.workspace{font-size:10px;letter-spacing:1px;margin:42px 14px 18px;color:#6e879f}nav button{display:block;width:100%;text-align:left;background:none;border:0;color:#b8c8d9;padding:15px 18px;margin:6px 0;border-radius:8px;cursor:pointer;font-size:14px}nav button.active{background:#24465a;color:#73e1ce}.asidefoot{position:absolute;bottom:30px;line-height:2;color:#6ed6bb;padding:12px}.asidefoot small{color:#8da0b5}main{margin-left:224px}header{height:76px;background:white;border-bottom:1px solid #e7ecf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:#79879a}select,input,button{font:inherit}select,input{padding:9px 12px;border:1px solid #dce3eb;border-radius:6px;background:white;color:#35465c}header select{margin-left:18px}.status{font-size:12px;color:#64877f}section{padding:32px 38px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:27px;margin:0 0 9px;letter-spacing:.5px}p{color:#7a899a;line-height:1.8;margin:6px 0}.btn{background:#079c88;color:white;border:0;padding:11px 18px;border-radius:6px;cursor:pointer}.btn.secondary{background:white;color:#41566e;border:1px solid #dce3eb}.filters{display:flex;gap:12px;align-items:center;background:white;padding:18px;border:1px solid #e6ebf0;border-radius:9px;margin-bottom:22px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:white;border:1px solid #e5eaf0;border-radius:10px;padding:22px}.card small{color:#8794a4}.card strong{display:block;font-size:27px;margin:16px 0 13px;font-weight:600}.card .label{display:flex;justify-content:space-between;color:#64748b}.pill{background:#e6f7f2;color:#129b84;padding:3px 7px;border-radius:4px;font-size:11px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px}h3{font-size:16px;margin:0 0 20px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panelhead h3{margin:0}.muted{color:#8b98a9;font-size:12px}.chart{height:210px;width:100%}.chart text{font-size:10px;fill:#93a1b1}.progress{height:7px;background:#edf2f5;border-radius:8px;margin:12px 0;overflow:hidden}.progress i{display:block;background:#10ad98;height:100%}.target{padding:14px 0;border-bottom:1px solid #eff2f5}.target:last-child{border:0}.targettop{display:flex;justify-content:space-between}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;background:#f7f9fb;color:#8090a3;font-weight:normal;padding:13px}td{padding:15px 13px;border-bottom:1px solid #eef1f5}td:first-child{font-weight:500}.empty{text-align:center;color:#9aa6b3;padding:45px}.notice{padding:13px 17px;background:#fff8e8;color:#95732c;line-height:1.8;border-radius:7px;margin:16px 0;font-size:12px}.drop{border:2px dashed #c6ddd9;background:#f6fcfa;padding:45px;text-align:center;border-radius:10px;margin:20px 0}.drop input{margin-top:18px;max-width:100%}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.formgrid label{display:grid;gap:8px;color:#708095}.formgrid input,.formgrid select{width:100%}.actions{display:flex;gap:10px;margin-top:22px}.stats{display:flex;gap:20px;margin:16px 0;color:#5d7389}.tag{font-size:11px;background:#edf4fa;border-radius:4px;padding:4px 7px;color:#66849e}#toast{position:fixed;bottom:26px;left:50%;background:#17354b;color:white;padding:13px 24px;border-radius:7px;display:none;z-index:10}.mapping{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.mapping input{width:150px}button:disabled{opacity:.45;cursor:not-allowed}a{color:#089a88}@media(max-width:1050px){aside{width:180px}main{margin-left:180px}section{padding:24px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;height:auto;padding:15px}.brand{font-size:18px}.workspace,.asidefoot{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;width:auto;padding:10px}.brand small{display:none}main{margin:0}header{padding:15px;height:auto}.status{display:none}section{padding:18px}.title{align-items:flex-start;gap:10px}h1{font-size:22px}.cards{gap:10px}.card{padding:15px}.card strong{font-size:22px}.formgrid{grid-template-columns:1fr}.filters input{max-width:100%}}
.brand span{white-space:nowrap}.brand{padding:0 4px;gap:8px}.brand b{flex-shrink:0}.brand small{letter-spacing:1px}
