@import "https://fonts.googleapis.com/css2?family=Outfit:wght@600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--font-heading:"Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-sans:"Plus Jakarta Sans", "Segoe UI", sans-serif;--bg-color:#f4f5f7;--dashboard-shell-bg:#1f222a;--surface-default:#fff;--surface-hover:#f0f0f0;--surface-active:#e5e7eb;--surface-dark:#1f222a;--border-subtle:#d7deea;--border-strong:#d8dfeb;--border-soft:#d7deea;--border-muted:#d9e0ec;--border-divider:#e3e8f1;--border-focus:#6b4eff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--accent-color:#6b4eff;--accent-hover:#583fe0;--accent-text:#fff;--status-active-bg:#e9f1e8;--status-active-text:#004a00;--status-active-border:#8fa68c;--status-draft-bg:#f3ecc9;--status-draft-text:#7b2a00;--status-draft-border:#cfa38f;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-button:6px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}@supports (color:lab(0% 0 0)){:root{--status-active-bg:lab(94.3958% -4.03243 3.48961);--status-active-text:lab(26.2091% -39.9744 43.3023);--status-active-border:lab(65.7732% -12.0623 10.6122);--status-draft-bg:lab(93.2823% -1.72842 17.9025);--status-draft-text:lab(28.6483% 58.3315 74.8293);--status-draft-border:lab(70.6525% 14.9599 16.9171)}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}h1,h2{font-family:var(--font-heading);letter-spacing:-.02em}h3,h4,body,button,input,textarea,select,label{font-family:var(--font-sans)}body[data-page-loading=true]{cursor:progress}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:inherit;text-decoration:none}ul{list-style:none}.text-h1{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.25}.text-h2{font-family:var(--font-heading);letter-spacing:-.015em;font-size:1.25rem;font-weight:600;line-height:1.3}.text-h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.35}.text-h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1.4}.text-body{color:var(--text-primary);font-size:.875rem;line-height:1.4}.text-body-lg{color:var(--text-primary);font-size:1rem;line-height:1.5}.text-body-sm{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.btn{cursor:pointer;border-radius:var(--radius-button);border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background-color:var(--accent-color);color:var(--accent-text)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{border-color:var(--border-strong);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-hover)}.btn-ghost{background-color:var(--surface-hover);color:var(--text-primary);border-radius:var(--radius-md)}.btn-ghost:hover{background-color:var(--surface-active)}.input-group{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-default);color:var(--text-primary);outline:none;padding:.45rem .6rem;font-size:.875rem;transition:border-color .2s}.input-field:focus{border-color:var(--border-focus)}.surface{background-color:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.btn{min-height:36px;padding:.5rem 1.25rem}}.onboarding-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-modal{background-color:var(--surface-default);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-md);text-align:center;padding:2rem}.onboarding-modal h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.onboarding-modal p{color:var(--text-secondary);margin-bottom:1rem}.onboarding-modal ol{text-align:left;margin-bottom:1.5rem;padding-left:1.5rem}.onboarding-modal li{color:var(--text-primary);margin-bottom:.5rem}