.app[data-v-8269fb03]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-header[data-v-8269fb03]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-shrink:0}.header-left[data-v-8269fb03]{display:flex;align-items:center;gap:20px}.logo-link[data-v-8269fb03]{display:flex;align-items:center;gap:8px;text-decoration:none}.logo[data-v-8269fb03]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#4f8ef71a;border-radius:8px}.app-title[data-v-8269fb03]{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.nav[data-v-8269fb03]{display:flex;gap:2px}.nav-link[data-v-8269fb03]{padding:6px 12px;border-radius:var(--radius);text-decoration:none;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .15s}.nav-link[data-v-8269fb03]:hover{color:var(--text-primary);background:var(--bg-surface-2)}.nav-link.active[data-v-8269fb03]{color:var(--accent);background:#4f8ef71a}.header-right[data-v-8269fb03]{display:flex;align-items:center;gap:8px}.theme-btn[data-v-8269fb03]{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface-2);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.theme-btn[data-v-8269fb03]:hover{border-color:var(--accent);color:var(--accent)}.theme-reset-btn[data-v-8269fb03]{padding:3px 8px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;font-family:var(--font);letter-spacing:.3px;transition:all .15s}.theme-reset-btn[data-v-8269fb03]:hover{border-color:var(--accent);color:var(--accent)}.user-info[data-v-8269fb03]{display:flex;align-items:center;gap:10px;margin-left:4px}.user-avatar[data-v-8269fb03]{width:30px;height:30px;border-radius:50%;object-fit:cover}.user-avatar-placeholder[data-v-8269fb03]{width:30px;height:30px;border-radius:50%;background:#4f8ef726;border:1px solid rgba(79,142,247,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent)}.user-details[data-v-8269fb03]{display:flex;flex-direction:column}.user-name[data-v-8269fb03]{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.user-role[data-v-8269fb03]{font-size:10px;color:var(--text-muted)}.logout-btn[data-v-8269fb03]{width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.logout-btn[data-v-8269fb03]:hover{border-color:var(--negative);color:var(--negative)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2f5fa;--bg-surface: #ffffff;--bg-surface-2: #edf1f9;--bg-group: #e4ecf8;--border: #cdd4e8;--text-primary: #1a2035;--text-secondary: #3d4f72;--text-muted: #7888aa;--accent: #3b7de8;--accent-hover: #2563d4;--positive: #059669;--negative: #dc2626;--neutral: #6b7280;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px;--radius-lg: 12px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1117;--bg-surface: #181c27;--bg-surface-2: #1e2336;--bg-group: #1a2035;--border: #2a3050;--text-primary: #e8eaf2;--text-secondary: #8892b0;--text-muted: #4a5580;--accent: #4f8ef7;--accent-hover: #6aa3ff;--positive: #34d399;--negative: #f87171;--neutral: #8892b0;color-scheme:dark}}[data-theme=light]{--bg: #f2f5fa;--bg-surface: #ffffff;--bg-surface-2: #edf1f9;--bg-group: #e4ecf8;--border: #cdd4e8;--text-primary: #1a2035;--text-secondary: #3d4f72;--text-muted: #7888aa;--accent: #3b7de8;--accent-hover: #2563d4;--positive: #059669;--negative: #dc2626;--neutral: #6b7280;color-scheme:light}[data-theme=dark]{--bg: #0f1117;--bg-surface: #181c27;--bg-surface-2: #1e2336;--bg-group: #1a2035;--border: #2a3050;--text-primary: #e8eaf2;--text-secondary: #8892b0;--text-muted: #4a5580;--accent: #4f8ef7;--accent-hover: #6aa3ff;--positive: #34d399;--negative: #f87171;--neutral: #8892b0;color-scheme:dark}html{transition:background-color .2s ease,color .2s ease}html,body{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}