:root{--bg: #060d1d;--bg-panel: rgba(13, 26, 48, .72);--bg-panel-solid: #0c1a30;--border: rgba(70, 120, 190, .22);--border-strong: rgba(80, 150, 230, .4);--text: #d8e6ff;--text-dim: #8fa8c8;--text-faint: #5c7396;--cyan: #38bdf8;--gold: #f4b93e;--green: #34d399;--pink: #fb7185;--violet: #a78bfa;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-num: "Rajdhani", "Bahnschrift", "DIN Alternate", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(30,80,160,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(20,120,140,.12),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-display);font-size:14px;-webkit-font-smoothing:antialiased}.boot-screen{display:grid;place-items:center;height:100vh;color:var(--text-dim);letter-spacing:.2em}.login-screen{display:grid;place-items:center;height:100vh;background:radial-gradient(1000px 500px at 70% 20%,rgba(40,100,190,.22),transparent 60%),var(--bg)}.login-card{width:380px;padding:40px 36px 32px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 80px #000a1e99}.login-brand{margin-bottom:28px}.login-hint{margin-top:18px;font-size:12px;color:var(--text-faint);line-height:1.6}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-num);font-weight:700;font-size:18px;color:#04101f;background:linear-gradient(135deg,#55d6ff,#2f9fdc);box-shadow:0 0 24px #38bdf873}.brand-name{font-size:18px;font-weight:700;letter-spacing:.06em}.brand-sub{font-size:11px;color:var(--text-dim);letter-spacing:.14em;margin-top:2px}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:20px 14px;background:#091224d9;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav{flex:1;display:flex;flex-direction:column;gap:4px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-dim);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:all .18s ease}.nav-item:hover{color:var(--text);background:#28508c2e}.nav-item.active{color:#bfe6ff;background:linear-gradient(90deg,#2f96dc47,#2f96dc0f);border-color:#46a0f073;box-shadow:inset 3px 0 0 var(--cyan)}.nav-icon{width:18px;text-align:center;opacity:.85}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}.role-badge{font-size:11px;padding:3px 10px;border-radius:20px;color:var(--gold);border:1px solid rgba(244,185,62,.45);background:#f4b93e14}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:18px 26px 14px;border-bottom:1px solid var(--border);background:#08102099}.topbar-title{margin:0 0 12px;font-size:20px;font-weight:700;letter-spacing:.08em}.filter-bar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 12px}.filter-label{font-size:12px;color:var(--text-dim);padding-top:6px}.filter-sep{color:var(--text-faint);padding-top:5px}.filter-bar select{background:var(--bg-panel-solid);color:var(--text);border:1px solid var(--border-strong);border-radius:7px;padding:5px 8px;font-family:inherit;font-size:13px;outline:none}.chip-group{display:flex;flex-wrap:wrap;gap:6px;max-width:640px}.chip-group.grouped{flex-direction:column;align-items:flex-start;gap:8px;max-width:860px}.chip-cluster{display:flex;align-items:center;gap:8px}.chip-cluster-label{flex-shrink:0;min-width:64px;font-size:11px;color:#9fd0f5;letter-spacing:.08em;padding:3px 8px;border-radius:6px;border:1px solid rgba(90,160,230,.35);background:#326ebe1f;text-align:center}.chip-cluster-items{display:flex;flex-wrap:wrap;gap:6px}.chip.cluster-all{color:var(--green);border-color:#34d39966}.chip.cluster-all.on{color:#04101f;background:linear-gradient(135deg,#6ee7b7,#20a06c);border-color:transparent;font-weight:600}.chip{padding:4px 12px;font-size:12px;font-family:inherit;border-radius:20px;border:1px solid var(--border);background:#14284666;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.on{color:#04101f;background:linear-gradient(135deg,#55d6ff,#2f9fdc);border-color:transparent;font-weight:600}.chip.clear{color:var(--pink);border-color:#fb718566}.content{flex:1;overflow-y:auto;padding:22px 26px 30px}.footer{padding:10px 26px;font-size:11px;color:var(--text-faint);border-top:1px solid var(--border);text-align:center;letter-spacing:.08em}.section{display:flex;flex-direction:column;gap:18px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.panel-row .span-2{grid-column:span 2}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title{margin:0;font-size:15px;font-weight:700;letter-spacing:.05em;padding-left:10px;border-left:3px solid var(--cyan)}.panel-subtitle{margin:6px 0 0 10px;font-size:12px;color:var(--text-dim)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpi-card{padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(160deg,#1e3c6e40,#0a142866);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-cyan:after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.kpi-gold:after{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.kpi-green:after{background:linear-gradient(90deg,transparent,var(--green),transparent)}.kpi-pink:after{background:linear-gradient(90deg,transparent,var(--pink),transparent)}.kpi-violet:after{background:linear-gradient(90deg,transparent,var(--violet),transparent)}.kpi-label{font-size:12px;color:var(--text-dim);letter-spacing:.06em}.kpi-value{margin-top:8px;font-family:var(--font-num);font-size:28px;font-weight:700;line-height:1;color:#eaf4ff}.kpi-cyan .kpi-value{color:#7fdcff}.kpi-gold .kpi-value{color:#ffd57a}.kpi-green .kpi-value{color:#6ee7b7}.kpi-pink .kpi-value{color:#fda4af}.kpi-violet .kpi-value{color:#c4b5fd}.kpi-unit{font-size:12px;margin-left:6px;color:var(--text-dim);font-weight:400}.kpi-sub{margin-top:8px;font-size:11px;color:var(--text-faint)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:9px 12px;color:var(--text-dim);font-weight:600;font-size:12px;letter-spacing:.05em;border-bottom:1px solid var(--border-strong);white-space:nowrap}.data-table td{padding:9px 12px;border-bottom:1px solid rgba(70,120,190,.12);white-space:nowrap}.data-table tbody tr:hover{background:#285a961a}.data-table .num{text-align:right;font-family:var(--font-num);font-size:13.5px}.data-table .num.pos{color:var(--green)}.data-table .num.neg{color:var(--pink)}.data-table .cell-strong{color:#eaf4ff;font-weight:600}.data-table .formula{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:12px}.cat-tag{display:inline-block;padding:2px 10px;font-size:11px;border-radius:12px;color:#9fd0f5;border:1px solid rgba(90,160,230,.35);background:#326ebe1f}.empty-hint{padding:40px 0;text-align:center;color:var(--text-faint);font-size:13px}.metric-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-level{padding:18px 16px;border-radius:10px;border:1px solid var(--border);background:#10203a80}.level-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-num);font-weight:700;font-size:16px;color:#04101f}.level-badge.l0{background:linear-gradient(135deg,#55d6ff,#2f9fdc)}.level-badge.l1{background:linear-gradient(135deg,#ffd57a,#e8a020)}.level-badge.l2{background:linear-gradient(135deg,#6ee7b7,#20a06c)}.level-badge.l3{background:linear-gradient(135deg,#c4b5fd,#7c5ce0);color:#150a30}.level-title{margin-top:12px;font-weight:700;font-size:14px}.level-desc{margin-top:6px;font-size:12px;color:var(--text-dim);line-height:1.5}.level-pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-family:var(--font-num);font-weight:700;color:#04101f}.level-pill.l0{background:#3fb4e6}.level-pill.l1{background:#eeb348}.level-pill.l2{background:#43bd8b}.level-pill.l3{background:#9c86e8}.notes-list{margin:0;padding-left:18px;color:var(--text-dim);line-height:2;font-size:13px}.chart-toggle{display:flex;gap:2px;padding:2px;border-radius:8px;border:1px solid var(--border);background:#10223e8c}.chart-toggle button{border:none;background:transparent;color:var(--text-dim);font-family:inherit;font-size:11px;padding:4px 11px;border-radius:6px;cursor:pointer;transition:all .15s ease}.chart-toggle button:hover{color:var(--text)}.chart-toggle button.on{color:#04101f;font-weight:600;background:linear-gradient(135deg,#55d6ff,#2f9fdc)}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.admin-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.06em}.admin-subtitle{margin:6px 0 0;font-size:12px;color:var(--text-dim)}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(160deg,#1e3c6e38,#0a142866);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:all .18s ease}.admin-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.admin-card.active{border-color:#46b4f0a6;background:linear-gradient(160deg,#2864aa59,#0f234180);box-shadow:inset 0 0 0 1px #55d6ff40,0 8px 30px #1450a040}.admin-card.active .admin-card-icon{background:linear-gradient(135deg,#55d6ff,#2f9fdc);color:#04101f}.admin-card-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:17px;border-radius:10px;color:#9fd0f5;border:1px solid rgba(90,160,230,.35);background:#326ebe1f}.admin-card-info{flex:1;min-width:0}.admin-card-title{font-size:14px;font-weight:700;letter-spacing:.04em}.admin-card-desc{margin-top:3px;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-count{text-align:right;flex-shrink:0}.admin-card-count b{display:block;font-family:var(--font-num);font-size:22px;font-weight:700;color:#7fdcff;line-height:1.1}.admin-card-count span{font-size:11px;color:var(--text-faint)}.admin-editor .editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.admin-editor .search-input{width:240px}.related-counts{font-size:12px;color:var(--text-dim)}.upload-modal{width:min(880px,94vw)}.dropzone{border:1.5px dashed rgba(90,160,230,.45);border-radius:12px;padding:34px 20px;text-align:center;cursor:pointer;transition:all .18s ease;background:#10223e59}.dropzone:hover{border-color:var(--cyan);background:#1e468240}.dropzone-icon{width:46px;height:46px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;font-size:20px;color:#7fdcff;border:1px solid rgba(85,214,255,.4);background:#326ebe26}.dropzone p{margin:4px 0;color:var(--text);font-size:14px}.dropzone-hint{color:var(--text-faint);font-size:12px}.upload-config{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 4px}.upload-warning{margin-top:14px;padding:8px 14px;border-radius:8px;font-size:12px;color:#ffd57a;background:#f4b93e14;border:1px solid rgba(244,185,62,.35)}.upload-summary{margin:14px 0 8px;font-size:13px;color:var(--text-dim)}.upload-summary b{color:#7fdcff;font-family:var(--font-num);font-size:15px}.upload-invalid{color:var(--pink)}.upload-preview-note{margin:8px 0 0;font-size:11px;color:var(--text-faint);text-align:right}.import-result{text-align:center;padding:30px 0 10px}.import-result-icon{width:56px;height:56px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;font-size:26px;color:#04101f;background:linear-gradient(135deg,#6ee7b7,#20a06c)}.import-result-title{margin:0 0 14px;font-size:16px;font-weight:700}.import-result-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:var(--text-dim)}.import-result-stats b{font-family:var(--font-num);font-size:17px;color:#7fdcff;margin:0 3px}.modal-note{margin-bottom:16px;padding:8px 14px;border-radius:8px;font-size:12px;color:#ffd57a;background:#f4b93e14;border:1px solid rgba(244,185,62,.35)}.table-actions{display:flex;gap:10px;align-items:center}.search-input{background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:7px;padding:6px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:none;width:180px}.search-input:focus{border-color:var(--cyan)}.op-col{width:110px}.pager{display:flex;align-items:center;gap:12px;margin-top:12px}.pager-info{font-size:12px;color:var(--text-dim)}.btn{padding:7px 16px;border-radius:8px;border:1px solid var(--border-strong);background:#1e3c6e4d;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--cyan)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#04101f;font-weight:600;background:linear-gradient(135deg,#55d6ff,#2f9fdc);border-color:transparent}.btn.tiny{padding:3px 10px;font-size:12px}.btn.danger{color:var(--pink);border-color:#fb718573}.btn.block{width:100%;margin-top:16px;padding:10px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--text-dim)}.field input,.field select{background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:7px;padding:7px 10px;color:var(--text);font-family:inherit;font-size:13px;outline:none}.field input:focus,.field select:focus{border-color:var(--cyan)}.form-error{margin-bottom:12px;padding:8px 14px;border-radius:8px;font-size:13px;color:#fda4af;background:#fb71851a;border:1px solid rgba(251,113,133,.35)}.modal-overlay{position:fixed;inset:0;background:#020812b3;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(860px,92vw);max-height:86vh;overflow-y:auto;padding:26px 28px;border-radius:14px;background:#0d1c34;border:1px solid var(--border-strong);box-shadow:0 30px 90px #000818b3}.modal h3{margin:0 0 18px;font-size:16px;letter-spacing:.05em}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.panel-row{grid-template-columns:1fr}.panel-row .span-2{grid-column:span 1}.metric-tree{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:64px}.sidebar .brand-name,.sidebar .brand-sub,.nav-item span:last-child,.sidebar-footer .btn{display:none}.modal-grid{grid-template-columns:1fr 1fr}}