.app-layout[data-v-6242a837]{display:flex;min-height:100vh}.sidebar[data-v-6242a837]{width:var(--sidebar-w);position:fixed;top:0;left:0;bottom:0;background:var(--color-canvas);border-right:1px solid var(--color-hairline);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition)}.sidebar-header[data-v-6242a837]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl);border-bottom:1px solid var(--color-hairline)}.brand-wrap[data-v-6242a837]{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-mark[data-v-6242a837]{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.sidebar-brand[data-v-6242a837]{font-size:20px;font-weight:700;color:var(--color-ink);letter-spacing:-.5px}.sidebar-close[data-v-6242a837]{display:none;background:none;border:none;color:var(--color-mute);padding:var(--spacing-xxs);border-radius:var(--rounded-sm);transition:all var(--transition)}.sidebar-close[data-v-6242a837]:hover{color:var(--color-ink);background:var(--color-canvas-soft)}.sidebar-close svg[data-v-6242a837]{width:20px;height:20px}.sidebar-nav[data-v-6242a837]{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-sm)}.nav-group-label[data-v-6242a837]{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-mute);text-transform:uppercase;letter-spacing:1.4px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xxs)}.nav-item[data-v-6242a837]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-md);color:var(--color-body);font-size:14px;font-weight:500;margin-bottom:2px;transition:all var(--transition);position:relative}.nav-item[data-v-6242a837]:hover{background:var(--color-canvas-soft);color:var(--color-ink)}.nav-item.router-link-exact-active[data-v-6242a837]{background:var(--color-primary-soft);color:var(--color-primary-deep);font-weight:600}.nav-item.router-link-exact-active[data-v-6242a837]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--color-primary);border-radius:var(--rounded-pill)}.nav-icon[data-v-6242a837]{width:18px;height:18px;flex-shrink:0;opacity:.65;transition:opacity var(--transition)}.nav-item:hover .nav-icon[data-v-6242a837]{opacity:.9}.nav-item.router-link-exact-active .nav-icon[data-v-6242a837]{opacity:1;color:var(--color-primary)}.nav-expandable[data-v-6242a837]{display:flex;align-items:stretch}.nav-expandable .nav-item[data-v-6242a837]{flex:1}.nav-chevron[data-v-6242a837]{width:32px;border:none;background:none;color:var(--color-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.nav-chevron[data-v-6242a837]:hover{color:var(--color-ink)}.nav-chevron svg[data-v-6242a837]{width:14px;height:14px;transition:transform var(--transition)}.nav-chevron.rotated svg[data-v-6242a837]{transform:rotate(90deg)}.nav-children[data-v-6242a837]{padding-left:28px;margin-bottom:var(--spacing-sm)}.nav-child[data-v-6242a837]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xxs) var(--spacing-md);font-size:13px;color:var(--color-mute);text-decoration:none;border-radius:var(--rounded-sm);transition:all var(--transition)}.nav-child[data-v-6242a837]:hover{background:var(--color-canvas-soft);color:var(--color-ink)}.nav-child.router-link-exact-active[data-v-6242a837]{color:var(--color-primary);font-weight:600;background:var(--color-primary-soft)}.nav-child-count[data-v-6242a837]{font-family:var(--font-mono);font-size:11px;color:var(--color-mute);background:var(--color-canvas-soft);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--rounded-pill)}.sidebar-footer[data-v-6242a837]{padding:var(--spacing-md);border-top:1px solid var(--color-hairline)}.scan-btn[data-v-6242a837]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--rounded-md);font-size:14px;font-weight:600;transition:background var(--transition)}.scan-btn[data-v-6242a837]:hover:not(:disabled){background:var(--color-primary-deep)}.scan-btn[data-v-6242a837]:disabled{opacity:.5;cursor:not-allowed}.scan-icon[data-v-6242a837]{width:16px;height:16px}.user-box[data-v-6242a837]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--rounded-md);transition:background var(--transition)}.user-box[data-v-6242a837]:hover{background:var(--color-canvas-soft)}.user-avatar[data-v-6242a837]{width:34px;height:34px;border-radius:var(--rounded-pill);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:600;flex-shrink:0}.user-meta[data-v-6242a837]{flex:1;min-width:0}.user-name[data-v-6242a837]{display:block;font-size:13px;font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-6242a837]{font-family:var(--font-mono);font-size:11px;color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px}.logout-btn[data-v-6242a837]{background:none;border:none;color:var(--color-mute);padding:var(--spacing-xxs);border-radius:var(--rounded-sm);transition:all var(--transition);display:flex}.logout-btn[data-v-6242a837]:hover{color:var(--color-danger);background:var(--color-danger-soft)}.logout-icon[data-v-6242a837]{width:18px;height:18px}.main-area[data-v-6242a837]{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}.top-bar[data-v-6242a837]{display:none;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);position:sticky;top:0;z-index:50}.menu-btn[data-v-6242a837]{display:none;background:none;border:none;color:var(--color-ink);padding:var(--spacing-xxs);border-radius:var(--rounded-sm);transition:background var(--transition)}.menu-btn[data-v-6242a837]:hover{background:var(--color-canvas-soft)}.menu-btn svg[data-v-6242a837]{width:24px;height:24px}.top-bar-title[data-v-6242a837]{font-size:16px;font-weight:600;color:var(--color-ink);letter-spacing:-.2px}.content[data-v-6242a837]{flex:1;padding:var(--spacing-xxl) var(--spacing-xxl) var(--spacing-huge);max-width:1200px;margin:0 auto;width:100%}.sidebar-overlay[data-v-6242a837]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-ink) 30%,transparent);z-index:99}@media (max-width: 768px){.sidebar[data-v-6242a837]{transform:translate(-100%)}.sidebar.open[data-v-6242a837]{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar.open .sidebar-close[data-v-6242a837]{display:flex;align-items:center;justify-content:center}.sidebar-overlay[data-v-6242a837]{display:block}.main-area[data-v-6242a837]{margin-left:0}.top-bar[data-v-6242a837]{display:flex}.menu-btn[data-v-6242a837]{display:block}.content[data-v-6242a837]{padding:var(--spacing-lg)}}:root{--color-primary: #6d5bd0;--color-primary-deep: #5543b8;--color-primary-soft: #ece8f8;--color-on-primary: #ffffff;--color-accent: #b8763e;--color-ink: #1b1922;--color-ink-secondary: #3a3744;--color-body: #4c4856;--color-mute: #8c8698;--color-canvas: #faf9f7;--color-canvas-soft: #f2efe8;--color-surface: #ffffff;--color-surface-dark: #17151c;--color-hairline: #e6e1d8;--color-hairline-strong: #d6d0c4;--color-success: #2f8a5b;--color-success-soft: #e6f3ec;--color-warning: #c4862c;--color-warning-soft: #fdf3e3;--color-danger: #c4453e;--color-danger-soft: #fcebea;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--rounded-xs: 4px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-xl: 16px;--rounded-pill: 9999px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-huge: 64px;--spacing-section: 96px;--shadow-sm: 0 1px 2px rgba(27, 25, 34, .05);--shadow-md: 0 4px 12px rgba(27, 25, 34, .08);--shadow-lg: 0 12px 32px rgba(27, 25, 34, .12);--transition: .15s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 240px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--color-canvas);color:var(--color-body);line-height:1.6;font-size:15px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-deep)}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}input,select,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}