.app-header[data-v-e551644a]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left[data-v-e551644a]{display:flex;align-items:center;gap:var(--space-4)}.menu-toggle[data-v-e551644a]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.menu-toggle[data-v-e551644a]:hover{color:var(--text-primary);background-color:var(--bg-card)}.page-title[data-v-e551644a]{font-size:var(--text-xl);font-weight:var(--font-semibold)}.header-right[data-v-e551644a]{display:flex;align-items:center;gap:var(--space-3)}.header-action[data-v-e551644a]{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-action[data-v-e551644a]:hover{color:var(--text-primary);background-color:var(--bg-card)}.notification-badge[data-v-e551644a]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-bold);line-height:16px;text-align:center;color:#fff;background:var(--accent-gradient);border-radius:var(--radius-full)}.user-avatar[data-v-e551644a]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-gradient);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer}.app-sidebar[data-v-b44cb084]{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:var(--z-sticky)}.app-sidebar.collapsed[data-v-b44cb084]{width:var(--sidebar-collapsed-width)}.sidebar-header[data-v-b44cb084]{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--border-color)}.logo[data-v-b44cb084]{display:flex;align-items:center;gap:var(--space-3)}.logo-icon[data-v-b44cb084]{width:32px;height:32px;flex-shrink:0}.logo-icon svg[data-v-b44cb084]{width:100%;height:100%}.logo-text[data-v-b44cb084]{font-weight:var(--font-bold);font-size:var(--text-lg);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-nav[data-v-b44cb084]{flex:1;padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-footer[data-v-b44cb084]{padding:var(--space-4) var(--space-2);border-top:1px solid var(--border-color)}.nav-item[data-v-b44cb084]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-item[data-v-b44cb084]:hover{color:var(--text-primary);background-color:var(--bg-card)}.nav-item.active[data-v-b44cb084]{color:var(--accent-cyan);background-color:#00d4ff1a}.nav-icon[data-v-b44cb084]{width:20px;height:20px;flex-shrink:0}.nav-label[data-v-b44cb084]{white-space:nowrap;overflow:hidden}.collapsed .nav-item[data-v-b44cb084]{justify-content:center;padding:var(--space-3)}.collapsed .nav-label[data-v-b44cb084]{display:none}.app-layout[data-v-d4c912b1]{display:flex;min-height:100vh}.main-area[data-v-d4c912b1]{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-area[data-v-d4c912b1]{margin-left:var(--sidebar-collapsed-width)}.main-content[data-v-d4c912b1]{flex:1;padding:var(--space-6);max-width:var(--content-max-width);margin:0 auto;width:100%}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #22222e;--bg-input: #15151f;--bg-overlay: rgba(0, 0, 0, .7);--border-color: #2a2a3a;--border-color-light: #3a3a4a;--border-color-focus: #4a4a5a;--accent-cyan: #00d4ff;--accent-cyan-dim: #00a8cc;--accent-purple: #a855f7;--accent-purple-dim: #8b44cc;--accent-gradient: linear-gradient(135deg, #a855f7, #00d4ff);--accent-gradient-hover: linear-gradient(135deg, #b966ff, #00e5ff);--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .15);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .15);--priority-p1: #ef4444;--priority-p2: #f59e0b;--priority-p3: #3b82f6;--priority-p4: #6b7280;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--text-disabled: #4a4a5a;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 56px;--content-max-width: 1400px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}code,pre{font-family:var(--font-mono)}pre{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}code{background-color:var(--bg-input);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.9em}pre code{background:none;padding:0}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan-dim)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-primary{background:var(--accent-gradient);color:var(--text-primary)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow-cyan)}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-color-light)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background-color:var(--bg-card)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-cyan)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.card-hover{transition:all var(--transition-fast)}.card-hover:hover{background-color:var(--bg-card-hover);border-color:var(--border-color-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-success{background-color:var(--status-success-bg);color:var(--status-success)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background-color:var(--status-error-bg);color:var(--status-error)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info)}.priority-p1{color:var(--priority-p1)}.priority-p2{color:var(--priority-p2)}.priority-p3{color:var(--priority-p3)}.priority-p4{color:var(--priority-p4)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}