:root{--font-sans:"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-display:"Outfit","Avenir Next","Trebuchet MS","Segoe UI",sans-serif;--color-bg:#FFFFFF;--color-surface:#F8FAFC;--color-surface-hover:#F1F5F9;--color-border:#E2E8F0;--color-border-hover:#CBD5E1;--color-text-primary:#0F172A;--color-text-secondary:#475569;--color-text-muted:#94A3B8;--color-primary:#0891B2;--color-primary-hover:#06B6D4;--color-primary-light:#ECFEFF;--color-cta:#10B981;--color-cta-hover:#059669;--color-danger:#EF4444;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}[data-theme=dark]{--color-bg:#0B0F19;--color-surface:#131A2A;--color-surface-hover:#1E293B;--color-border:#2A364D;--color-border-hover:#334155;--color-text-primary:#F8FAFC;--color-text-secondary:#94A3B8;--color-text-muted:#64748B;--color-primary:#22D3EE;--color-primary-hover:#67E8F9;--color-primary-light:#083344;--color-cta:#34D399;--color-cta-hover:#10B981;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans),system-ui,sans-serif;transition:background-color .2s ease,color .2s ease;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-cta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(8,145,178,.08),transparent 28%),radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 24%),var(--color-bg)}.stack{display:flex;flex-direction:column;gap:var(--space-lg)}.card{background:color-mix(in srgb,var(--color-surface) 88%,white 12%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.muted{color:var(--color-text-secondary)}.eyebrow{gap:.4rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.button,.eyebrow{display:inline-flex;align-items:center}.button{justify-content:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-cta));color:white;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;box-shadow:var(--shadow-sm)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:var(--color-bg);color:var(--color-text-primary);border-color:var(--color-border)}.dashboard-layout{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.sidebar{position:-webkit-sticky;position:sticky;top:var(--space-lg);align-self:start;gap:var(--space-lg);max-height:calc(100vh - (var(--space-lg) * 2));overflow:auto}.nav-list,.sidebar{display:flex;flex-direction:column}.nav-list{gap:.5rem}.nav-link{display:flex;align-items:center;min-height:2.75rem;padding:.75rem .9rem;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.nav-link:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}.nav-link.active{background:var(--color-primary-light);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));color:var(--color-primary);font-weight:600}.dropdown-content{min-width:220px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.4rem;z-index:50}.dropdown-label{padding:.55rem .65rem;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.dropdown-separator{height:1px;background:var(--color-border);margin:.25rem 0}.dropdown-item{display:flex;width:100%;border-radius:var(--radius-sm);color:var(--color-text-primary);outline:none}.dropdown-item a,.dropdown-item button,.dropdown-item[data-highlighted]{display:flex;width:100%;padding:.7rem .75rem;border-radius:var(--radius-sm)}.dropdown-item a:hover,.dropdown-item button:hover,.dropdown-item[data-highlighted]{background:var(--color-surface-hover)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.selection-meta{display:flex;flex-wrap:wrap;gap:.5rem}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.pill{display:inline-flex;align-items:center;min-height:1.8rem;padding:0 .7rem;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.attribute-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:.6rem;gap:.6rem}.attribute-choice{display:flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.25;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.attribute-choice:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.attribute-choice:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary-light) 72%,var(--color-bg));color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent)}.attribute-choice input{width:1rem;height:1rem;flex:0 0 auto;accent-color:var(--color-primary)}.attribute-choice-icon{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;flex:0 0 auto;font-size:1rem}.attribute-choice-text{min-width:0;overflow-wrap:anywhere}.message-stack{position:fixed;right:1rem;bottom:1rem;z-index:12000;display:flex;flex-direction:column;gap:.75rem;width:min(24rem,calc(100vw - 2rem));pointer-events:none}.message-toast{pointer-events:auto;width:100%;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.9rem 1rem;box-shadow:var(--shadow-lg);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.message-toast-text{display:block;font-size:var(--text-sm);line-height:1.5}.message-error{border-color:color-mix(in srgb,#dc2626 30%,var(--color-border));background:color-mix(in srgb,#dc2626 10%,var(--color-surface));color:#991b1b}.message-success{border-color:color-mix(in srgb,#16a34a 25%,var(--color-border));background:color-mix(in srgb,#16a34a 10%,var(--color-surface));color:#166534}.message-info{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.floating-preferences{position:fixed;z-index:11000;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.floating-preferences.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.floating-preferences-handle{justify-content:center;width:2rem;height:2rem;color:var(--color-text-muted);cursor:-webkit-grab;cursor:grab}.floating-preferences-button,.floating-preferences-handle{display:inline-flex;align-items:center;border-radius:var(--radius-full)}.floating-preferences-button{gap:.45rem;min-height:2.25rem;padding:0 .85rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.floating-preferences-button:hover{background:var(--color-surface-hover)}@media (max-width:960px){.dashboard-layout,.two-column{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.message-stack{left:1rem;right:1rem;width:auto}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.card{padding:var(--space-md)}.selection-grid{grid-template-columns:1fr}}