*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--bg-page);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--purple:#7c3aed;--purple-dark:#6d28d9;--purple-light:#a78bfa;--purple-bg:#7c3aed0f;--purple-border:#7c3aed26;--green:#10b981;--green-dark:#059669;--green-bg:#10b98114;--green-border:#10b98133;--red:#ef4444;--red-bg:#ef44440f;--red-border:#ef444426;--amber:#f59e0b;--amber-bg:#f59e0b14;--amber-border:#f59e0b33;--blue:#3b82f6;--blue-bg:#3b82f60f;--bg:#f8f9fb;--bg-white:#fff;--bg-hover:#f3f4f6;--border:#e5e7eb;--border-light:#f3f4f6;--text:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--sidebar-width:260px;--sidebar-collapsed:68px;--topbar-height:56px;--slide-over-width:480px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:#0000000f;--shadow-md:#00000014;--shadow-lg:#0000001f;--shadow-xl:0 20px 60px #00000026;--transition:.2s ease;--transition-slow:.3s ease;--bg-page:#f8f9fb;--bg-card:#fff;--bg-sidebar:#fff;--bg-input:#fff;--text-primary:#1a1a2e;--border-color:#e5e7eb;--input-border:#d1d5db}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s,opacity .3s}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(100%)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .2s,opacity .2s}.slide-up-enter-from{opacity:0;transform:translateY(10px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark]{--bg-page:#0f172a;--bg-card:#1a2332;--bg-sidebar:#0f172a;--bg-input:#0f1923;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#3b4a5c;--input-border:#475569;--shadow-sm:#0003;--shadow-md:#0000004d;--shadow-lg:#0006;--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-light:#a78bfa;--purple-bg:#8b5cf61f;--purple-border:#8b5cf640;--green-bg:#10b98126;--red-bg:#ef44441f}[data-theme=dark] body,[data-theme=dark] .auth-page,[data-theme=dark] .app-layout,[data-theme=dark] .main-content{color:#f1f5f9!important;background:#0f172a!important}[data-theme=dark] .auth-card,[data-theme=dark] .sv-panel,[data-theme=dark] .sv-section,[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .modal,[data-theme=dark] .topbar,[data-theme=dark] .dropdown-menu{color:#f1f5f9!important;background:#1a2332!important;border-color:#3b4a5c!important;box-shadow:0 4px 24px #0000004d!important}[data-theme=dark] .sidebar a,[data-theme=dark] .sidebar span,[data-theme=dark] .sidebar .nav-label{color:#94a3b8!important}[data-theme=dark] .sidebar a:hover,[data-theme=dark] .sidebar a.active,[data-theme=dark] .sidebar a.router-link-active{color:#f1f5f9!important;background:#334155!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#f1f5f9!important;background:#0f1923!important;border-color:#3b4a5c!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f1f5f9!important}[data-theme=dark] p{color:#cbd5e1!important}[data-theme=dark] label{color:#94a3b8!important}[data-theme=dark] .sv-note,[data-theme=dark] .text-muted,[data-theme=dark] .auth-subtitle{color:#64748b!important}[data-theme=dark] th{color:#f1f5f9!important;background:#334155!important}[data-theme=dark] td{color:#94a3b8!important;border-color:#334155!important}[data-theme=dark] .btn-outline,[data-theme=dark] .theme-card,[data-theme=dark] .lang-card{color:#f1f5f9!important;background:#1a2332!important;border-color:#3b4a5c!important;box-shadow:0 4px 24px #0000004d!important}[data-theme=dark] .theme-card.active,[data-theme=dark] .lang-card.active{background:#8b5cf61f!important;border-color:#8b5cf6!important}[data-theme=dark] .badge{color:#94a3b8!important;background:#334155!important}[data-theme=dark] code{color:#a78bfa!important;background:#334155!important}[data-theme=dark] .stg-saved{color:#10b981!important}[data-theme=dark] a{color:#8b5cf6!important}[data-theme=dark] a:hover{color:#a78bfa!important}[data-theme=dark] .btn-primary,[data-theme=dark] button[class*=primary]{color:#fff!important;background:#7c3aed!important}[data-theme=dark]{--bg-page:#0f172a;--bg-card:#1e293b;--bg-sidebar:#0f172a;--bg-input:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--input-border:#475569;--shadow-sm:#0003;--shadow-md:#0000004d;--shadow-lg:#0006;--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-light:#a78bfa;--purple-bg:#8b5cf61f;--purple-border:#8b5cf640;--green-bg:#10b98126;--green-border:#10b9814d;--red-bg:#ef44441f;--red-border:#ef444440}[data-theme=dark] body{background:var(--bg-page);color:var(--text-primary)}[data-theme=dark] .auth-page{background:var(--bg-page)}[data-theme=dark] .auth-card,[data-theme=dark] .sv-panel,[data-theme=dark] .sv-section,[data-theme=dark] .card,[data-theme=dark] .panel{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .sidebar{background:var(--bg-sidebar);border-color:var(--border-color)}[data-theme=dark] .sidebar a,[data-theme=dark] .sidebar span{color:var(--text-secondary)}[data-theme=dark] .sidebar a:hover,[data-theme=dark] .sidebar a.active{color:var(--text-primary);background:var(--bg-hover)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--input-border)}[data-theme=dark] input::placeholder{color:var(--text-muted)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--text-primary)}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label{color:var(--text-secondary)}[data-theme=dark] .sv-note,[data-theme=dark] .text-muted{color:var(--text-muted)}[data-theme=dark] table{border-color:var(--border-color)}[data-theme=dark] th{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] td{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn-outline,[data-theme=dark] .theme-card,[data-theme=dark] .lang-card{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline:hover,[data-theme=dark] .theme-card:hover,[data-theme=dark] .lang-card:hover{background:var(--bg-hover)}[data-theme=dark] .app-layout,[data-theme=dark] .main-content{background:var(--bg-page)}[data-theme=dark] .topbar{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .empty-state{color:var(--text-muted)}[data-theme=dark] .badge{background:var(--bg-hover);color:var(--text-secondary)}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] hr{border-color:var(--border-color)}[data-theme=dark] code{background:var(--bg-hover);color:var(--purple-light)}