.app-layout[data-v-8569fca3]{display:flex;min-height:100vh;background:var(--color-canvas-soft)}.sidebar[data-v-8569fca3]{width:220px;flex-shrink:0;background:var(--color-ink);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand[data-v-8569fca3]{display:flex;align-items:center;gap:10px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark[data-v-8569fca3]{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:18px;color:#fff;box-shadow:0 2px 8px #0f62fe66}.brand-text .brand-name[data-v-8569fca3]{font-size:15px;font-weight:var(--weight-semibold);color:#fff;letter-spacing:var(--tracking-tight)}.brand-text .brand-sub[data-v-8569fca3]{font-size:11px;color:#fff6;margin-top:1px}.sidebar-nav[data-v-8569fca3]{flex:1;padding:12px 10px;overflow-y:auto}.nav-item[data-v-8569fca3]{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:#ffffffa6;font-size:var(--text-body-md);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out);margin-bottom:2px;text-decoration:none}.nav-item[data-v-8569fca3]:hover{color:#fff;background:#ffffff0f}.nav-item.active[data-v-8569fca3]{color:#fff;background:var(--color-primary);box-shadow:0 2px 8px #0f62fe4d}.nav-icon[data-v-8569fca3]{font-size:18px;width:22px;text-align:center;line-height:1}.sidebar-footer[data-v-8569fca3]{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.user-chip[data-v-8569fca3]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);background:#ffffff0a}.user-avatar[data-v-8569fca3]{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--weight-semibold);color:#fff;flex-shrink:0}.user-info[data-v-8569fca3]{flex:1;min-width:0}.user-name[data-v-8569fca3]{font-size:13px;font-weight:var(--weight-medium);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-8569fca3]{font-size:11px;color:#fff6}.logout-btn[data-v-8569fca3]{background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.logout-btn[data-v-8569fca3]:hover{color:var(--color-danger);background:#da1e281a}.main-content[data-v-8569fca3]{flex:1;margin-left:220px;min-height:100vh}@media (max-width: 768px){.sidebar[data-v-8569fca3]{width:60px}.brand-text[data-v-8569fca3],.nav-label[data-v-8569fca3],.user-info[data-v-8569fca3],.brand-sub[data-v-8569fca3]{display:none}.sidebar-brand[data-v-8569fca3]{justify-content:center;padding:16px 8px}.nav-item[data-v-8569fca3]{justify-content:center;padding:12px 8px}.user-chip[data-v-8569fca3]{justify-content:center;padding:8px 4px}.main-content[data-v-8569fca3]{margin-left:60px}}:root{--color-primary: #0f62fe;--color-primary-deep: #0043ce;--color-primary-press: #002d9c;--color-primary-soft: #4589ff;--color-primary-bg: #edf5ff;--color-primary-bg-hover: #d0e2ff;--color-primary-glow: rgba(15, 98, 254, .18);--color-ink: #0d253d;--color-ink-secondary: #273951;--color-ink-mute: #5a6b7e;--color-ink-mute-2: #8b9bab;--color-canvas: #ffffff;--color-canvas-soft: #f6f9fc;--color-canvas-elevated: #ffffff;--color-surface-1: #f4f7fa;--color-surface-2: #e9eef3;--color-hairline: #e3e8ee;--color-hairline-strong: #c4cdd6;--color-hairline-input: #a8c3de;--color-success: #24a148;--color-success-bg: #edf8f0;--color-warning: #f1c21b;--color-warning-bg: #fdf6dd;--color-danger: #da1e28;--color-danger-bg: #fdf2f3;--color-info: #0f62fe;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--font-display: "Inter", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--text-display-xl: 48px;--text-display-lg: 36px;--text-display-md: 28px;--text-heading-lg: 22px;--text-heading-md: 18px;--text-heading-sm: 16px;--text-body-lg: 16px;--text-body-md: 14px;--text-body-sm: 13px;--text-caption: 12px;--text-micro: 11px;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-thin: 200;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-display: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-wider: .02em;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--shadow-xs: 0 1px 2px 0 rgba(13, 37, 61, .04);--shadow-sm: 0 1px 3px 0 rgba(13, 37, 61, .08), 0 1px 2px -1px rgba(13, 37, 61, .06);--shadow-md: 0 4px 8px -2px rgba(13, 37, 61, .08), 0 2px 4px -1px rgba(13, 37, 61, .05);--shadow-lg: 0 12px 24px -6px rgba(13, 37, 61, .1), 0 4px 8px -2px rgba(13, 37, 61, .06);--shadow-xl: 0 24px 48px -12px rgba(13, 37, 61, .15), 0 8px 16px -4px rgba(13, 37, 61, .08);--shadow-focus: 0 0 0 3px var(--color-primary-glow);--gradient-primary: linear-gradient(135deg, #0f62fe 0%, #0043ce 100%);--gradient-hero: linear-gradient(135deg, #002d9c 0%, #0f62fe 50%, #4589ff 100%);--gradient-card-hover: linear-gradient(135deg, rgba(15, 98, 254, .02) 0%, rgba(69, 137, 255, .05) 100%);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-body-md);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-canvas-soft);letter-spacing:var(--tracking-normal);font-feature-settings:"cv11","ss01"}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-deep)}button{font-family:inherit;cursor:pointer;border:none;background:none;letter-spacing:inherit}input,textarea,select{font-family:inherit;font-size:inherit;letter-spacing:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-body-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--color-primary-deep);box-shadow:var(--shadow-sm)}.btn-primary:active{background:var(--color-primary-press)}.btn-ghost{background:transparent;color:var(--color-ink-secondary)}.btn-ghost:hover{background:var(--color-surface-1);color:var(--color-ink)}.btn-outline{border:1px solid var(--color-hairline-strong);color:var(--color-ink-secondary);background:var(--color-canvas)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-xs)}.btn-danger:hover{background:#b81929;box-shadow:var(--shadow-sm)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-body-lg)}.card{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);font-size:var(--text-body-md);color:var(--color-ink);background:var(--color-canvas);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:hover{border-color:var(--color-hairline-input)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-ink-mute-2)}.text-mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.text-mute{color:var(--color-ink-mute)}.text-caption{font-size:var(--text-caption);color:var(--color-ink-mute)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-mute)}::selection{background:var(--color-primary-bg-hover);color:var(--color-ink)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out)}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up var(--duration-slow) var(--ease-out)}