@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary-50:#fdf8f0;--color-primary-100:#f9edda;--color-primary-200:#f3d9b3;--color-primary-300:#ebc285;--color-primary-400:#e2a854;--color-primary-500:#d4912e;--color-primary-600:#bf7a22;--color-primary-700:#9e5f1e;--color-primary-800:#814d20;--color-primary-900:#6a401e;--color-secondary-50:#fdf2f4;--color-secondary-100:#fce7eb;--color-secondary-200:#f9d0da;--color-secondary-300:#f4aabb;--color-secondary-400:#ed7a97;--color-secondary-500:#e04e75;--color-secondary-600:#cc2d5b;--color-secondary-700:#ab204a;--color-secondary-800:#8f1e42;--color-secondary-900:#7a1d3d;--color-neutral-0:#fff;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f3;--color-neutral-200:#e7e5e2;--color-neutral-300:#d6d3ce;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#ea580c;--color-warning-light:#ffedd5;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--surface-primary:var(--color-neutral-0);--surface-secondary:var(--color-neutral-50);--surface-elevated:var(--color-neutral-0);--surface-overlay:#1c191799;--surface-glass:#ffffffb8;--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-accent:var(--color-primary-600);--font-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-display:"Outfit","Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #1c19170d;--shadow-md:0 4px 6px -1px #1c191712,0 2px 4px -2px #1c19170d;--shadow-lg:0 10px 15px -3px #1c191714,0 4px 6px -4px #1c19170a;--shadow-xl:0 20px 25px -5px #1c19171a,0 8px 10px -6px #1c19170f;--shadow-glow:0 0 20px #d4912e26;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--max-content-width:1280px}[data-theme=dark]{--surface-primary:var(--color-neutral-900);--surface-secondary:var(--color-neutral-800);--surface-elevated:var(--color-neutral-800);--surface-overlay:#000000b3;--surface-glass:#1c1917b8;--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-400);--text-tertiary:var(--color-neutral-500);--text-accent:var(--color-primary-400);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 20px #d4912e40}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-secondary);min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--text-primary);font-weight:var(--font-weight-semibold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width: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(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow)ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200)25%,var(--color-neutral-100)50%,var(--color-neutral-200)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}
