:root{--color-primary:#f4a434;--color-primary-hover:#f5b04e;--color-primary-muted:#f4a43426;--color-primary-text:#1a1a1a;--color-secondary:#3c83f6;--color-secondary-hover:#5a9af7;--color-secondary-muted:#3c83f626;--color-success:#33c758;--color-success-hover:#4cd46e;--color-success-muted:#33c75826;--color-danger:#ef4444;--color-danger-hover:#f16060;--color-danger-muted:#ef444426;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-info:#3c83f6;--color-info-muted:#3c83f626;--color-bg:#1a1a1a;--color-surface:#242424;--color-surface-hover:#2e2e2e;--color-surface-raised:#2a2a2a;--color-border:#333;--color-border-light:#404040;--color-text:#fff;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#1a1a1a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", 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:2rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow-primary:0 0 20px #f4a43433;--shadow-glow-secondary:0 0 20px #3c83f633;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 60% at 15% 85%,#f4a4340f 0%,#0000 60%),radial-gradient(70% 50% at 85% 20%,#3c83f60f 0%,#0000 60%),radial-gradient(90% 70%,#f4a43408 0%,#0000 70%);background-attachment:fixed;min-height:100vh}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-normal);color:var(--color-text-secondary)}.form-input{width:100%;font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.625rem .875rem}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-muted)}.form-label{margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);display:block}.form-error{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-danger)}.form-group{margin-bottom:var(--space-lg)}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{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 fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f4a4344d}50%{box-shadow:0 0 12px 2px #f4a43426}}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast-container>*{pointer-events:auto}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base);background-color:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.status-draft{color:var(--color-text-muted);background-color:#71717a26}.status-active{color:var(--color-success);background-color:var(--color-success-muted)}.status-archived{color:var(--color-warning);background-color:var(--color-warning-muted)}.page-enter{animation:fadeIn var(--transition-slow)}@media (max-width:768px){:root{--header-height:56px}}