.navbar[data-v-39bae7d3]{background:#1a1a2e;color:#fff;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.navbar h1[data-v-39bae7d3]{font-size:22px;font-weight:600}.navbar h1 a[data-v-39bae7d3]{color:#fff;text-decoration:none}.navbar-links[data-v-39bae7d3]{display:flex;align-items:center;gap:16px}.navbar-links>a[data-v-39bae7d3]{color:#aaa;text-decoration:none;font-size:13px;transition:color .15s}.navbar-links>a[data-v-39bae7d3]:hover{color:#fff}.navbar-links>a.router-link-active[data-v-39bae7d3]{color:#fff;font-weight:500}.health-badge[data-v-39bae7d3]{font-size:12px;padding:3px 10px;border-radius:12px;background:#2d6a4f;color:#d8f3dc;margin-left:8px}.health-badge.error[data-v-39bae7d3]{background:#d00000;color:#fff}.dropdown[data-v-39bae7d3]{position:relative}.dropdown-toggle[data-v-39bae7d3]{background:none;border:none;cursor:pointer;color:#aaa;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:4px;padding:0;transition:color .15s}.dropdown-toggle[data-v-39bae7d3]:hover,.dropdown.active .dropdown-toggle[data-v-39bae7d3]{color:#fff}.chevron[data-v-39bae7d3]{width:14px;height:14px;transition:transform .2s}.dropdown.active .chevron[data-v-39bae7d3]{transform:rotate(180deg)}.dropdown-menu[data-v-39bae7d3]{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:160px;padding:6px 0;z-index:100}.dropdown-menu a[data-v-39bae7d3]{display:block;padding:8px 16px;font-size:13px;color:var(--text-primary);text-decoration:none;transition:background .1s}.dropdown-menu a[data-v-39bae7d3]:hover{background:#f5f7fa}.dropdown-menu a.router-link-active[data-v-39bae7d3]{font-weight:600;color:var(--accent-primary)}.dropdown:has(.dropdown-menu a.router-link-active) .dropdown-toggle[data-v-39bae7d3]{color:#fff;font-weight:500}.user-avatar-sm[data-v-39bae7d3]{width:28px;height:28px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.user-toggle[data-v-39bae7d3]{gap:6px}.user-menu[data-v-39bae7d3]{right:0;left:auto;transform:none;min-width:200px}.user-menu-info[data-v-39bae7d3]{padding:10px 16px;border-bottom:1px solid var(--border-light)}.user-menu-email[data-v-39bae7d3]{font-size:13px;font-weight:600;color:var(--text-primary)}.user-menu-role[data-v-39bae7d3]{font-size:11px;color:var(--text-muted);margin-top:2px;text-transform:capitalize}.user-menu-logout[data-v-39bae7d3]{display:block;width:100%;text-align:left;padding:8px 16px;font-size:13px;color:var(--error);border:none;background:none;cursor:pointer;font-family:inherit;transition:background .1s}.user-menu-logout[data-v-39bae7d3]:hover{background:#fef2f2}.hamburger[data-v-39bae7d3]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger-line[data-v-39bae7d3]{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}.hamburger-line.open[data-v-39bae7d3]:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open[data-v-39bae7d3]:nth-child(2){opacity:0}.hamburger-line.open[data-v-39bae7d3]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.navbar[data-v-39bae7d3]{padding:16px 20px;flex-wrap:wrap}.hamburger[data-v-39bae7d3]{display:flex}.navbar-links[data-v-39bae7d3]{display:none;flex-direction:column;width:100%;gap:0;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);align-items:stretch}.navbar-links.open[data-v-39bae7d3]{display:flex}.navbar-links>a[data-v-39bae7d3]{padding:10px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);width:100%}.dropdown[data-v-39bae7d3]{width:100%}.dropdown-toggle[data-v-39bae7d3]{width:100%;padding:10px 0;font-size:14px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-menu[data-v-39bae7d3]{position:static;transform:none;background:#ffffff0d;border:none;box-shadow:none;border-radius:0;padding:0;min-width:auto}.dropdown-menu a[data-v-39bae7d3]{color:#aaa;padding:10px 0 10px 20px;border-bottom:1px solid rgba(255,255,255,.03)}.dropdown-menu a[data-v-39bae7d3]:hover{background:#ffffff0d;color:#fff}.dropdown-menu a.router-link-active[data-v-39bae7d3]{color:#fff}.user-menu[data-v-39bae7d3]{position:static;transform:none;background:#ffffff0d;border:none;box-shadow:none;border-radius:0;padding:0}.user-menu-info[data-v-39bae7d3]{border-bottom-color:#ffffff0d}.user-menu-email[data-v-39bae7d3]{color:#fff}.user-menu-role[data-v-39bae7d3]{color:#aaa}.user-menu-logout[data-v-39bae7d3]{color:#ff6b6b}.user-menu-logout[data-v-39bae7d3]:hover{background:#ffffff0d}.health-badge[data-v-39bae7d3]{margin-left:0;margin-top:8px;align-self:flex-start}}:root{--bg-primary: #f5f7fa;--bg-surface: #fff;--text-primary: #1a1a2e;--text-secondary: #666;--text-muted: #888;--text-faint: #aaa;--border-color: #e0e0e0;--border-light: #f0f0f0;--accent-primary: #1a1a2e;--accent-hover: #2d2d50;--success: #22c55e;--success-dark: #16a34a;--error: #ef4444;--error-dark: #dc2626;--warning: #eab308;--info: #3b82f6;--radius-card: 10px;--radius-btn: 6px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea,a,label{touch-action:manipulation}.container{max-width:800px;margin:0 auto;padding:0 24px}.btn{font-size:13px;font-weight:600;padding:8px 20px;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--success-dark);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--error-dark);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-secondary{background:#f1f1f1;color:#555}.btn-secondary:hover:not(:disabled){background:#e0e0e0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.container{padding:0 16px}.btn{font-size:12px;padding:8px 16px}}