:root{--color-bg-primary:#f7f3ee;--color-bg-secondary:#fff;--color-bg-tertiary:#f1ebe2;--color-bg-elevated:#fff;--color-bg-hover:#ece4d7;--color-border:#1c181414;--color-border-strong:#1c18142e;--color-text-primary:#1c1917;--color-text-secondary:#4f463b;--color-text-muted:#807569;--color-text-inverse:#f9f6f1;--color-accent:#0ea5a6;--color-accent-hover:#0f766e;--color-accent-subtle:#0ea5a629;--color-accent-muted:#0ea5a647;--color-success:#16a34a;--color-success-subtle:#16a34a29;--color-warning:#d97706;--color-warning-subtle:#d977062e;--color-error:#dc2626;--color-error-subtle:#dc262629;--color-codebase:#0f766e;--color-deployment:#0284c7;--color-backend:#f97316;--color-api-keys:#db2777;--color-database:#14b8a6;--color-email:#ca8a04;--color-domain:#65a30d;--glass-bg:#ffffffb8;--glass-border:#1c181414;--glass-blur:blur(18px);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px #14100c0f;--shadow-md:0 10px 30px #14100c1f;--shadow-lg:0 20px 50px #14100c2e;--shadow-xl:0 30px 80px #14100c38;--shadow-glow:0 0 40px #0ea5a633;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:280px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px;--font-sans:"Manrope","Segoe UI",sans-serif;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--z-dropdown:100;--z-modal-backdrop:200;--z-modal:300;--z-toast:400;--z-tooltip:500}[data-theme=dark]{--color-bg-primary:#141125;--color-bg-secondary:#1a1630;--color-bg-tertiary:#231e3c;--color-bg-elevated:#27214a;--color-bg-hover:#30285a;--color-border:#ffffff14;--color-border-strong:#ffffff2e;--color-text-primary:#f4f1ff;--color-text-secondary:#cfc7e6;--color-text-muted:#9b91b8;--color-text-inverse:#141125;--color-accent:#a78bfa;--color-accent-hover:#8b5cf6;--color-accent-subtle:#a78bfa2e;--color-accent-muted:#a78bfa52;--glass-bg:#1a1630b8;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 30px #00000073;--shadow-lg:0 20px 50px #00000080;--shadow-xl:0 30px 80px #0009}[data-theme=light][data-palette-light=mint]{--color-bg-primary:#f2fbf6;--color-bg-secondary:#fff;--color-bg-tertiary:#e9f7ef;--color-bg-elevated:#fff;--color-bg-hover:#dcf2e5;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-subtle:#10b98129;--color-accent-muted:#10b98147;--shadow-glow:0 0 40px #10b98133}[data-theme=light][data-palette-light=lavender]{--color-bg-primary:#f6f3ff;--color-bg-secondary:#fff;--color-bg-tertiary:#ede7ff;--color-bg-elevated:#fff;--color-bg-hover:#e3dbff;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-subtle:#8b5cf629;--color-accent-muted:#8b5cf647;--shadow-glow:0 0 40px #8b5cf633}[data-theme=light][data-palette-light=rose]{--color-bg-primary:#fff1f2;--color-bg-secondary:#fff;--color-bg-tertiary:#ffe4e6;--color-bg-elevated:#fff;--color-bg-hover:#fecdd3;--color-accent:#f43f5e;--color-accent-hover:#e11d48;--color-accent-subtle:#f43f5e29;--color-accent-muted:#f43f5e47;--shadow-glow:0 0 40px #f43f5e2e}[data-theme=light][data-palette-light=sky]{--color-bg-primary:#f0f9ff;--color-bg-secondary:#fff;--color-bg-tertiary:#e0f2fe;--color-bg-elevated:#fff;--color-bg-hover:#bae6fd;--color-accent:#0ea5e9;--color-accent-hover:#0284c7;--color-accent-subtle:#0ea5e929;--color-accent-muted:#0ea5e947;--shadow-glow:0 0 40px #0ea5e92e}[data-theme=dark][data-palette-dark=emerald]{--color-bg-primary:#071a14;--color-bg-secondary:#0b241c;--color-bg-tertiary:#0f2f24;--color-bg-elevated:#123427;--color-bg-hover:#153a2b;--color-text-primary:#eafff6;--color-text-secondary:#bfe8d5;--color-text-muted:#88c7ae;--color-text-inverse:#071a14;--color-accent:#34d399;--color-accent-hover:#10b981;--color-accent-subtle:#34d3992e;--color-accent-muted:#34d39952;--glass-bg:#0b241cb8;--glass-border:#ffffff1a}[data-theme=dark][data-palette-dark=rose]{--color-bg-primary:#1b0b10;--color-bg-secondary:#241016;--color-bg-tertiary:#2f141c;--color-bg-elevated:#351821;--color-bg-hover:#3d1d28;--color-text-primary:#fff1f2;--color-text-secondary:#fecdd3;--color-text-muted:#fda4af;--color-text-inverse:#1b0b10;--color-accent:#fb7185;--color-accent-hover:#f43f5e;--color-accent-subtle:#fb71852e;--color-accent-muted:#fb718552;--glass-bg:#241016b8;--glass-border:#ffffff1a}[data-theme=dark][data-palette-dark=slate]{--color-bg-primary:#0b1220;--color-bg-secondary:#0f172a;--color-bg-tertiary:#111f3a;--color-bg-elevated:#14244a;--color-bg-hover:#172b57;--color-text-primary:#eef2ff;--color-text-secondary:#c7d2fe;--color-text-muted:#93a4c7;--color-text-inverse:#0b1220;--color-accent:#38bdf8;--color-accent-hover:#0ea5e9;--color-accent-subtle:#38bdf82e;--color-accent-muted:#38bdf852;--glass-bg:#0f172ab8;--glass-border:#ffffff1a}[data-theme=dark][data-palette-dark=teal]{--color-bg-primary:#071a24;--color-bg-secondary:#0b2533;--color-bg-tertiary:#0f3143;--color-bg-elevated:#143a50;--color-bg-hover:#18445f;--color-text-primary:#e9fbff;--color-text-secondary:#c3eef6;--color-text-muted:#8bc7d4;--color-text-inverse:#071a24;--color-accent:#2dd4bf;--color-accent-hover:#14b8a6;--color-accent-subtle:#2dd4bf2e;--color-accent-muted:#2dd4bf52;--glass-bg:#0b2533b8;--glass-border:#ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);isolation:isolate;background-image:radial-gradient(900px 500px at 8% -10%,#0ea5a638,#0000 65%),radial-gradient(700px 420px at 92% 8%,#d977062e,#0000 60%),radial-gradient(600px 420px at 50% 120%,#0284c729,#0000 60%);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";opacity:.6;z-index:-2;pointer-events:none;background:radial-gradient(1200px 700px at 50% -20%,#ffffff59,#0000 70%);position:fixed;inset:0}body:after{content:"";mix-blend-mode:soft-light;opacity:.5;z-index:-1;pointer-events:none;background-image:linear-gradient(120deg,#0000000a,#0000 45%,#0000000d);position:fixed;inset:0}[data-theme=dark] body{background-image:radial-gradient(900px 520px at 10% -12%,#a78bfa38,#0000 65%),radial-gradient(760px 460px at 96% 10%,#2dd4bf24,#0000 62%),radial-gradient(640px 440px at 50% 118%,#34d39924,#0000 62%)}[data-theme=light][data-palette-light=mint] body{background-image:radial-gradient(900px 500px at 8% -10%,#10b98138,#0000 65%),radial-gradient(700px 420px at 92% 8%,#3b82f624,#0000 60%),radial-gradient(600px 420px at 50% 120%,#0ea5a61f,#0000 60%)}[data-theme=light][data-palette-light=lavender] body{background-image:radial-gradient(900px 500px at 8% -10%,#8b5cf638,#0000 65%),radial-gradient(700px 420px at 92% 8%,#ec48991f,#0000 60%),radial-gradient(600px 420px at 50% 120%,#0284c71f,#0000 60%)}[data-theme=light][data-palette-light=rose] body{background-image:radial-gradient(900px 500px at 8% -10%,#f43f5e2e,#0000 65%),radial-gradient(700px 420px at 92% 8%,#8b5cf61f,#0000 60%),radial-gradient(600px 420px at 50% 120%,#0ea5e91a,#0000 60%)}[data-theme=light][data-palette-light=sky] body{background-image:radial-gradient(900px 500px at 8% -10%,#0ea5e933,#0000 65%),radial-gradient(700px 420px at 92% 8%,#38bdf824,#0000 60%),radial-gradient(600px 420px at 50% 120%,#6366f11a,#0000 60%)}[data-theme=dark][data-palette-dark=emerald] body{background-image:radial-gradient(900px 520px at 10% -12%,#34d39933,#0000 65%),radial-gradient(760px 460px at 96% 10%,#10b98124,#0000 62%),radial-gradient(640px 440px at 50% 118%,#2dd4bf1f,#0000 62%)}[data-theme=dark][data-palette-dark=rose] body{background-image:radial-gradient(900px 520px at 10% -12%,#fb71852e,#0000 65%),radial-gradient(760px 460px at 96% 10%,#f43f5e1f,#0000 62%),radial-gradient(640px 440px at 50% 118%,#8b5cf61a,#0000 62%)}[data-theme=dark][data-palette-dark=slate] body{background-image:radial-gradient(900px 520px at 10% -12%,#38bdf829,#0000 65%),radial-gradient(760px 460px at 96% 10%,#6366f11a,#0000 62%),radial-gradient(640px 440px at 50% 118%,#a78bfa14,#0000 62%)}[data-theme=dark][data-palette-dark=teal] body{background-image:radial-gradient(900px 520px at 10% -12%,#2dd4bf38,#0000 65%),radial-gradient(760px 460px at 96% 10%,#38bdf81f,#0000 62%),radial-gradient(640px 440px at 50% 118%,#a78bfa1a,#0000 62%)}[data-theme=dark] body:before{opacity:.55;background:radial-gradient(1200px 720px at 50% -20%,#f4f1ff24,#0000 70%)}[data-theme=dark] body:after{opacity:.22;background-image:linear-gradient(120deg,#ffffff0d,#0000 45%,#0000002e)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:.875em}input,textarea,select,button{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong)transparent}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-fadeInUp{animation:fadeInUp var(--transition-normal)}.animate-fadeInDown{animation:fadeInDown var(--transition-normal)}.animate-scaleIn{animation:scaleIn var(--transition-normal)}.animate-slideInRight{animation:slideInRight var(--transition-normal)}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent-subtle);color:var(--color-text-primary)}@media (max-width:768px){:root{--sidebar-width:100%;--header-height:56px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}