:root{--ink:#15243a;--muted:#738096;--line:#e8edf3;--bg:#f4f7fb;--blue:#2788f5;--green:#17b26a;--amber:#f59b13;--rose:#e7656b}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;background:#1b83ef;color:#fff;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:700}.brand strong{display:block;font-size:17px;letter-spacing:.3px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:10px;align-items:center;color:#8490a0;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2cbe73}.ghost-btn{background:transparent;color:#8a96a7;font-size:12px;padding:8px}.layout{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:222px;background:#fff;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column}.side-label{font-size:11px;color:#a6b0bd;padding:0 13px 10px;text-transform:uppercase;letter-spacing:1px}.nav-item{width:100%;text-align:left;background:transparent;color:#607087;padding:12px 14px;border-radius:9px;margin:3px 0;font-size:14px;display:flex;gap:12px;align-items:center}.nav-item span{width:18px;text-align:center;font-size:18px}.nav-item.active{background:#eaf3ff;color:#1f82ef;font-weight:600}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 4px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#1f82ef;color:#fff;display:grid;place-items:center;font-weight:700}.side-footer b{display:block;font-size:13px}.side-footer small{color:var(--muted);font-size:11px}.main{flex:1;padding:34px 42px 60px;max-width:1440px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.eyebrow{font-size:12px;color:#2788f5;margin:0 0 6px;font-weight:600;letter-spacing:.4px}.page-heading h1{font-size:28px;margin:0 0 8px}.subtle{margin:0;color:var(--muted);font-size:13px}.primary-btn,.secondary-btn{padding:11px 18px;border-radius:8px;font-weight:600;font-size:13px}.primary-btn{background:#2386ef;color:#fff;box-shadow:0 5px 12px #2386ef2b}.secondary-btn{background:#fff;color:#53647a;border:1px solid #dbe3ed}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;font-weight:700}.metric-card.blue .metric-icon{background:#e7f2ff;color:#2788f5}.metric-card.green .metric-icon{background:#e5f8ef;color:#17a964}.metric-card.amber .metric-icon{background:#fff3de;color:#e9940d}.metric-card.rose .metric-icon{background:#ffebec;color:#d9555d}.metric-card span{display:block;color:#7a8799;font-size:12px}.metric-card strong{font-size:26px;margin-right:5px}.metric-card small{color:#99a3b0;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 34px}.quick-card{border-radius:12px;padding:21px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink);border:1px solid transparent}.blue-card{background:#e8f3ff;border-color:#d6eaff}.amber-card{background:#fff4e4;border-color:#ffebcc}.green-card{background:#e8f8f0;border-color:#d4f1e2}.quick-icon{width:42px;height:42px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:23px}.quick-card b{display:block;font-size:15px;margin-bottom:4px}.quick-card small{color:#7a8799;font-size:12px}.arrow{margin-left:auto;font-size:20px;color:#9ba8b9}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{font-size:16px;margin:0 0 5px}.section-head p{font-size:12px;color:var(--muted);margin:0}.link-btn{background:transparent;color:#2587ec;font-size:12px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:14px 18px;border-bottom:1px solid #eef2f6;text-align:left;font-size:12px;white-space:nowrap}th{background:#f8fafc;color:#788699;font-weight:600}td{color:#3d4c60}tbody tr:last-child td{border-bottom:0}.tag{display:inline-flex;border-radius:20px;padding:4px 9px;font-size:11px}.tag.in{color:#158954;background:#e8f8ef}.tag.out{color:#d2585c;background:#ffedef}.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;max-width:1000px}.segmented{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.seg{background:#f5f7fa;color:#738096;padding:10px 18px;border-radius:7px;font-size:13px}.seg.active{background:#e8f3ff;color:#2386ef;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#58677c}.field span{font-weight:600}.field i{color:#ef5350;font-style:normal}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6ef;border-radius:7px;padding:11px 12px;outline:none;color:#2c3b50;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4b9cf6;box-shadow:0 0 0 3px #4b9cf61c}.field textarea{resize:vertical}.full{grid-column:1/-1}.input-unit{position:relative}.input-unit input{padding-right:42px}.input-unit em{position:absolute;right:12px;top:11px;font-style:normal;color:#9aa6b5}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.hidden{display:none!important}.info-box{border:1px dashed #cfd9e6;border-radius:7px;padding:11px 14px;display:flex;align-items:center;gap:8px;height:43px;margin-top:24px}.info-box span{color:#738096;font-size:12px}.info-box strong{font-size:16px;color:#2386ef;margin-left:auto}.info-box small{color:#9aa6b5}.report-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.report-tab{background:transparent;padding:0 0 12px;color:#8290a1;font-size:14px;position:relative}.report-tab.active{color:#2386ef;font-weight:600}.report-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2386ef;border-radius:2px}.report-panel{display:none}.report-panel.active{display:block}.chart-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;margin-bottom:18px}.refresh{font-size:11px;color:#19a96a}.bars{height:220px;display:flex;align-items:flex-end;gap:14px;padding:16px 8px 4px;overflow-x:auto}.bar-item{min-width:72px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:38px;background:linear-gradient(180deg,#5da8f7,#2788f5);border-radius:6px 6px 2px 2px;min-height:4px;position:relative}.bar em{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;color:#66758a}.bar-item label{font-size:11px;color:#788699;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;right:28px;bottom:28px;background:#24344a;color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:76px;padding:22px 10px}.side-label,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:20px}.side-footer{justify-content:center}.side-footer>div:last-child{display:none}.main{padding:26px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.top-actions>span:not(.status-dot){display:none}}@media(max-width:620px){.page-heading{display:block}.page-heading .primary-btn,.page-heading .secondary-btn{margin-top:16px}.metric-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{height:64px}.brand strong{font-size:15px}.main{padding:22px 14px 40px}.sidebar{min-height:calc(100vh - 64px)}.form-card{padding:18px}}
.export-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}