.sidebar[data-v-6ec6878e]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:#0a0e27f2;border-right:1px solid var(--border-card);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.brand[data-v-6ec6878e]{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border-card)}.brand-icon[data-v-6ec6878e]{width:36px;height:36px;background:var(--gradient-main);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.brand-name[data-v-6ec6878e]{font-size:18px;font-weight:700;color:var(--text-title);display:block}.brand-sub[data-v-6ec6878e]{font-size:11px;color:var(--text-secondary);letter-spacing:1px}.nav-list[data-v-6ec6878e]{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-6ec6878e]{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;transition:all var(--duration);position:relative}.nav-item[data-v-6ec6878e]:hover{background:var(--bg-card);color:var(--text-body)}.nav-item.active[data-v-6ec6878e]{background:#00d4ff1a;color:var(--primary)}.nav-item.active[data-v-6ec6878e]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 3px 3px 0}.nav-icon[data-v-6ec6878e]{display:flex;align-items:center;flex-shrink:0}.nav-badge[data-v-6ec6878e]{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;padding:1px 7px;border-radius:var(--radius-full);font-weight:600}.sidebar-footer[data-v-6ec6878e]{padding:12px 14px 16px;border-top:1px solid var(--border-card)}.footer-card[data-v-6ec6878e]{background:var(--bg-card);border-radius:var(--radius-md);padding:12px 14px}.footer-title[data-v-6ec6878e]{font-size:11px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.footer-stat[data-v-6ec6878e]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-body)}.dot-green[data-v-6ec6878e]{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 6px #22c55e80}.dot[data-v-6ec6878e]{display:inline-block}.footer-ver[data-v-6ec6878e]{font-size:11px;color:var(--text-secondary);margin-top:6px}.topbar[data-v-c48ef4c9]{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border-card);background:#0a0e2799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.page-title[data-v-c48ef4c9]{font-size:18px;font-weight:700;color:var(--text-title)}.topbar-right[data-v-c48ef4c9]{display:flex;align-items:center;gap:16px}.icon-btn[data-v-c48ef4c9]{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--duration)}.icon-btn[data-v-c48ef4c9]:hover{background:var(--bg-card);color:var(--text-body)}.notif-dot[data-v-c48ef4c9]{position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--danger);border-radius:50%}.user-area[data-v-c48ef4c9]{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;transition:all var(--duration)}.user-area[data-v-c48ef4c9]:hover{background:var(--bg-card-hover)}.avatar[data-v-c48ef4c9]{width:30px;height:30px;border-radius:50%;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.user-name[data-v-c48ef4c9]{font-size:13px;color:var(--text-body)}:root{--bg-deep: #0a0e27;--bg-deep2: #1a1040;--bg-card: rgba(255,255,255,.05);--bg-card-hover: rgba(255,255,255,.08);--border-card: rgba(255,255,255,.08);--border-glow: rgba(0,212,255,.2);--text-title: #ffffff;--text-body: #e0e0e0;--text-secondary: #a0a0a0;--primary: #00d4ff;--primary-purple: #a855f7;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--gradient-main: linear-gradient(135deg, #00d4ff, #a855f7);--gradient-bg: linear-gradient(180deg, #0a0e27 0%, #1a1040 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--duration: .25s;--sidebar-w: 240px;--topbar-h: 60px;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-bg);color:var(--text-body);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{opacity:.85}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.app-root[data-v-0d33a7bc]{display:flex;min-height:100vh}.main-area[data-v-0d33a7bc]{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.content[data-v-0d33a7bc]{flex:1;padding:24px 28px}