:root{--bg: #0a0a0f;--bg-secondary: #0e0e15;--card-bg: #12121a;--card-bg-hover: #16161f;--surface: #1a1a24;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: rgba(99, 102, 241, .15);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--scrollbar-track: #0a0a0f;--scrollbar-thumb: #2a2a3a;--scrollbar-thumb-hover: #3a3a4a;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--transition: .2s ease;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}[data-theme=light]{--bg: #eef0f4;--bg-secondary: #e4e7ec;--card-bg: #f5f6f8;--card-bg-hover: #eef0f4;--surface: #e4e7ec;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-dim: rgba(99, 102, 241, .1);--scrollbar-track: #e4e7ec;--scrollbar-thumb: #b0b8c4;--scrollbar-thumb-hover: #8892a0;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05)}*,*: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{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.nova-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nova-navbar-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.nova-navbar-brand svg{color:var(--accent)}.nova-navbar-logo{height:52px;width:auto;object-fit:contain;border-radius:6px}.nova-navbar-actions{display:flex;align-items:center;gap:12px}.nova-navbar-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface)}.nova-navbar-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all var(--transition);border:1px solid var(--border);color:var(--text-secondary);background:transparent}.nova-navbar-btn:hover{background:var(--surface);color:var(--text-primary);border-color:var(--border-hover)}.nova-navbar-btn.logout{color:var(--danger);border-color:#ef444433}.nova-navbar-btn.logout:hover{background:#ef44441a;border-color:#ef444466}.nova-page-content{flex:1;overflow-y:auto;color:var(--text-primary)}[data-theme=light] .nova-page-content [style*="color: #e2e8f0"],[data-theme=light] .nova-page-content [style*="color: rgb(226, 232, 240)"],[data-theme=light] .nova-page-content [style*="color:#e2e8f0"]{color:#1e293b!important}[data-theme=light] .nova-page-content [style*="color: #94a3b8"],[data-theme=light] .nova-page-content [style*="color: rgb(148, 163, 184)"],[data-theme=light] .nova-page-content [style*="color:#94a3b8"]{color:#475569!important}[data-theme=light] .nova-page-content [style*="color: #64748b"],[data-theme=light] .nova-page-content [style*="color:#64748b"]{color:#64748b!important}[data-theme=light] .nova-page-content [style*="color: #cbd5e1"],[data-theme=light] .nova-page-content [style*="color:#cbd5e1"]{color:#475569!important}[data-theme=light] .nova-page-content [style*="background: #12121a"],[data-theme=light] .nova-page-content [style*="background:#12121a"],[data-theme=light] .nova-page-content [style*="background-color: #12121a"]{background:#f5f6f8!important;border-color:#00000014!important}[data-theme=light] .nova-page-content [style*="background: #0a0a0f"],[data-theme=light] .nova-page-content [style*="background:#0a0a0f"],[data-theme=light] .nova-page-content [style*="background-color: #0a0a0f"]{background:#eef0f4!important}[data-theme=light] .nova-page-content [style*="background: #1a1a24"],[data-theme=light] .nova-page-content [style*="background:#1a1a24"]{background:#e4e7ec!important}[data-theme=light] .nova-page-content [style*="border-color: rgba(255, 255, 255"],[data-theme=light] .nova-page-content [style*="border: 1px solid rgba(255, 255, 255"]{border-color:#00000014!important}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.bg-card{background:var(--card-bg)}.bg-surface{background:var(--surface)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}[data-theme=light] *{color:inherit}[data-theme=light] body,[data-theme=light] #root{color:#1e293b}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] p,[data-theme=light] span,[data-theme=light] div,[data-theme=light] label,[data-theme=light] td,[data-theme=light] th,[data-theme=light] li,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] button{color:inherit}[data-theme=dark] body,[data-theme=dark] #root{color:#e2e8f0}::selection{background:var(--accent-dim);color:var(--text-primary)}code,pre,.mono{font-family:var(--font-mono)}