:root{--bg:#f4f5f9;--card:#fff;--ink:#1b2033;--mute:#6b7287;--line:#e4e7ef;--brand:#2b3a8c;--brand2:#1d2766;--gold:#c9962b;--ok:#1f9d6a;--bad:#d1434b;--r:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;display:flex}aside{background:linear-gradient(180deg,var(--brand2),var(--brand));color:#dfe3ff;flex-shrink:0;width:240px;height:100vh;padding:18px 12px;position:sticky;top:0;overflow:auto}.logo{color:#fff;align-items:center;gap:10px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.logo i{background:var(--gold);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.nav-sec{text-transform:uppercase;letter-spacing:.08em;opacity:.55;margin:14px 10px 4px;font-size:11px}.nav a{color:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.nav a:hover{background:#ffffff14}.nav a.on{color:#fff;background:#ffffff29;font-weight:600}main{flex:1;min-width:0}header{background:var(--card);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;padding:14px 26px;display:flex;position:sticky;top:0}header h1{flex:1;margin:0;font-size:19px}header select,header input,.f input,.f select,.f textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px}.user{color:var(--mute);align-items:center;gap:8px;display:flex}.user b{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}section{padding:22px 26px}.grid{gap:16px;display:grid}.g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card h3{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:15px;display:flex}.kpi small{color:var(--mute)}.kpi .v{margin:4px 0;font-size:24px;font-weight:700}.kpi .d{font-size:12px}.up{color:var(--ok)}.down{color:var(--bad)}.btn{background:var(--brand);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;padding:8px 14px;font-weight:600}.btn:hover{background:var(--brand2)}.btn.alt{color:var(--brand);border:1px solid var(--line);background:#fff}.btn.gold{background:var(--gold)}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px}td{border-bottom:1px solid var(--line);padding:8px 10px}tr:hover td{background:#fafbfe}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}tr.tot td{background:#f1f3fa;font-weight:700}tr.cls td{color:var(--brand);background:#eef0fa;font-weight:700}.tag{color:var(--brand);background:#e8ebfa;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.tag.g{color:var(--ok);background:#dcf4ea}.tag.r{color:var(--bad);background:#fbe3e5}.tag.y{color:#8a6410;background:#faefd3}.bar{background:#e9ecf5;border-radius:9px;height:8px;overflow:hidden}.bar i{background:var(--brand);height:100%;display:block}.dept{align-items:flex-start;gap:12px;display:flex}.dept .ic{background:#eef0fa;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);font:inherit;border-radius:8px;padding:8px 10px}.toolbar .sp{flex:1}.rep{cursor:pointer;transition:all .15s}.rep:hover{border-color:var(--brand);transform:translateY(-2px)}.rep .ic{font-size:24px}.modal{z-index:50;background:#14193280;place-items:center;padding:16px;display:none;position:fixed;inset:0}.modal.on{display:grid}.modal .box{background:#fff;border-radius:14px;width:560px;max-width:100%;max-height:92vh;padding:22px;overflow:auto}.f{grid-template-columns:1fr 1fr;gap:12px;display:grid}.f label{color:var(--mute);flex-direction:column;gap:4px;font-size:12px;display:flex}.f .full{grid-column:1/-1}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs a{cursor:pointer;color:var(--mute);border-bottom:2px solid #0000;padding:8px 14px}.tabs a.on{color:var(--brand);border-color:var(--brand);font-weight:600}.rephead{text-align:center;margin-bottom:16px}.rephead h2{margin:0}.toast{background:var(--ink);color:#fff;z-index:99;border-radius:9px;padding:10px 16px;display:none;position:fixed;bottom:20px;right:20px}.auth{z-index:100;background:linear-gradient(135deg,#1d2766,#2b3a8c);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.authbox{background:#fff;border-radius:16px;width:460px;max-width:100%;padding:26px}.authbox h2{margin:0 0 4px}.err{color:var(--bad);min-height:20px;margin:8px 0}.hint{color:var(--mute);background:#f4f5f9;border-radius:9px;margin-top:12px;padding:10px;font-size:12px}#chname{white-space:nowrap}@media (width<=800px){aside{display:none}section{padding:14px}.g2{grid-template-columns:1fr}}@media print{aside,header,.toolbar,.noprint{display:none!important}section{padding:0}body{background:#fff}.card{border:0}}#root{width:100%;min-height:100vh;display:flex}.modal{display:grid}.center{min-height:200px;color:var(--mute);place-items:center;display:grid}.banner{color:var(--bad);background:#fbe3e5;border-radius:9px;margin-bottom:12px;padding:10px 14px}.row{align-items:center;gap:8px;display:flex}button:disabled{opacity:.6;cursor:not-allowed}select.mini{border:1px solid var(--line);font:inherit;border-radius:6px;padding:4px 6px}.wallpaper{opacity:.36;pointer-events:none;z-index:0;background-position:50% 58%;background-repeat:no-repeat;background-size:min(92vmin,1000px);position:fixed;inset:0 0 0 240px}@media (width<=800px){.wallpaper{background-size:96vmin;left:0}}.card{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#ffffffc2}aside,main{z-index:1;position:relative}aside{position:sticky}.brand{color:#fff;align-items:center;gap:12px;padding:4px 8px 18px;display:flex}.brand i{background:var(--gold);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:22px;font-style:normal;display:grid}.brand b{font-size:15px;line-height:1.2;display:block}.brand small{opacity:.6;letter-spacing:.05em;font-size:11px}.brand img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.logo-anim{background:0 0;border:0;border-radius:0;animation:3.4s ease-in-out infinite logoFloat,3.4s ease-in-out infinite logoGlow}.logo-anim.sm{object-fit:contain;vertical-align:middle;width:26px;height:26px;margin-right:8px}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.08)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 #c9962b00)}50%{filter:drop-shadow(0 0 9px #e8b946d9)}}@media (prefers-reduced-motion:reduce){.logo-anim{animation:none}}#chname{align-items:center;display:inline-flex}.next{color:#7a5a0c;cursor:pointer;background:#fff8e6;border:1px solid #f0dca4;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 14px;display:flex}.logo-prev{border:1px dashed var(--line);background:repeating-conic-gradient(#e6e9f3 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:12px;flex-shrink:0;place-items:center;width:150px;height:150px;display:grid;overflow:hidden}.logo-prev img{max-width:100%;max-height:100%}fieldset[disabled] input,fieldset[disabled] select{color:var(--ink);background:#f4f5f9}.support-banner{color:#8a1f27;background:#fbe3e5;border-bottom:1px solid #f2b8bd;align-items:center;gap:10px;padding:8px 26px;display:flex}.support-banner span{flex:1}