: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:#0d1211;--color-bg-secondary:#121816;--color-bg-tertiary:#1a221f;--color-bg-elevated:#1e2623;--color-bg-hover:#24302c;--color-border:#ffffff0f;--color-border-strong:#ffffff29;--color-text-primary:#f5f2ec;--color-text-secondary:#c6bfb6;--color-text-muted:#8a8176;--color-text-inverse:#0d1211;--color-accent:#2dd4bf;--color-accent-hover:#14b8a6;--color-accent-subtle:#2dd4bf2e;--color-accent-muted:#2dd4bf4d;--glass-bg:#121816b3;--glass-border:#ffffff14;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 30px #00000073;--shadow-lg:0 20px 50px #00000080;--shadow-xl:0 30px 80px #0009}*,: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 500px at 8% -10%,#2dd4bf33,#0000 65%),radial-gradient(700px 420px at 92% 8%,#d977061f,#0000 60%),radial-gradient(600px 420px at 50% 120%,#0284c71f,#0000 60%)}[data-theme=dark] body:before{opacity:.35;background:radial-gradient(1200px 700px at 50% -20%,#0d1211cc,#0000 70%)}[data-theme=dark] body:after{opacity:.25;background-image:linear-gradient(120deg,#ffffff0a,#0000 45%,#00000026)}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}}