@charset "UTF-8";:root{--bg: #0c0f14;--surface-1: #10141b;--surface-2: #151a23;--surface-3: #1b2130;--surface-4: #212938;--surface-inset: #0e1219;--border-subtle: #1b212c;--border: #262e3c;--border-row: #202734;--border-strong: #334055;--accent: #c6ff4a;--accent-hover: #d4ff6b;--accent-ink: #0b0d10;--accent-soft: rgba(198, 255, 74, .14);--green: #22c55e;--green-soft: rgba(34, 197, 94, .16);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .18);--cyan: #45c8ff;--cyan-soft: rgba(69, 200, 255, .16);--violet: #b388ff;--violet-soft: rgba(179, 136, 255, .16);--amber: #f4a13a;--amber-soft: rgba(244, 161, 58, .16);--yellow: #f5c211;--yellow-soft: rgba(245, 194, 17, .16);--gold: #f4c84a;--red: #ef4444;--red-soft: rgba(239, 68, 68, .16);--pink: #f43f5e;--pink-soft: rgba(244, 63, 94, .16);--danger: #ff5a47;--coral: #ff7a5c;--success: #9be37a;--tier-gold: #f4c84a;--tier-silver: #c8d2dc;--tier-bronze: #cd8a52;--text-1: #f3f6fa;--text-body: #e6e9ef;--text-2: #cfd5e0;--text-muted: #9aa3b2;--text-faint: #8b93a3;--text-faintest: #5e6678;--r-input: 10px;--r-card: 18px;--r-pill: 20px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .025) inset, 0 12px 30px rgba(0, 0, 0, .28);--shadow-pop: 0 18px 50px rgba(0, 0, 0, .5);--shadow-float: 0 18px 40px rgba(0, 0, 0, .4);--font-head: "Chakra Petch", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 268px;--topbar-h: 72px;--content-max: 1440px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text-body);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-head);color:var(--text-1);margin:0;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-card);padding:22px;box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-title{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-1);line-height:1.25}.card-sub{display:block;margin-top:3px;font-size:12.5px;color:var(--text-faint)}.card-menu{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-faint);display:grid;place-items:center;transition:background .12s ease,color .12s ease}.card-menu:hover{background:var(--surface-3);color:var(--text-1)}.card-link{font-size:12.5px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px}.card-link:hover{color:var(--accent-hover)}.kpi{display:flex;align-items:center;gap:16px;min-height:104px}.kpi-icon{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--surface-3)}.kpi-icon.green{background:var(--green);box-shadow:0 10px 24px #22c55e52}.kpi-icon.blue{background:var(--blue);box-shadow:0 10px 24px #3b82f659}.kpi-icon.amber{background:var(--amber);box-shadow:0 10px 24px #f4a13a52}.kpi-icon.yellow{background:var(--yellow);box-shadow:0 10px 24px #f5c2114d;color:#1a1400}.kpi-icon.red{background:var(--pink);box-shadow:0 10px 24px #f43f5e52}.kpi-icon.violet{background:var(--violet);box-shadow:0 10px 24px #b388ff52;color:#1a0f33}.kpi-icon.cyan{background:var(--cyan);box-shadow:0 10px 24px #45c8ff4d;color:#06202e}.kpi-icon.lime{background:var(--accent);box-shadow:0 10px 24px #c6ff4a47;color:var(--accent-ink)}.kpi-body{min-width:0;display:flex;flex-direction:column}.kpi-value{font-family:var(--font-head);font-size:28px;font-weight:700;line-height:1;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value small{font-size:14px;font-weight:600;color:var(--text-muted);margin-left:5px}.kpi-label{margin-top:6px;font-size:12.5px;color:var(--text-faint)}.kpi-delta{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-faint)}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--pink)}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--surface-4);color:var(--text-2)}.chip.ok{background:var(--green-soft);color:var(--green)}.chip.info{background:var(--blue-soft);color:#7fb0ff}.chip.warn{background:var(--yellow);color:#1a1400}.chip.danger{background:var(--pink);color:#fff}.chip.neutral{background:var(--surface-4);color:var(--text-muted)}.chip.violet{background:var(--violet-soft);color:var(--violet)}.chip.cyan{background:var(--cyan-soft);color:var(--cyan)}.chip.lime{background:var(--accent-soft);color:var(--accent)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.gold{background:#f4c84a29;color:var(--gold)}.chip.silver{background:#c8d2dc24;color:var(--tier-silver)}.chip.bronze{background:#cd8a5229;color:var(--tier-bronze)}.seg{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--surface-inset);border:1px solid var(--border-subtle)}.seg button{border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px 16px;border-radius:9px;transition:background .12s ease,color .12s ease}.seg button:hover{color:var(--text-1)}.seg button.active{background:var(--surface-3);color:var(--text-1);box-shadow:0 2px 8px #00000059}.pbar{position:relative;height:6px;border-radius:6px;background:var(--surface-4);overflow:hidden}.pbar>span,.pbar>i{display:block;height:100%;border-radius:6px;background:var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}.pbar.lg{height:8px}.pbar.green>span,.pbar.green>i{background:var(--green)}.pbar.blue>span,.pbar.blue>i{background:var(--blue)}.pbar.cyan>span,.pbar.cyan>i{background:var(--cyan)}.pbar.amber>span,.pbar.amber>i{background:var(--amber)}.pbar.yellow>span,.pbar.yellow>i{background:var(--yellow)}.pbar.violet>span,.pbar.violet>i{background:linear-gradient(90deg,#7c5cff,var(--violet))}.pbar.red>span,.pbar.red>i{background:var(--pink)}.pbar.lime>span,.pbar.lime>i{background:var(--accent)}.pbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13.5px;color:var(--text-2)}.pbar-row strong{font-family:var(--font-mono);font-size:12.5px;color:var(--text-1);font-weight:600}.pbar-group{display:flex;flex-direction:column;gap:18px}.dtable-wrap{overflow-x:auto;margin:0 -22px;padding:0 22px}.dtable{width:100%;border-collapse:separate;border-spacing:0}.dtable th{text-align:left;font-size:12px;font-weight:600;color:var(--text-faint);padding:8px 14px 12px;white-space:nowrap;border-bottom:1px solid var(--border-row)}.dtable td{padding:13px 14px;font-size:13.5px;color:var(--text-2);border-bottom:1px solid var(--border-row);vertical-align:middle;white-space:nowrap}.dtable tbody tr:last-child td{border-bottom:0}.dtable tbody tr{transition:background .12s ease}.dtable tbody tr:hover td{background:#ffffff06}.dtable tr.selected td{background:#c6ff4a0d}.dtable td.num,.dtable th.num{text-align:right;font-family:var(--font-mono);font-size:12.5px}.dtable td strong{color:var(--text-1);font-weight:600}.dtable .cell-user{display:inline-flex;align-items:center;gap:10px}.dtable .cell-user .sub{display:block;font-size:11.5px;color:var(--text-faint)}.avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:#0b0d10;font-family:var(--font-head);font-weight:700;font-size:13px;background:var(--accent)}.avatar.xs{width:28px;height:28px;font-size:11px}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.lg{width:56px;height:56px;font-size:18px}.avatar.xl{width:96px;height:96px;font-size:30px}.avatar.square{border-radius:10px}.avatar .dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--surface-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-input);padding:11px 18px;font-weight:600;font-size:14px;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);font-family:var(--font-head)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{border-color:var(--text-faint);color:var(--text-1)}.btn-sm{padding:8px 12px;font-size:12.5px;border-radius:9px}.act-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-3);color:var(--text-2);padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.act-btn:hover{background:var(--surface-4);color:var(--text-1);border-color:var(--border-strong)}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-3);color:var(--text-2);transition:background .12s ease,color .12s ease}.icon-btn:hover{background:var(--surface-4);color:var(--text-1)}.icon-btn .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pink);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:18px;text-align:center;border:2px solid var(--surface-1)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12.5px;color:var(--text-muted);font-weight:500}.input{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-input);padding:11px 13px;color:var(--text-1);font-size:14.5px;transition:border-color .15s ease;width:100%}.input::placeholder{color:var(--text-faintest)}.input:focus{outline:none;border-color:var(--accent)}.check{appearance:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-strong);background:var(--surface-inset);display:inline-grid;place-items:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.check:checked{background:var(--green);border-color:var(--green)}.check:checked:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.legend-item i{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.state{padding:48px 20px;text-align:center;color:var(--text-faint)}.state.error{color:var(--danger)}.muted{color:var(--text-faint)}.hint{color:var(--text-faint);font-size:13px}.skeleton{border-radius:10px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-4) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#232a37;border-radius:10px}::-webkit-scrollbar-track{background:transparent}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fade .28s ease both}