:root{--bg-base:#0f1117;--bg-surface:#161b27;--bg-elevated:#1c2333;--bg-hover:#222a3a;--bg-active:#263044;--border:#2a3347;--border-subtle:#1f2a3c;--text-primary:#e8edf5;--text-secondary:#8b95a8;--text-muted:#4e5a6e;--text-disabled:#2e3a4e;--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle:#3b82f61f;--accent-glow:#3b82f633;--success:#22c55e;--success-subtle:#22c55e1f;--danger:#ef4444;--danger-subtle:#ef44441f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--sidebar-bg:#111520;--sidebar-width:54px;--card-bg:var(--bg-surface);--card-border:var(--border);--card-radius:10px;--card-padding:18px;--card-shadow:0 1px 3px #0006, 0 4px 12px #00000040;--input-bg:var(--bg-elevated);--input-border:var(--border);--input-radius:8px;--btn-radius:8px;--transition:.15s ease;--font:system-ui, "Segoe UI", Roboto, sans-serif;--font-size-xs:13px;--font-size-sm:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px}[data-theme=light]{--bg-base:#f0f2f5;--bg-surface:#fff;--bg-elevated:#f7f8fa;--bg-hover:#eef0f4;--bg-active:#e4e8ef;--border:#dde1ea;--border-subtle:#eaecf0;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-disabled:#d1d5db;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#2563eb14;--accent-glow:#2563eb26;--success:#16a34a;--success-subtle:#16a34a1a;--danger:#dc2626;--danger-subtle:#dc26261a;--warning:#d97706;--warning-subtle:#d977061a;--sidebar-bg:#1e2433;--card-bg:var(--bg-surface);--card-border:var(--border);--card-shadow:0 1px 3px #00000014, 0 4px 12px #0000000f;--input-bg:var(--bg-elevated);--input-border:var(--border)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);font-size:var(--font-size-md);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0}#root{width:100%;min-height:100vh}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--btn-radius);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--btn-radius);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-hover)}.input-field{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:9px 12px 9px 34px}.input-field::placeholder{color:var(--text-disabled)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.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-danger{color:var(--danger)}.text-warning{color:var(--warning)}.label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-weight:500;display:block}