:root{--primary-50: #EAF8FF;--primary-100: #D7F0FF;--primary-200: #B3E4FF;--primary-300: #7DD3FC;--primary-400: #38BDF8;--primary-500: #0EA5E9;--primary-600: #0284C7;--primary-700: #0369A1;--primary-800: #075985;--primary-900: #0C4A6E;--primary-950: #082F49;--secondary-50: #ECFDF5;--secondary-100: #D1FAE5;--secondary-200: #A7F3D0;--secondary-300: #6EE7B7;--secondary-400: #34D399;--secondary-500: #10B981;--secondary-600: #059669;--secondary-700: #047857;--secondary-800: #065F46;--secondary-900: #064E3B;--secondary-950: #022C22;--neutral-0: #FFFFFF;--neutral-50: #F8FAF9;--neutral-100: #EEF5F2;--neutral-200: #DCE8E3;--neutral-300: #C2D1CA;--neutral-400: #93A69E;--neutral-500: #6F837B;--neutral-600: #566B63;--neutral-700: #40554D;--neutral-800: #293C35;--neutral-900: #162620;--neutral-950: #0B1713;--neutral-1000: #000000;--success-50: #EDFAF3;--success-100: #D1F5E2;--success-200: #9EEAC2;--success-300: #5ED9A0;--success-400: #28C47D;--success-500: #16A360;--success-600: #0F8349;--success-700: #0C6638;--success-800: #094B2A;--success-900: #06321C;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-200: #FDE68A;--warning-300: #FCD34D;--warning-400: #FBBF24;--warning-500: #F59E0B;--warning-600: #D97706;--warning-700: #B45309;--warning-800: #92400E;--warning-900: #78350F;--error-50: #FFF1F1;--error-100: #FFE0E0;--error-200: #FFC0C0;--error-300: #FF9494;--error-400: #FF5C5C;--error-500: #E63030;--error-600: #C42222;--error-700: #9E1A1A;--error-800: #791414;--error-900: #550F0F;--info-50: #EFF6FF;--info-100: #DBEAFE;--info-200: #BFDBFE;--info-300: #93C5FD;--info-400: #60A5FA;--info-500: #3B82F6;--info-600: #2563EB;--info-700: #1D4ED8;--info-800: #1E40AF;--info-900: #1E3A8A;--color-revenue: var(--success-500);--color-growth: var(--info-500);--color-users: var(--primary-500);--color-conversion: var(--secondary-500);--color-churn: var(--error-500);--color-retention: var(--success-600);--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-600) 100%);--gradient-sunset: linear-gradient(135deg, var(--secondary-400) 0%, var(--primary-400) 100%);--gradient-ocean: linear-gradient(135deg, var(--info-400) 0%, var(--info-700) 100%);--gradient-forest: linear-gradient(135deg, var(--success-400) 0%, var(--success-700) 100%);--gradient-aurora: linear-gradient(135deg, var(--info-400) 0%, var(--success-400) 100%);--gradient-warm: linear-gradient(135deg, var(--primary-300) 0%, var(--secondary-500) 100%);--color-bg: var(--neutral-50);--color-bg-muted: var(--neutral-100);--color-surface: var(--neutral-0);--color-surface-elevated: var(--neutral-0);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-text: var(--neutral-900);--color-text-muted: var(--neutral-600);--color-text-subtle: var(--neutral-400);--color-text-inverse: var(--neutral-0);--color-text-on-brand: var(--neutral-0);--color-brand: var(--primary-500);--color-brand-hover: var(--primary-600);--color-brand-active: var(--primary-700);--font-sans: "Inter", "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif;--font-serif: "Lora", ui-serif, Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0px;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0px 1px 2px rgba(61, 51, 42, .06);--shadow-sm: 0px 1px 3px rgba(61, 51, 42, .1), 0px 1px 2px rgba(61, 51, 42, .06);--shadow-md: 0px 4px 6px -1px rgba(61, 51, 42, .1), 0px 2px 4px -1px rgba(61, 51, 42, .06);--shadow-lg: 0px 10px 15px -3px rgba(61, 51, 42, .1), 0px 4px 6px -2px rgba(61, 51, 42, .05);--shadow-xl: 0px 20px 25px -5px rgba(61, 51, 42, .1), 0px 10px 10px -5px rgba(61, 51, 42, .04);--shadow-2xl: 0px 25px 50px -12px rgba(61, 51, 42, .25);--shadow-inner: inset 0px 2px 4px 0px rgba(61, 51, 42, .06);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-theme=dark]{--color-bg: #06161D;--color-bg-muted: #0B2229;--color-surface: #102A31;--color-surface-elevated: #153840;--color-border: #1F4B54;--color-border-strong: #2A6470;--color-text: #E6F4F1;--color-text-muted: #9FC4BE;--color-text-subtle: #5F8D91;--color-text-inverse: #06161D;--color-text-on-brand: #F8FAF9;--color-brand: var(--primary-400);--color-brand-hover: var(--primary-300);--color-brand-active: var(--primary-500);--shadow-xs: 0px 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0px 1px 3px rgba(0, 0, 0, .4), 0px 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .4), 0px 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .5), 0px 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .5), 0px 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0px 2px 4px 0px rgba(0, 0, 0, .3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--font-medium);border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap;outline:none;text-decoration:none;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-200);outline:none}.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{padding:6px 14px;font-size:var(--text-sm);height:32px}.btn-md{padding:10px 20px;font-size:var(--text-md);height:40px}.btn-lg{padding:13px 28px;font-size:var(--text-base);height:48px}.btn-icon{padding:0;width:40px;height:40px;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--primary-700);border-color:var(--primary-700);transform:translateY(1px)}.btn-secondary{background:var(--secondary-500);color:#fff;border-color:var(--secondary-500)}.btn-secondary:hover{background:var(--secondary-600);border-color:var(--secondary-600);box-shadow:var(--shadow-md)}.btn-secondary:active{background:var(--secondary-700);transform:translateY(1px)}.btn-outline{background:transparent;color:var(--primary-600);border-color:var(--primary-400)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500)}.btn-outline:active{background:var(--primary-100);transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--neutral-700);border-color:transparent}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-900)}.btn-ghost:active{background:var(--neutral-200);transform:translateY(1px)}.btn-danger{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-danger:hover{background:var(--error-600);border-color:var(--error-600);box-shadow:var(--shadow-md)}.btn-danger:active{background:var(--error-700);transform:translateY(1px)}.btn-primary-secondary{background:var(--secondary-500);color:#fff;border-color:var(--secondary-500)}.btn-primary-success{background:var(--success-500);color:#fff;border-color:var(--success-500)}.btn-primary-warning{background:var(--warning-400);color:var(--neutral-900);border-color:var(--warning-400)}.btn-primary-error{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-primary-info{background:var(--info-500);color:#fff;border-color:var(--info-500)}.btn-primary-neutral{background:var(--neutral-700);color:#fff;border-color:var(--neutral-700)}.btn-primary-secondary:hover{background:var(--secondary-600);border-color:var(--secondary-600);box-shadow:var(--shadow-md)}.btn-primary-success:hover{background:var(--success-600);border-color:var(--success-600);box-shadow:var(--shadow-md)}.btn-primary-warning:hover{background:var(--warning-500);border-color:var(--warning-500);box-shadow:var(--shadow-md)}.btn-primary-error:hover{background:var(--error-600);border-color:var(--error-600);box-shadow:var(--shadow-md)}.btn-primary-info:hover{background:var(--info-600);border-color:var(--info-600);box-shadow:var(--shadow-md)}.btn-primary-neutral:hover{background:var(--neutral-800);border-color:var(--neutral-800);box-shadow:var(--shadow-md)}.btn-primary-secondary:active{background:var(--secondary-700);transform:translateY(1px)}.btn-primary-success:active{background:var(--success-700);transform:translateY(1px)}.btn-primary-warning:active{background:var(--warning-600);transform:translateY(1px)}.btn-primary-error:active{background:var(--error-700);transform:translateY(1px)}.btn-primary-info:active{background:var(--info-700);transform:translateY(1px)}.btn-primary-neutral:active{background:var(--neutral-900);transform:translateY(1px)}.btn-outline-secondary{color:var(--secondary-600);border-color:var(--secondary-400)}.btn-outline-success{color:var(--success-600);border-color:var(--success-400)}.btn-outline-warning{color:var(--warning-700);border-color:var(--warning-400)}.btn-outline-error{color:var(--error-600);border-color:var(--error-400)}.btn-outline-info{color:var(--info-600);border-color:var(--info-400)}.btn-outline-neutral{color:var(--neutral-700);border-color:var(--neutral-400)}.btn-outline-secondary:hover{background:var(--secondary-50);border-color:var(--secondary-500)}.btn-outline-success:hover{background:var(--success-50);border-color:var(--success-500)}.btn-outline-warning:hover{background:var(--warning-50);border-color:var(--warning-500)}.btn-outline-error:hover{background:var(--error-50);border-color:var(--error-500)}.btn-outline-info:hover{background:var(--info-50);border-color:var(--info-500)}.btn-outline-neutral:hover{background:var(--neutral-100);border-color:var(--neutral-600)}.btn-outline-secondary:active{background:var(--secondary-100);transform:translateY(1px)}.btn-outline-success:active{background:var(--success-100);transform:translateY(1px)}.btn-outline-warning:active{background:var(--warning-100);transform:translateY(1px)}.btn-outline-error:active{background:var(--error-100);transform:translateY(1px)}.btn-outline-info:active{background:var(--info-100);transform:translateY(1px)}.btn-outline-neutral:active{background:var(--neutral-200);transform:translateY(1px)}.btn-ghost-secondary{color:var(--secondary-600)}.btn-ghost-success{color:var(--success-600)}.btn-ghost-warning{color:var(--warning-700)}.btn-ghost-error{color:var(--error-600)}.btn-ghost-info{color:var(--info-600)}.btn-ghost-neutral{color:var(--neutral-600)}.btn-ghost-secondary:hover{background:var(--secondary-50);color:var(--secondary-700)}.btn-ghost-success:hover{background:var(--success-50);color:var(--success-700)}.btn-ghost-warning:hover{background:var(--warning-50);color:var(--warning-800)}.btn-ghost-error:hover{background:var(--error-50);color:var(--error-700)}.btn-ghost-info:hover{background:var(--info-50);color:var(--info-700)}.btn-ghost-neutral:hover{background:var(--neutral-100);color:var(--neutral-800)}.btn-ghost-secondary:active{background:var(--secondary-100);transform:translateY(1px)}.btn-ghost-success:active{background:var(--success-100);transform:translateY(1px)}.btn-ghost-warning:active{background:var(--warning-100);transform:translateY(1px)}.btn-ghost-error:active{background:var(--error-100);transform:translateY(1px)}.btn-ghost-info:active{background:var(--info-100);transform:translateY(1px)}.btn-ghost-neutral:active{background:var(--neutral-200);transform:translateY(1px)}.btn-group{display:inline-flex;align-items:center}.input-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-800);font-family:var(--font-sans)}.input-label .req{color:var(--error-500);margin-left:2px}.input-field{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:var(--text-md);color:var(--neutral-900);background:var(--neutral-0);border:1.5px solid var(--neutral-300);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-in-out);outline:none;line-height:var(--leading-normal)}.input-field::-moz-placeholder{color:var(--neutral-400)}.input-field::placeholder{color:var(--neutral-400)}.input-field:hover{border-color:var(--neutral-400)}.input-field:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-field.error{border-color:var(--error-500)}.input-field.error:focus{box-shadow:0 0 0 3px var(--error-100)}.input-field:disabled{background:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed;border-color:var(--neutral-200)}.input-hint{font-size:var(--text-xs);color:var(--neutral-500);font-family:var(--font-sans)}.input-error-msg{font-size:var(--text-xs);color:var(--error-600);font-family:var(--font-sans);display:flex;align-items:center;gap:4px}.input-addon{display:flex;align-items:stretch;border:1.5px solid var(--neutral-300);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-in-out);background:var(--neutral-0)}.input-addon:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-addon .input-field{border:none;box-shadow:none;border-radius:0;flex:1}.input-addon .input-field:focus{box-shadow:none}.input-addon-prefix{display:flex;align-items:center;padding:0 12px;background:var(--neutral-100);color:var(--neutral-600);font-size:var(--text-sm);font-family:var(--font-sans);border-right:1.5px solid var(--neutral-200);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-sans);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap;line-height:1.4}.badge-primary{background:var(--primary-100);color:var(--primary-800)}.badge-secondary{background:var(--secondary-100);color:var(--secondary-700)}.badge-success{background:var(--success-100);color:var(--success-800)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-error{background:var(--error-100);color:var(--error-800)}.badge-info{background:var(--info-100);color:var(--info-800)}.badge-neutral{background:var(--neutral-200);color:var(--neutral-700)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);border:1.5px solid var(--neutral-300);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);color:var(--neutral-700);background:var(--neutral-0);cursor:default;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.tag:hover{border-color:var(--primary-400);color:var(--primary-700);background:var(--primary-50)}.tag-active{border-color:var(--primary-500);color:var(--primary-700);background:var(--primary-50)}.tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:inherit;font-size:1rem;line-height:1;padding:0;margin:0;opacity:.6;transition:opacity var(--duration-fast);width:16px;height:16px}.tag-remove:hover{opacity:1}.card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{box-shadow:none;background:var(--neutral-50);border-color:var(--neutral-200)}.card-flat:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card-sm .card-body{padding:12px 16px}.card-img-placeholder{width:100%;background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));display:flex;align-items:center;justify-content:center;color:var(--primary-600);font-size:2rem;min-height:160px}.card-body{padding:20px}.card-eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--primary-600);margin-bottom:8px;font-family:var(--font-sans)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:8px;font-family:var(--font-sans);line-height:var(--leading-snug)}.card-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed);font-family:var(--font-sans)}.card-footer{padding:12px 20px;border-top:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between;background:var(--neutral-50)}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal)}.alert-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:var(--font-semibold);margin-bottom:4px;font-size:var(--text-sm)}.alert-desc{font-size:var(--text-sm);opacity:.9}.alert-success{background:var(--success-100);color:var(--success-800);border-color:#16a36033}.alert-warning{background:var(--warning-100);color:var(--warning-800);border-color:#f59e0b33}.alert-error{background:var(--error-100);color:var(--error-800);border-color:#e6303033}.alert-info{background:var(--info-100);color:var(--info-800);border-color:#3b82f633}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-family:var(--font-sans);min-width:280px;max-width:360px;border:1px solid transparent;animation:toast-in var(--duration-slow) var(--ease-spring)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:#fff;border-color:var(--success-100);color:var(--neutral-800)}.toast-error{background:#fff;border-color:var(--error-100);color:var(--neutral-800)}.toast-warning{background:#fff;border-color:var(--warning-100);color:var(--neutral-800)}.toast-info{background:#fff;border-color:var(--info-100);color:var(--neutral-800)}.toast-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.toast-close{margin-left:auto;background:none;border:none;color:var(--neutral-400);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;flex-shrink:0;transition:color var(--duration-fast)}.toast-close:hover{color:var(--neutral-700)}.toast-stack .toast{pointer-events:all}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#241e188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:24px;animation:overlay-in var(--duration-normal) var(--ease-in-out)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--neutral-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;overflow:hidden;border:1px solid var(--neutral-200);animation:modal-in var(--duration-slow) var(--ease-spring)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--neutral-900);font-family:var(--font-sans)}.modal-close{background:none;border:none;color:var(--neutral-500);cursor:pointer;font-size:1.25rem;border-radius:var(--radius-sm);padding:2px 6px;transition:all var(--duration-fast);line-height:1}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-800)}.modal-body{padding:20px 24px;font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed);font-family:var(--font-sans)}.modal-footer{padding:16px 24px;border-top:1px solid var(--neutral-100);display:flex;justify-content:flex-end;gap:10px;background:var(--neutral-50)}body.modal-open{overflow:hidden}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-semibold);font-family:var(--font-sans);background:var(--primary-200);color:var(--primary-800);flex-shrink:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-xl)}.avatar-xl{width:72px;height:72px;font-size:var(--text-2xl)}.avatar-secondary{background:var(--secondary-200);color:var(--secondary-800)}.avatar-neutral{background:var(--neutral-200);color:var(--neutral-700)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{border:2px solid var(--neutral-0);margin-left:-8px;transition:transform var(--duration-fast) var(--ease-spring)}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{transform:translateY(-2px);z-index:1}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;--toggle-on: var(--primary-500);--toggle-focus: var(--primary-200)}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neutral-300);border-radius:var(--radius-full);transition:background var(--duration-normal) var(--ease-in-out);cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background:var(--toggle-on)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--toggle-focus)}.toggle-primary{--toggle-on: var(--primary-500);--toggle-focus: var(--primary-200)}.toggle-secondary{--toggle-on: var(--secondary-500);--toggle-focus: var(--secondary-200)}.toggle-success{--toggle-on: var(--success-500);--toggle-focus: var(--success-200)}.toggle-warning{--toggle-on: var(--warning-500);--toggle-focus: var(--warning-200)}.toggle-error{--toggle-on: var(--error-500);--toggle-focus: var(--error-200)}.toggle-neutral{--toggle-on: var(--neutral-700);--toggle-focus: var(--neutral-300)}.progress{width:100%;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-sm{height:4px}.progress-lg{height:12px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-in-out)}.tabs{border-bottom:1px solid var(--neutral-200)}.tab-list{display:flex;gap:0}.tab-btn{padding:10px 18px;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);color:var(--neutral-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);margin-bottom:-1px;white-space:nowrap}.tab-btn:hover{color:var(--primary-600)}.tab-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-500)}.tab-panel{padding-top:20px;font-size:var(--text-sm);color:var(--neutral-700);font-family:var(--font-sans);line-height:var(--leading-relaxed)}.dropdown-wrap{position:relative;display:inline-block}.dropdown{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-width:200px;animation:dropdown-in var(--duration-fast) var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--neutral-700);cursor:pointer;transition:background var(--duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-item:hover{background:var(--neutral-50);color:var(--neutral-900)}.dropdown-item.danger{color:var(--error-600)}.dropdown-item.danger:hover{background:var(--error-50)}.dropdown-sep{height:1px;background:var(--neutral-100);margin:4px 0}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:1200px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.skeleton-text{border-radius:var(--radius-sm);height:14px}.skeleton-circle{border-radius:50%}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--neutral-900);color:var(--neutral-0);font-size:var(--text-xs);font-family:var(--font-sans);padding:5px 10px;border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.tooltip-wrap:hover .tooltip{opacity:1}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--neutral-500);flex-wrap:wrap}.breadcrumb a{color:var(--primary-600);text-decoration:none;transition:color var(--duration-fast)}.breadcrumb a:hover{text-decoration:underline;color:var(--primary-700)}.breadcrumb .sep{color:var(--neutral-400)}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-toast);pointer-events:none}.toast-stack .toast{pointer-events:auto}.toast-visible{opacity:1;transform:translateY(0)}.toast{opacity:0;transform:translateY(8px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring)}[data-theme=dark] .card{background:#26201a;border-color:#1f4b54}[data-theme=dark] .card:hover{box-shadow:0 10px 20px #0006}[data-theme=dark] .card-flat{background:#2a2219}[data-theme=dark] .card-footer{border-top-color:#1f4b54}[data-theme=dark] .card-eyebrow{color:var(--primary-400)}[data-theme=dark] .card-title{color:#f0eae1}[data-theme=dark] .card-text{color:#b5a48e}[data-theme=dark] .input-field{background:#26201a;border-color:#4e4035;color:#f0eae1}[data-theme=dark] .input-field::-moz-placeholder{color:#786655}[data-theme=dark] .input-field::placeholder{color:#786655}[data-theme=dark] .input-field:hover{border-color:#5e4f42}[data-theme=dark] .input-field:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #0ea5e926}[data-theme=dark] .input-field:disabled{background:#221b15;color:#786655}[data-theme=dark] .input-label{color:#d1c4b0}[data-theme=dark] .input-hint{color:#786655}[data-theme=dark] .input-addon{background:#26201a;border-color:#4e4035}[data-theme=dark] .input-addon-prefix{background:#2a2219;border-right-color:#4e4035;color:#948070}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal{background:#26201a;border-color:#1f4b54}[data-theme=dark] .modal-header{border-bottom-color:#1f4b54}[data-theme=dark] .modal-title{color:#f0eae1}[data-theme=dark] .modal-body{color:#b5a48e}[data-theme=dark] .modal-footer{border-top-color:#1f4b54}[data-theme=dark] .modal-close{color:#786655}[data-theme=dark] .modal-close:hover{background:#ffffff0f;color:#f0eae1}[data-theme=dark] .dropdown{background:#332a1f;border-color:#4e4035}[data-theme=dark] .dropdown-item{color:#b5a48e}[data-theme=dark] .dropdown-item:hover{background:#ffffff0d;color:#f0eae1}[data-theme=dark] .dropdown-item.danger{color:var(--error-400)}[data-theme=dark] .dropdown-item.danger:hover{background:#e630301a}[data-theme=dark] .dropdown-sep{background:#1f4b54}[data-theme=dark] .toast{background:#26201a;border-color:#4e4035;color:#f0eae1}[data-theme=dark] .toast-success{border-color:#16a3604d}[data-theme=dark] .toast-error{border-color:#e630304d}[data-theme=dark] .toast-warning{border-color:#f59e0b4d}[data-theme=dark] .toast-info{border-color:#3b82f64d}[data-theme=dark] .toast-close{color:#786655}[data-theme=dark] .toast-close:hover{color:#f0eae1}[data-theme=dark] .tabs{border-bottom-color:#1f4b54}[data-theme=dark] .tab-btn{color:#786655}[data-theme=dark] .tab-btn:hover{color:var(--primary-300)}[data-theme=dark] .tab-btn.active{color:var(--primary-300);border-bottom-color:var(--primary-400)}[data-theme=dark] .progress{background:#1f4b54}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2219 25%,#332a1f,#2a2219 75%);background-size:1000px 100%}[data-theme=dark] .badge-primary{background:#0ea5e926;color:var(--primary-300)}[data-theme=dark] .badge-secondary{background:#c4593a26;color:var(--secondary-300)}[data-theme=dark] .badge-neutral{background:#1f4b54;color:#948070}[data-theme=dark] .tag{background:transparent;border-color:#4e4035;color:#b5a48e}[data-theme=dark] .tag:hover{border-color:var(--primary-600);color:var(--primary-300);background:#0ea5e914}[data-theme=dark] .tag-active{border-color:var(--primary-500);color:var(--primary-300);background:#0ea5e91f}[data-theme=dark] .toggle-slider{background:#4e4035}[data-theme=dark] .alert-success{background:#16a3601a;color:var(--success-300);border-color:#16a36033}[data-theme=dark] .alert-warning{background:#f59e0b1a;color:var(--warning-300);border-color:#f59e0b33}[data-theme=dark] .alert-error{background:#e630301a;color:var(--error-300);border-color:#e6303033}.editable-table{width:100%;border:1px solid color-mix(in srgb,var(--primary-300) 34%,var(--neutral-200));border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-50) 38%,var(--neutral-0)),var(--neutral-0) 34%);box-shadow:0 18px 45px -36px #0ea5e973}.et-icon{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.et-toolbar{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--primary-300) 34%,var(--neutral-200));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-50) 82%,var(--neutral-0)),color-mix(in srgb,var(--secondary-50) 55%,var(--neutral-0))),var(--neutral-0)}.et-toolbar-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.et-toolbar-copy{min-width:0}.et-toolbar-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);line-height:var(--leading-snug)}.et-toolbar-description{margin-top:2px;font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-normal)}.et-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.et-selected-count{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--primary-300) 42%,var(--neutral-200));border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary-50) 74%,var(--neutral-0));color:var(--primary-800);font-size:var(--text-xs);font-weight:var(--font-semibold)}.et-toolbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-0);color:var(--neutral-700);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.et-toolbar-icon-btn:hover,.et-toolbar-icon-btn.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.et-toolbar-icon-btn--primary{border-color:var(--primary-500);background:var(--primary-500);color:var(--neutral-0)}.et-toolbar-icon-btn--primary:hover{border-color:var(--primary-600);background:var(--primary-600);color:var(--neutral-0)}.et-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-0);color:var(--neutral-700);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.et-toolbar-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.et-toolbar-btn--primary{border-color:var(--primary-500);background:var(--primary-500);color:var(--neutral-0)}.et-toolbar-btn--primary:hover{border-color:var(--primary-600);background:var(--primary-600);color:var(--neutral-0)}.et-tool-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(14,165,233,.18)}.et-tool-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--primary-300) 25%,var(--neutral-200));border-radius:var(--radius-full);background:var(--neutral-0);color:var(--neutral-600);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.et-tool-toggle:hover,.et-tool-toggle.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.et-tool-meta{margin-left:2px;color:var(--neutral-400);font-size:var(--text-xs)}.et-pinbar{display:flex;align-items:center;gap:10px;min-width:0;padding-top:10px;border-top:1px solid rgba(14,165,233,.18)}.et-pinbar-label,.et-pin-count{flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em}.et-pinbar-list{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px}.et-pin-item{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;height:30px;padding:2px 4px 2px 10px;border:1px solid var(--neutral-200);border-radius:var(--radius-full);background:var(--neutral-0);box-shadow:var(--shadow-xs)}.et-pin-name{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-700)}.et-pin-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--neutral-500);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);transition:background var(--duration-fast),color var(--duration-fast)}.et-pin-btn:hover,.et-pin-btn.active{background:var(--primary-100);color:var(--primary-700)}.et-table{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-sans);font-size:var(--text-sm)}.et-table-scroll{width:100%;overflow-x:auto;overflow-y:visible}.et-th{text-align:left;font-size:.7rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:color-mix(in srgb,var(--primary-800) 62%,var(--neutral-500));padding:10px 12px;border-bottom:1.5px solid color-mix(in srgb,var(--primary-300) 30%,var(--neutral-200));background:color-mix(in srgb,var(--primary-50) 64%,var(--neutral-50));white-space:nowrap;border-right:1px solid color-mix(in srgb,var(--primary-200) 55%,var(--neutral-200));background-clip:padding-box}.et-th:last-child{border-right:none}.et-th--group{background:color-mix(in srgb,var(--secondary-50) 54%,var(--primary-50));color:color-mix(in srgb,var(--primary-900) 70%,var(--neutral-600))}.et-th--standalone-group{background:color-mix(in srgb,var(--primary-50) 38%,var(--neutral-0));color:color-mix(in srgb,var(--neutral-700) 76%,var(--primary-700));vertical-align:middle}.et-th--actions{width:44px;text-align:center}.et-th--select,.et-td--select{width:46px;min-width:46px;max-width:46px;text-align:center}.et-th--selection-pinned,.et-td--selection-pinned{background:color-mix(in srgb,var(--primary-50) 72%,var(--neutral-0));background-clip:padding-box;border-right:1px solid color-mix(in srgb,var(--primary-200) 70%,var(--neutral-200));box-shadow:none;isolation:isolate}.et-th--selection-pinned{z-index:16!important}.et-td--selection-pinned{z-index:10!important}.et-th--actions-pinned,.et-td--actions-pinned{background:color-mix(in srgb,var(--primary-50) 34%,var(--neutral-0));border-left:1px solid color-mix(in srgb,var(--primary-200) 60%,var(--neutral-200));box-shadow:-14px 0 22px -18px #0759858c}.et-th-content{display:inline-flex;align-items:center;gap:7px;min-width:0}.et-th-tools{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.et-th-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--neutral-400);cursor:pointer;font-size:.7rem;line-height:1;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.et-th-tool-btn .et-icon{width:13px;height:13px}.et-th-tool-btn:hover,.et-th-tool-btn.active{border-color:var(--primary-200);background:var(--primary-100);color:var(--primary-700)}.et-th-tool-btn:disabled{cursor:not-allowed;opacity:.35}.et-row-select-control{width:16px;height:16px;margin:0;accent-color:var(--primary-600);cursor:pointer}.et-row-select-control:focus-visible{outline:2px solid var(--primary-300);outline-offset:2px}.et-pin-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700);font-size:.65rem}.et-pin-indicator .et-icon{width:11px;height:11px}.et-drag-handle{color:var(--neutral-400);cursor:grab}.et-dragging .et-drag-handle{cursor:grabbing}.et-dragging .et-th--drag-over{position:relative;z-index:7;border-color:color-mix(in srgb,var(--primary-400) 46%,var(--neutral-200));border-radius:var(--radius-md);box-shadow:0 8px 24px -18px #0ea5e9cc}.et-th--pinned,.et-td--pinned{background:color-mix(in srgb,var(--primary-50) 62%,var(--neutral-0));background-clip:padding-box;isolation:isolate;overflow:hidden}.et-th--pinned{z-index:12!important;color:var(--primary-800)}.et-td--pinned{z-index:8!important;border-right:1px solid rgba(14,165,233,.25)}.et-th--pinned-left,.et-td--pinned-left{box-shadow:none}.et-th--pin-boundary,.et-td--pin-boundary{box-shadow:10px 0 color-mix(in srgb,var(--primary-50) 62%,var(--neutral-0)),18px 0 26px -22px #075985cc}.et-th--pinned-right,.et-td--pinned-right{box-shadow:-10px 0 16px -16px #07598573}.et-th--group-pinned{background:color-mix(in srgb,var(--primary-100) 70%,var(--neutral-0));border-right:1px solid rgba(14,165,233,.3);z-index:14!important}.et-row:last-child .et-td{border-bottom:none}.et-table--striped .et-row:nth-child(2n) .et-td{background:var(--neutral-50)}.et-table--bordered .et-th,.et-table--bordered .et-td{border:1px solid var(--neutral-200)}.et-row--selected .et-td{background:color-mix(in srgb,var(--primary-50) 72%,var(--neutral-0))}.et-row--selected .et-td--pinned{background:color-mix(in srgb,var(--primary-100) 58%,var(--neutral-0))}.et-td{border-bottom:1px solid color-mix(in srgb,var(--primary-100) 34%,var(--neutral-100));padding:0;vertical-align:middle;position:relative;background:var(--neutral-0);background-clip:padding-box}.et-td--editing{background:color-mix(in srgb,var(--primary-50) 34%,var(--neutral-0))}.et-td--editable{cursor:text}.et-td--readonly .et-cell-value{cursor:default;color:var(--neutral-500)}.et-td--actions{text-align:center;width:112px}.et-cell-value{display:block;padding:8px 12px;min-height:38px;line-height:1.5;color:var(--neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-row:hover .et-td:not(.et-td--pinned):not(.et-td--actions-pinned){background:color-mix(in srgb,var(--primary-50) 32%,var(--neutral-0))}.et-row--selected:hover .et-td:not(.et-td--pinned):not(.et-td--actions-pinned){background:color-mix(in srgb,var(--primary-50) 82%,var(--neutral-0))}.et-cell-empty{color:var(--neutral-400)}.et-td--editable .et-cell-value:hover{background:var(--primary-50)}.et-td--editable:focus-visible .et-cell-value{background:var(--primary-50);outline:2px solid var(--primary-300);outline-offset:-2px}.et-td--editable:focus-visible{outline:none}.et-cell-input,.et-cell-select{display:block;width:calc(100% - 12px);height:32px;margin:3px 6px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--primary-300) 62%,var(--neutral-200));border-radius:var(--radius-md);outline:none;background:var(--neutral-0);font-family:var(--font-sans);font-size:inherit;color:var(--neutral-900);box-shadow:0 6px 18px -14px #0ea5e9b3}.et-cell-input:focus,.et-cell-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e924}.et-row-actions,.et-card-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px}.et-row-select--card{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center}.et-card--selected{border-color:color-mix(in srgb,var(--primary-400) 58%,var(--neutral-200));background:color-mix(in srgb,var(--primary-50) 62%,var(--neutral-0))}.et-card-actions{position:absolute;top:10px;right:10px}.et-row-action-btn{width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--neutral-400);border-radius:var(--radius-sm);font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast),color var(--duration-fast);font-family:var(--font-sans)}.et-row-action-btn:hover{background:var(--primary-50);color:var(--primary-700)}.et-row-action-btn--danger:hover{background:var(--error-50);color:var(--error-500)}.et-add-row-row .et-td{border-top:1px solid var(--neutral-200);border-bottom:none;padding:0}.et-add-row{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--neutral-500);transition:background var(--duration-fast),color var(--duration-fast)}.et-add-row:hover{background:var(--primary-50);color:var(--primary-700)}.et-caption{caption-side:bottom;font-size:var(--text-xs);color:var(--neutral-400);font-family:var(--font-sans);text-align:left;padding:6px 2px 0}.et-sm .et-th{padding:6px 10px;font-size:.65rem}.et-sm .et-cell-value,.et-sm .et-cell-input,.et-sm .et-cell-select{padding:4px 10px;min-height:30px;height:30px;font-size:var(--text-xs)}.et-lg .et-th{padding:14px 16px}.et-lg .et-cell-value,.et-lg .et-cell-input,.et-lg .et-cell-select{padding:11px 16px;min-height:46px;height:46px;font-size:var(--text-base)}[data-theme=dark] .editable-table{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .et-toolbar{background:linear-gradient(180deg,var(--color-surface),rgba(14,165,233,.08));border-bottom-color:var(--color-border)}[data-theme=dark] .et-toolbar-title{color:var(--color-text)}[data-theme=dark] .et-toolbar-description,[data-theme=dark] .et-pinbar-label,[data-theme=dark] .et-pin-count{color:var(--color-text-subtle)}[data-theme=dark] .et-selected-count{border-color:#0ea5e947;background:#0ea5e924;color:var(--primary-300)}[data-theme=dark] .et-pinbar,[data-theme=dark] .et-tool-panel{border-top-color:#0ea5e92e}[data-theme=dark] .et-tool-toggle,[data-theme=dark] .et-toolbar-icon-btn{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .et-tool-toggle:hover,[data-theme=dark] .et-tool-toggle.active,[data-theme=dark] .et-toolbar-icon-btn:hover,[data-theme=dark] .et-toolbar-icon-btn.active{border-color:var(--primary-500);background:#0ea5e924;color:var(--primary-300)}[data-theme=dark] .et-toolbar-icon-btn--primary,[data-theme=dark] .et-toolbar-icon-btn--primary:hover{border-color:var(--primary-500);background:var(--primary-500);color:#fff}[data-theme=dark] .et-pin-item{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .et-pin-name{color:var(--color-text-muted)}[data-theme=dark] .et-pin-btn{color:var(--color-text-subtle)}[data-theme=dark] .et-pin-btn:hover,[data-theme=dark] .et-pin-btn.active{background:#0ea5e92e;color:var(--primary-300)}[data-theme=dark] .et-th-tool-btn:hover,[data-theme=dark] .et-th-tool-btn.active{border-color:#0ea5e947;background:#0ea5e92e;color:var(--primary-300)}[data-theme=dark] .et-toolbar-btn{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .et-toolbar-btn:hover{border-color:var(--primary-500);background:#0ea5e91f;color:var(--primary-300)}[data-theme=dark] .et-toolbar-btn--primary,[data-theme=dark] .et-toolbar-btn--primary:hover{border-color:var(--primary-500);background:var(--primary-500);color:#fff}[data-theme=dark] .et-th{background:var(--color-surface-elevated);border-bottom-color:var(--color-border);color:var(--color-text-subtle)}[data-theme=dark] .et-th--pinned,[data-theme=dark] .et-td--pinned{background:color-mix(in srgb,var(--primary-900) 28%,var(--color-surface))}[data-theme=dark] .et-th--selection-pinned,[data-theme=dark] .et-td--selection-pinned{background:color-mix(in srgb,var(--primary-900) 26%,var(--color-surface));border-right-color:#0ea5e947;box-shadow:none}[data-theme=dark] .et-th--pinned-left,[data-theme=dark] .et-td--pinned-left{box-shadow:none}[data-theme=dark] .et-th--pin-boundary,[data-theme=dark] .et-td--pin-boundary{box-shadow:10px 0 color-mix(in srgb,var(--primary-900) 28%,var(--color-surface)),18px 0 26px -22px #0ea5e9d1}[data-theme=dark] .et-th--group-pinned{background:color-mix(in srgb,var(--primary-900) 42%,var(--color-surface-elevated))}[data-theme=dark] .et-th--actions-pinned,[data-theme=dark] .et-td--actions-pinned{background:var(--color-surface);box-shadow:-14px 0 22px -18px #0ea5e9b3}[data-theme=dark] .et-td{border-bottom-color:#ffffff0d}[data-theme=dark] .et-row--selected .et-td{background:#0ea5e91a}[data-theme=dark] .et-row--selected .et-td--pinned{background:color-mix(in srgb,var(--primary-900) 46%,var(--color-surface))}[data-theme=dark] .et-cell-value{color:var(--color-text-muted)}[data-theme=dark] .et-td--readonly .et-cell-value,[data-theme=dark] .et-cell-empty{color:var(--color-text-subtle)}[data-theme=dark] .et-td--editable .et-cell-value:hover{background:#0ea5e90f}[data-theme=dark] .et-td--editable:focus-visible .et-cell-value{background:#0ea5e91a;outline-color:var(--primary-500)}[data-theme=dark] .et-cell-input,[data-theme=dark] .et-cell-select{background:#26201a;border-color:var(--primary-500);color:var(--color-text);box-shadow:0 0 0 3px #0ea5e929}[data-theme=dark] .et-table--striped .et-row:nth-child(2n) .et-td{background:#ffffff05}[data-theme=dark] .et-table--bordered .et-th,[data-theme=dark] .et-table--bordered .et-td{border-color:var(--color-border)}[data-theme=dark] .et-row-action-btn{color:var(--color-text-subtle)}[data-theme=dark] .et-card--selected{border-color:#0ea5e95c;background:#0ea5e91a}[data-theme=dark] .et-row-action-btn:hover{background:#0ea5e91f;color:var(--primary-300)}[data-theme=dark] .et-row-action-btn--danger:hover{background:#e630301f;color:var(--error-400)}[data-theme=dark] .et-add-row-row .et-td{border-top-color:var(--color-border)}[data-theme=dark] .et-add-row{color:var(--color-text-subtle)}[data-theme=dark] .et-add-row:hover{background:#0ea5e90f;color:var(--primary-300)}[data-theme=dark] .et-caption{color:var(--color-text-subtle)}.ds-field{display:flex;width:100%;flex-direction:column;gap:6px;font-family:var(--font-sans)}.ds-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);line-height:var(--leading-none)}.ds-required{margin-left:4px;color:var(--error-500)}.ds-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.ds-error{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--error-600)}.ds-textarea{min-height:92px;width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:10px 12px;font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ds-textarea::-moz-placeholder{color:var(--color-text-subtle)}.ds-textarea::placeholder{color:var(--color-text-subtle)}.ds-textarea:hover{border-color:var(--neutral-400)}.ds-textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--primary-100)}.ds-textarea:disabled{cursor:not-allowed;opacity:.55}.ds-textarea--error{border-color:var(--error-500)}.ds-textarea--resize-none{resize:none}.ds-textarea--resize-vertical{resize:vertical}.ds-textarea--resize-horizontal{resize:horizontal}.ds-textarea--resize-both{resize:both}.ds-separator{position:relative;flex-shrink:0;background:var(--color-border)}.ds-separator--horizontal{width:100%;height:1px}.ds-separator--vertical{width:1px;align-self:stretch;min-height:20px}.ds-separator--with-label{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em}.ds-separator--with-label:before,.ds-separator--with-label:after{content:"";height:1px;flex:1;background:var(--color-border)}.ds-separator-label{padding-inline:10px}.ds-kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text);box-shadow:var(--shadow-xs);font-family:var(--font-mono);font-weight:var(--font-medium);line-height:1}.ds-kbd--sm{min-width:20px;height:20px;padding:0 5px;font-size:.68rem}.ds-kbd--md{min-width:24px;height:24px;padding:0 7px;font-size:var(--text-xs)}.ds-kbd--lg{min-width:30px;height:30px;padding:0 9px;font-size:var(--text-sm)}.ds-slider{display:flex;width:100%;flex-direction:column;gap:8px}.ds-slider-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-slider-value{color:var(--color-brand);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ds-slider-input{width:100%;accent-color:var(--color-brand);cursor:pointer}.ds-slider-input:disabled{cursor:not-allowed;opacity:.55}.ds-slider-input--error{accent-color:var(--error-500)}.ds-slider-marks{position:relative;height:18px;color:var(--color-text-muted);font-size:var(--text-xs)}.ds-slider-marks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.ds-aspect-ratio{position:relative;display:flex;width:100%;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-muted)}.ds-aspect-ratio>img,.ds-aspect-ratio>video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ds-empty{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);padding:24px;text-align:center}.ds-empty--sm{min-height:120px;padding:18px}.ds-empty--lg{min-height:220px;padding:36px}.ds-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);font-size:var(--text-xl)}.ds-empty-title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-semibold)}.ds-empty-description{max-width:44ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-empty-action{margin-top:4px}.ds-accordion{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.ds-accordion-item+.ds-accordion-item{border-top:1px solid var(--color-border)}.ds-accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;border:none;background:transparent;color:var(--color-text);cursor:pointer;padding:14px 16px;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ds-accordion-trigger:hover{background:var(--color-bg-muted)}.ds-accordion-trigger:disabled{cursor:not-allowed;opacity:.5}.ds-accordion-chevron{color:var(--color-text-muted);transition:transform var(--duration-fast)}.ds-accordion-item.open .ds-accordion-chevron{transform:rotate(180deg)}.ds-accordion-content{padding:0 16px 16px;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.ds-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;color:var(--color-text-muted);font-size:var(--text-sm)}.ds-breadcrumb li{display:inline-flex;align-items:center;gap:6px}.ds-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.ds-breadcrumb a:hover{color:var(--color-brand);text-decoration:underline}.ds-breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-medium)}.ds-breadcrumb-separator{color:var(--color-text-subtle)}.ds-popover{position:relative;display:inline-flex}.ds-popover-trigger{border:none;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit}.ds-popover-content{position:absolute;z-index:var(--z-popover, 350);min-width:220px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text);box-shadow:var(--shadow-lg);padding:12px}.ds-popover-content--bottom{top:calc(100% + 8px)}.ds-popover-content--top{bottom:calc(100% + 8px)}.ds-popover-content--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ds-popover-content--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ds-popover-content--start{left:0}.ds-popover-content--center{left:50%;transform:translate(-50%)}.ds-popover-content--end{right:0}.ds-popover-content--left.ds-popover-content--center,.ds-popover-content--right.ds-popover-content--center{transform:translateY(-50%)}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip-trigger{display:inline-flex;outline:none}.ds-tooltip-content{position:absolute;z-index:var(--z-tooltip);width:-moz-max-content;width:max-content;max-width:240px;border-radius:var(--radius-sm);background:var(--neutral-900);color:var(--neutral-0);box-shadow:var(--shadow-md);padding:6px 8px;font-size:var(--text-xs);line-height:var(--leading-snug);opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity var(--duration-fast),transform var(--duration-fast)}.ds-tooltip:hover .ds-tooltip-content,.ds-tooltip-trigger:focus+.ds-tooltip-content{opacity:1;transform:translateY(0)}.ds-tooltip-content--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,2px)}.ds-tooltip:hover .ds-tooltip-content--top,.ds-tooltip-trigger:focus+.ds-tooltip-content--top{transform:translate(-50%)}.ds-tooltip-content--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}.ds-tooltip:hover .ds-tooltip-content--bottom,.ds-tooltip-trigger:focus+.ds-tooltip-content--bottom{transform:translate(-50%)}.ds-tooltip-content--left{right:calc(100% + 8px);top:50%;transform:translate(2px,-50%)}.ds-tooltip:hover .ds-tooltip-content--left,.ds-tooltip-trigger:focus+.ds-tooltip-content--left{transform:translateY(-50%)}.ds-tooltip-content--right{left:calc(100% + 8px);top:50%;transform:translate(-2px,-50%)}.ds-tooltip:hover .ds-tooltip-content--right,.ds-tooltip-trigger:focus+.ds-tooltip-content--right{transform:translateY(-50%)}[data-theme=dark] .ds-textarea:focus{box-shadow:0 0 0 3px #0ea5e93d}[data-theme=dark] .ds-empty-icon{background:#0ea5e929;color:var(--primary-300)}[data-theme=dark] .ds-tooltip-content{background:var(--neutral-100);color:var(--neutral-900)}.pg{border:1.5px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);margin-top:4px}.pg-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1.5px solid var(--color-border);background:linear-gradient(to right,rgba(14,165,233,.07),transparent)}.pg-title{font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-sans);color:var(--primary-600);letter-spacing:.01em}.pg-copy{font-size:11px;font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--neutral-500);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:all var(--duration-fast);line-height:1.5}.pg-copy:hover{color:var(--primary-600);border-color:var(--primary-300);background:#0ea5e90d}.pg-body{display:grid;grid-template-columns:1fr 230px}.pg-preview{display:flex;align-items:center;justify-content:center;padding:32px 24px;border-right:1.5px solid var(--color-border);background:var(--color-bg);gap:12px;flex-wrap:wrap;min-height:140px}.pg-preview-col{flex-direction:column;align-items:stretch}.pg-controls{padding:16px;display:flex;flex-direction:column;gap:13px;background:var(--color-surface);overflow-y:auto;max-height:400px}.pg-ctrl{display:flex;flex-direction:column;gap:5px}.pg-ctrl-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-400);font-family:var(--font-sans)}.pg-ctrl-select,.pg-ctrl-input{padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:12px;font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast);width:100%}.pg-ctrl-select:focus,.pg-ctrl-input:focus{border-color:var(--primary-400)}.pg-ctrl-bool{flex-direction:row;align-items:center;gap:8px}.pg-ctrl-bool .pg-ctrl-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--color-text)}.pg-ctrl-bool input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-500);cursor:pointer;flex-shrink:0}.pg-code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:11px;font-family:var(--font-sans);color:var(--neutral-400);cursor:pointer;border-top:1.5px solid var(--color-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--duration-fast),color var(--duration-fast)}.pg-code-bar:hover{background:#0ea5e90a;color:var(--primary-600)}.pg-code-bar .arrow{transition:transform var(--duration-fast);display:inline-block}.pg-code-bar.open .arrow{transform:rotate(180deg)}.pg-code{border-top:1.5px solid var(--color-border);background:#1c1610}.pg-code pre{margin:0;padding:16px;font-size:12px;font-family:var(--font-mono);color:#e8d9b0;overflow-x:auto;white-space:pre;line-height:1.75}@media (max-width: 640px){.pg-body{grid-template-columns:1fr}.pg-preview{border-right:none;border-bottom:1.5px solid var(--color-border)}}[data-theme=dark] .pg-header{background:linear-gradient(to right,rgba(14,165,233,.1),transparent)}[data-theme=dark] .pg-ctrl-select,[data-theme=dark] .pg-ctrl-input{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}[data-theme=dark] .pg-ctrl-select:focus,[data-theme=dark] .pg-ctrl-input:focus{border-color:var(--primary-400)}[data-theme=dark] .pg-copy{color:var(--color-text-subtle);border-color:var(--color-border)}[data-theme=dark] .pg-copy:hover{color:var(--primary-300);border-color:var(--primary-600)}[data-theme=dark] .pg-code{background:#041217}[data-theme=dark] .pg-code pre{color:#b9e6f5}.props-doc{width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.props-doc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface-elevated),var(--color-surface))}.props-doc-kicker{margin-bottom:3px;color:var(--color-text-subtle);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.props-doc-title{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.props-doc-meta{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);white-space:nowrap}.props-doc-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--text-sm)}.props-doc-table th,.props-doc-table td{border-bottom:1px solid var(--color-border);padding:13px 16px;text-align:left;vertical-align:top}.props-doc-table tr:last-child td{border-bottom:0}.props-doc-table th{background:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em}.props-doc-table th:nth-child(1){width:24%}.props-doc-table th:nth-child(2){width:48%}.props-doc-table th:nth-child(3){width:14%}.props-doc-table th:nth-child(4){width:14%}.props-doc-name{min-width:190px}.props-doc-name span{display:block;margin-top:5px;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:11px;line-height:1.5}.props-doc-description{color:var(--color-text-muted);line-height:1.65}.props-doc-table code{color:var(--primary-700);font-family:var(--font-mono);font-size:var(--text-xs)}.props-doc-control{display:inline-flex;min-height:24px;align-items:center;border:1px solid var(--primary-200);border-radius:999px;background:var(--primary-50);color:var(--primary-700);padding:2px 8px;font-family:var(--font-mono);font-size:11px;line-height:1}[data-theme=dark] .props-doc-table code{color:var(--primary-300)}[data-theme=dark] .props-doc-control{border-color:var(--primary-700);background:#0ea5e91f;color:var(--primary-200)}@media (max-width: 760px){.props-doc{overflow-x:auto}.props-doc-header{align-items:flex-start;flex-direction:column}.props-doc-table{min-width:720px}}.section-error{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border:1px solid var(--error-200);border-radius:var(--radius-lg);background:var(--error-50);color:var(--error-800);padding:18px;font-family:var(--font-sans)}.section-error-title{margin-bottom:6px;font-size:var(--text-lg);font-weight:var(--font-semibold)}.section-error-desc{margin:0 0 10px;color:var(--error-700);line-height:var(--leading-normal)}.section-error code{display:inline-block;max-width:100%;border:1px solid var(--error-200);border-radius:var(--radius-sm);background:#ffffffa6;padding:4px 7px;color:var(--error-800);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.section-error button{flex-shrink:0;border:1px solid var(--error-300);border-radius:var(--radius-md);background:var(--color-surface);color:var(--error-700);cursor:pointer;padding:9px 12px;font:inherit;font-weight:var(--font-medium)}.form-page{display:flex;flex-direction:column;gap:18px}.form-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:18px}.form-page-kicker{display:inline-flex;margin-bottom:8px;color:var(--primary-600);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.form-page-header h3{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:24px;line-height:var(--leading-tight)}.form-page-header p{max-width:760px;margin:8px 0 0;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.65}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.form-main,.form-side{display:flex;flex-direction:column;gap:18px}.form-panel{display:flex;flex-direction:column;gap:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:18px}.form-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-semibold)}.form-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-summary{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted);padding:12px}.form-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-sans);font-size:var(--text-sm)}.form-summary span{color:var(--color-text-muted)}.form-summary strong{color:var(--color-text);font-weight:var(--font-semibold);text-align:right;text-transform:capitalize}.form-actions{display:flex;justify-content:flex-end;gap:10px}[data-theme=dark] .section-error{border-color:#ef444459;background:#ef44441f;color:var(--error-100)}[data-theme=dark] .section-error-desc{color:var(--error-200)}[data-theme=dark] .section-error code{border-color:#ef444447;background:#06161dbf;color:var(--error-100)}[data-theme=dark] .section-error button{background:var(--color-surface-elevated);color:var(--error-100)}@media (max-width: 980px){.form-grid{grid-template-columns:1fr}}@media (max-width: 640px){.section-error,.form-page-header{flex-direction:column}.form-two-col{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .inline-flex{width:100%}}.checkbox-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-sans);color:var(--color-text)}.checkbox-wrap.checkbox-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.checkbox-box-wrap{position:relative;display:inline-flex;align-items:center}.checkbox-input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.checkbox-box{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:2px solid var(--neutral-300);background:var(--color-surface);color:transparent;transition:all var(--duration-fast) var(--ease-in-out);flex-shrink:0}.checkbox-input:checked+.checkbox-box,.checkbox-box--indeterminate{background:var(--checkbox-color, var(--primary-500));border-color:var(--checkbox-color, var(--primary-500));color:#fff}.checkbox-input:focus-visible+.checkbox-box{box-shadow:0 0 0 3px var(--primary-200)}.checkbox-box svg{display:block}.checkbox-sm .checkbox-box{width:14px;height:14px}.checkbox-sm .checkbox-box svg{width:10px;height:10px}.checkbox-sm .checkbox-label{font-size:var(--text-sm)}.checkbox-md .checkbox-box{width:18px;height:18px}.checkbox-md .checkbox-box svg{width:12px;height:12px}.checkbox-md .checkbox-label{font-size:var(--text-md)}.checkbox-lg .checkbox-box{width:22px;height:22px}.checkbox-lg .checkbox-box svg{width:14px;height:14px}.checkbox-lg .checkbox-label{font-size:var(--text-base)}[data-theme=dark] .checkbox-box{border-color:var(--neutral-600);background:var(--neutral-800)}[data-theme=dark] .checkbox-input:checked+.checkbox-box,[data-theme=dark] .checkbox-box--indeterminate{border-color:var(--primary-400);background:var(--primary-400)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:16px}.radio-group--disabled{opacity:.45;pointer-events:none}.radio-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text)}.radio-wrap.radio-disabled{opacity:.45;cursor:not-allowed}.radio-input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid var(--neutral-300);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-in-out);position:relative}.radio-circle:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:all var(--duration-fast) var(--ease-in-out)}.radio-input:checked+.radio-circle{border-color:var(--primary-500);background:var(--primary-500)}.radio-input:checked+.radio-circle:after{opacity:1;transform:scale(1)}.radio-input:focus-visible+.radio-circle{box-shadow:0 0 0 3px var(--primary-200)}[data-theme=dark] .radio-circle{border-color:var(--neutral-600);background:var(--neutral-800)}[data-theme=dark] .radio-input:checked+.radio-circle{border-color:var(--primary-400);background:var(--primary-400)}.spinner{display:inline-flex;align-items:center;justify-content:center;color:var(--spinner-color, var(--primary-500))}.spinner-svg{animation:spin .9s linear infinite;display:block}.spinner-track{opacity:.2}.spinner-arc{opacity:.9}.spinner-xs .spinner-svg{width:14px;height:14px}.spinner-sm .spinner-svg{width:18px;height:18px}.spinner-md .spinner-svg{width:24px;height:24px}.spinner-lg .spinner-svg{width:32px;height:32px}.spinner-xl .spinner-svg{width:44px;height:44px}.spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner-overlay .spinner{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-text{margin:0;font-family:var(--font-sans);color:var(--color-text)}.ds-text--display{font-size:var(--text-4xl);line-height:1.1;letter-spacing:-.02em;font-weight:700}.ds-text--heading{font-size:var(--text-2xl);line-height:1.2;font-weight:700}.ds-text--subheading{font-size:var(--text-xl);line-height:1.3;font-weight:600}.ds-text--body{font-size:var(--text-base);line-height:1.6;font-weight:400}.ds-text--body-sm{font-size:var(--text-sm);line-height:1.6;font-weight:400}.ds-text--caption{font-size:var(--text-xs);line-height:1.4;font-weight:400;color:var(--neutral-500)}.ds-text--overline{font-size:var(--text-xs);line-height:1.4;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-500)}.ds-text--code{font-family:var(--font-mono);font-size:.875em;background:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm);color:var(--secondary-600)}.ds-text--light{font-weight:300}.ds-text--regular{font-weight:400}.ds-text--medium{font-weight:500}.ds-text--semibold{font-weight:600}.ds-text--bold{font-weight:700}.ds-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=ds-text--clamp-]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.ds-text--left{text-align:left}.ds-text--center{text-align:center}.ds-text--right{text-align:right}[data-theme=dark] .ds-text--code{background:var(--neutral-800);color:var(--secondary-300)}[data-theme=dark] .ds-text--caption,[data-theme=dark] .ds-text--overline{color:var(--neutral-400)}.ds-select-wrap{position:relative;display:inline-block;width:100%;font-family:var(--font-sans)}.ds-select-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:6px}.ds-select{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);color:var(--color-text);font-family:var(--font-sans)}.ds-select:focus-visible,.ds-select--open{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.ds-select--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ds-select-sm{padding:6px 10px;font-size:var(--text-sm);min-height:32px}.ds-select-md{padding:9px 12px;font-size:var(--text-md);min-height:40px}.ds-select-lg{padding:12px 16px;font-size:var(--text-base);min-height:48px}.ds-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-placeholder{color:var(--neutral-400)}.ds-select-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.ds-select-clear{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:0 2px;font-size:14px;line-height:1}.ds-select-clear:hover{color:var(--neutral-600)}.ds-select-arrow{font-size:10px;color:var(--neutral-400);transition:transform var(--duration-fast)}.ds-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:260px;overflow-y:auto;padding:4px 0}.ds-select-search-wrap{padding:8px;border-bottom:1px solid var(--color-border)}.ds-select-search{width:100%;padding:6px 10px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);outline:none;background:var(--color-surface);color:var(--color-text)}.ds-select-search:focus{border-color:var(--primary-500)}.ds-select-option{padding:8px 12px;cursor:pointer;font-size:var(--text-md);display:flex;align-items:center;gap:8px;color:var(--color-text);transition:background var(--duration-fast)}.ds-select-option:hover{background:var(--neutral-50)}.ds-select-option--selected{background:var(--primary-50);color:var(--primary-700);font-weight:var(--font-medium)}.ds-select-option--disabled{opacity:.4;cursor:not-allowed}.ds-select-empty{padding:12px;text-align:center;color:var(--neutral-400);font-size:var(--text-sm)}.ds-select-check{width:14px;font-size:12px;color:var(--primary-500)}[data-theme=dark] .ds-select,[data-theme=dark] .ds-select-dropdown{background:var(--neutral-900);border-color:var(--neutral-700)}[data-theme=dark] .ds-select-option:hover{background:var(--neutral-800)}[data-theme=dark] .ds-select-option--selected{background:#0ea5e926;color:var(--primary-300)}[data-theme=dark] .ds-select-search{background:var(--neutral-800);border-color:var(--neutral-700);color:var(--neutral-100)}.autocomplete-wrap{position:relative;width:100%;font-family:var(--font-sans)}.autocomplete-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:6px}.autocomplete-input-wrap{position:relative;display:flex;align-items:center}.autocomplete-input{width:100%;padding:9px 36px 9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.autocomplete-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.autocomplete-input--disabled{opacity:.45;cursor:not-allowed}.autocomplete-spinner{position:absolute;right:10px;width:16px;height:16px;border:2px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:240px;overflow-y:auto;padding:4px 0}.autocomplete-option{padding:8px 12px;cursor:pointer;font-size:var(--text-md);color:var(--color-text);transition:background var(--duration-fast)}.autocomplete-option:hover,.autocomplete-option--active{background:var(--primary-50);color:var(--primary-700)}.autocomplete-empty,.autocomplete-loading{padding:12px;text-align:center;color:var(--neutral-400);font-size:var(--text-sm)}[data-theme=dark] .autocomplete-input{background:var(--neutral-900);border-color:var(--neutral-700);color:var(--neutral-100)}[data-theme=dark] .autocomplete-input:focus{box-shadow:0 0 0 3px #0ea5e940}[data-theme=dark] .autocomplete-dropdown{background:var(--neutral-900);border-color:var(--neutral-700)}[data-theme=dark] .autocomplete-option:hover,[data-theme=dark] .autocomplete-option--active{background:#0ea5e926;color:var(--primary-300)}.pagination{display:flex;align-items:center;gap:4px;font-family:var(--font-sans);flex-wrap:wrap}.pg-btn{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-medium);transition:all var(--duration-fast);outline:none}.pg-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.pg-btn:focus-visible{box-shadow:0 0 0 3px var(--primary-100);border-color:var(--primary-500)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-btn--active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pg-btn--active:hover{background:var(--primary-600);border-color:var(--primary-600)}.pg-btn--nav{font-size:16px}.pg-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-400)}.pagination-sm .pg-btn{width:28px;height:28px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.pagination-sm .pg-ellipsis{width:28px;font-size:var(--text-sm)}.pagination-md .pg-btn{width:36px;height:36px;font-size:var(--text-md)}.pagination-md .pg-ellipsis{width:36px}.pagination-lg .pg-btn{width:44px;height:44px;font-size:var(--text-base)}.pagination-lg .pg-ellipsis{width:44px;font-size:var(--text-base)}[data-theme=dark] .pg-btn{background:var(--neutral-900);border-color:var(--neutral-700);color:var(--neutral-200)}[data-theme=dark] .pg-btn:hover:not(:disabled){background:var(--neutral-800);border-color:var(--primary-500);color:var(--primary-300)}[data-theme=dark] .pg-btn--active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.datepicker-wrap{position:relative;width:100%;font-family:var(--font-sans)}.datepicker-wrap--disabled{opacity:.45;pointer-events:none}.datepicker-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:6px}.datepicker-trigger{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);color:var(--color-text);font-size:var(--text-md);font-family:var(--font-sans);outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker-trigger:focus-visible,.datepicker-trigger--open{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.datepicker-placeholder{color:var(--neutral-400);flex:1}.datepicker-value{flex:1}.datepicker-icon{font-size:14px;flex-shrink:0}.datepicker-clear{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:0 2px;font-size:14px;line-height:1;margin-left:auto}.datepicker-clear:hover{color:var(--neutral-600)}.datepicker-popup{position:absolute;top:calc(100% + 6px);left:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:300;padding:12px;min-width:280px}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datepicker-month-year{font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--color-text)}.datepicker-nav{background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all var(--duration-fast)}.datepicker-nav:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker-dow{text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-400);padding:4px 0}.datepicker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text);transition:all var(--duration-fast);font-family:var(--font-sans)}.datepicker-day:hover:not(.datepicker-day--disabled){background:var(--primary-100);color:var(--primary-700)}.datepicker-day--selected{background:var(--primary-500);color:#fff;font-weight:var(--font-semibold)}.datepicker-day--today{border:1.5px solid var(--primary-400);font-weight:var(--font-semibold)}.datepicker-day--disabled{opacity:.3;cursor:not-allowed}[data-theme=dark] .datepicker-trigger{background:var(--neutral-900);border-color:var(--neutral-700);color:var(--neutral-100)}[data-theme=dark] .datepicker-trigger--open{box-shadow:0 0 0 3px #0ea5e940}[data-theme=dark] .datepicker-popup{background:var(--neutral-900);border-color:var(--neutral-700)}[data-theme=dark] .datepicker-nav{border-color:var(--neutral-700);color:var(--neutral-200)}[data-theme=dark] .datepicker-nav:hover{background:var(--neutral-800);border-color:var(--primary-500);color:var(--primary-300)}[data-theme=dark] .datepicker-day:hover:not(.datepicker-day--disabled){background:#0ea5e933;color:var(--primary-300)}.ds-grid{display:grid}.ds-flex{display:flex}.ds-divider{display:flex;align-items:center;border:none;margin:0;color:var(--neutral-300)}.ds-divider--horizontal{width:100%;height:1px;background:currentColor}.ds-divider--vertical{width:1px;height:100%;min-height:1em;background:currentColor;align-self:stretch}.ds-divider--labeled{background:none;height:auto;gap:12px}.ds-divider--labeled:before,.ds-divider--labeled:after{content:"";flex:1;height:1px;background:var(--neutral-200)}.ds-divider-label{font-size:var(--text-xs);font-family:var(--font-sans);color:var(--neutral-400);white-space:nowrap;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .ds-divider{color:var(--neutral-700)}[data-theme=dark] .ds-divider--labeled:before,[data-theme=dark] .ds-divider--labeled:after{background:var(--neutral-700)}.chart-wrap{width:100%;font-family:var(--font-sans)}.chart-svg{width:100%;height:auto;display:block;color:var(--color-text)}.chart-empty{padding:24px;text-align:center;color:var(--neutral-400);font-family:var(--font-sans);font-size:var(--text-sm)}.chart-tooltip{background:var(--neutral-900);color:#fff;padding:6px 10px;border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-sans);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:9999}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;padding:8px 4px 4px;justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text)}.chart-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bar-animated{transform-box:fill-box;transform-origin:50% 100%;animation:bar-rise .6s ease-out both}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.chart-line-animated{stroke-dasharray:1000;animation:dash 1s ease-out forwards}@keyframes slice-in{0%{opacity:0;transform:scale(.85);transform-origin:center}to{opacity:.9;transform:scale(1)}}.chart-slice-animated{animation:slice-in .5s ease-out both}[data-theme=dark] .chart-tooltip{background:var(--neutral-950)}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;flex-shrink:0;font-size:1em;line-height:1}.card-header{padding:14px 20px;border-bottom:1px solid var(--neutral-100);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);font-family:var(--font-sans);background:var(--neutral-50)}.card-actions{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.card-clickable:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.modal-fullscreen{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh;max-height:100vh;display:flex;flex-direction:column}.modal-fullscreen .modal-body{flex:1;overflow-y:auto}.modal-overlay:has(.modal-fullscreen){padding:0;align-items:stretch}.alert--has-action{align-items:center}.alert-action{flex-shrink:0;margin-left:auto;padding-left:12px}[data-theme=dark] .card-header{background:var(--color-surface-elevated);border-bottom-color:var(--color-border);color:var(--color-text-muted)}@media (max-width: 639px){.btn{width:100%;justify-content:center}.btn-sm{padding:6px 10px}.btn-md{padding:8px 14px}.btn-lg{padding:10px 18px}.btn-icon{width:auto}.input-wrap,.input-field,.ds-select-wrap,.ds-select,.autocomplete-wrap,.autocomplete-input{width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;overflow-y:auto}.modal.modal-fullscreen{border-radius:0;max-height:100vh;height:100vh}.card{width:100%}.tabs-list{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.progress-wrap{width:100%}.pagination{gap:2px}.pagination-btn{min-width:32px;padding:4px 6px;font-size:var(--text-xs)}.datepicker-wrap,.datepicker-input{width:100%}.editable-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-container{width:100%}.layout-grid{grid-template-columns:1fr!important}}@media (min-width: 640px) and (max-width: 1023px){.btn{width:auto}.layout-grid[data-cols="3"],.layout-grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}.modal-overlay{align-items:center;padding:24px}.modal{max-height:88vh;overflow-y:auto}.datepicker-dropdown{max-height:340px;overflow-y:auto}}@media (min-width: 1024px){.btn{width:auto}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-0{right:0}.top-full{top:100%}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2\.5{height:.625rem}.h-36{height:9rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-72{max-height:18rem}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[calc\(100dvh-73px\)\]{max-height:calc(100dvh - 73px)}.max-h-dvh{max-height:100dvh}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--btn-border\)\]{border-color:var(--btn-border)}.border-\[var\(--btn-soft-border\)\]{border-color:var(--btn-soft-border)}.border-\[var\(--checkbox-color\,var\(--color-brand\)\)\]{border-color:var(--checkbox-color,var(--color-brand))}.border-\[var\(--error-200\)\]{border-color:var(--error-200)}.border-\[var\(--error-500\)\]{border-color:var(--error-500)}.border-\[var\(--info-200\)\]{border-color:var(--info-200)}.border-\[var\(--neutral-200\)\]{border-color:var(--neutral-200)}.border-\[var\(--primary-200\)\]{border-color:var(--primary-200)}.border-\[var\(--secondary-200\)\]{border-color:var(--secondary-200)}.border-\[var\(--success-200\)\]{border-color:var(--success-200)}.border-\[var\(--warning-200\)\]{border-color:var(--warning-200)}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-border-strong)}.border-ring{border-color:var(--color-brand)}.border-transparent{border-color:transparent}.bg-\[rgba\(250\,248\,245\,0\.72\)\]{background-color:#faf8f5b8}.bg-\[var\(--btn-bg\)\]{background-color:var(--btn-bg)}.bg-\[var\(--checkbox-color\,var\(--color-brand\)\)\]{background-color:var(--checkbox-color,var(--color-brand))}.bg-\[var\(--error-50\)\]{background-color:var(--error-50)}.bg-\[var\(--info-50\)\]{background-color:var(--info-50)}.bg-\[var\(--neutral-100\)\]{background-color:var(--neutral-100)}.bg-\[var\(--primary-50\)\]{background-color:var(--primary-50)}.bg-\[var\(--secondary-50\)\]{background-color:var(--secondary-50)}.bg-\[var\(--success-50\)\]{background-color:var(--success-50)}.bg-\[var\(--warning-50\)\]{background-color:var(--warning-50)}.bg-accent{background-color:var(--primary-50)}.bg-black\/45{background-color:#00000073}.bg-card{background-color:var(--color-surface)}.bg-muted{background-color:var(--color-bg-muted)}.bg-popover{background-color:var(--color-surface-elevated)}.bg-primary{background-color:var(--color-brand)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-1{padding:.25rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-normal{letter-spacing:0em}.text-\[var\(--btn-fg\)\]{color:var(--btn-fg)}.text-\[var\(--btn-soft-fg\)\]{color:var(--btn-soft-fg)}.text-\[var\(--error-500\)\]{color:var(--error-500)}.text-\[var\(--error-600\)\]{color:var(--error-600)}.text-\[var\(--error-700\)\]{color:var(--error-700)}.text-\[var\(--error-800\)\]{color:var(--error-800)}.text-\[var\(--info-700\)\]{color:var(--info-700)}.text-\[var\(--info-800\)\]{color:var(--info-800)}.text-\[var\(--neutral-700\)\]{color:var(--neutral-700)}.text-\[var\(--primary-800\)\]{color:var(--primary-800)}.text-\[var\(--secondary-800\)\]{color:var(--secondary-800)}.text-\[var\(--spinner-color\,var\(--color-brand\)\)\]{color:var(--spinner-color,var(--color-brand))}.text-\[var\(--success-700\)\]{color:var(--success-700)}.text-\[var\(--success-800\)\]{color:var(--success-800)}.text-\[var\(--warning-800\)\]{color:var(--warning-800)}.text-\[var\(--warning-900\)\]{color:var(--warning-900)}.text-accent-foreground{color:var(--primary-700)}.text-card-foreground,.text-foreground{color:var(--color-text)}.text-muted-foreground{color:var(--color-text-muted)}.text-popover-foreground{color:var(--color-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.overline{text-decoration-line:overline}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--primary-100\)\]{--tw-ring-color: var(--primary-100)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--neutral-50);color:var(--neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-topbar{height:52px;background:var(--neutral-900);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0;z-index:var(--z-sticky);box-shadow:0 1px #ffffff0d}.app-logo{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--neutral-0);letter-spacing:-.01em;white-space:nowrap}.app-logo-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-400),var(--secondary-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.app-badge{background:#0ea5e933;color:var(--primary-300);padding:2px 8px;border-radius:var(--radius-full);font-size:.675rem;font-weight:600;letter-spacing:.05em;white-space:nowrap}.app-topbar-info{font-size:.78rem;color:var(--neutral-500);white-space:nowrap}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:252px;background:var(--neutral-0);border-right:1px solid var(--neutral-200);overflow-y:auto;flex-shrink:0;padding:12px 0 24px}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:4px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--neutral-300)}.nav-group{padding:12px 10px 4px}.nav-group+.nav-group{border-top:1px solid var(--neutral-100);margin-top:8px;padding-top:16px}.nav-group-title{font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--neutral-400);padding:0 8px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--neutral-700);transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.nav-item:hover{background:var(--neutral-100);color:var(--neutral-900)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:var(--font-medium)}.nav-item-icon{width:20px;text-align:center;flex-shrink:0;font-size:.875rem}.nav-item-count{margin-left:auto;background:var(--neutral-200);color:var(--neutral-600);font-size:.675rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.nav-item.active .nav-item-count{background:var(--primary-100);color:var(--primary-700)}.app-content{flex:1;overflow-y:auto;background:var(--neutral-50);padding:0}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:4px}.app-content::-webkit-scrollbar-thumb:hover{background:var(--neutral-300)}.ds-section{padding:32px 32px 48px;max-width:1000px}.ds-section-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--neutral-200)}.ds-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 6px;line-height:var(--leading-tight);font-family:var(--font-sans);letter-spacing:-.02em}.ds-section-desc{font-size:var(--text-sm);color:var(--neutral-500);margin:0;line-height:var(--leading-relaxed);font-family:var(--font-sans);max-width:600px}.story-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px;transition:box-shadow var(--duration-normal) var(--ease-in-out)}.story-card:hover{box-shadow:var(--shadow-md)}.story-card-header{padding:12px 20px;border-bottom:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between;background:var(--neutral-50)}.story-card-name{font-size:.8rem;font-weight:var(--font-semibold);color:var(--neutral-700);font-family:var(--font-sans)}.story-card-tag{font-size:.7rem;font-family:var(--font-mono);background:var(--neutral-100);color:var(--neutral-500);padding:2px 7px;border-radius:var(--radius-sm)}.story-preview{padding:28px 24px;background:var(--neutral-50);display:flex;flex-wrap:wrap;gap:12px;align-items:center;min-height:80px}.story-preview.dark-bg{background:var(--neutral-800)}.story-code-toggle{padding:8px 20px;border-top:1px solid var(--neutral-100);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.8125rem;color:var(--neutral-500);font-family:var(--font-sans);transition:background var(--duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-code-toggle:hover{background:var(--neutral-50);color:var(--neutral-700)}.story-code-toggle .arrow{transition:transform var(--duration-normal) var(--ease-in-out)}.story-code-toggle.open .arrow{transform:rotate(180deg)}.story-code-block{border-top:1px solid var(--neutral-100)}.story-code-block pre{padding:16px 20px;font-family:var(--font-mono);font-size:.8rem;color:var(--neutral-200);background:var(--neutral-900);overflow-x:auto;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.theme-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:3px;border-radius:var(--radius-md);font-family:var(--font-sans);display:flex;align-items:center;gap:2px;white-space:nowrap}.theme-toggle button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--neutral-300);cursor:pointer;font-family:inherit;font-size:.78rem;transition:background var(--duration-fast),color var(--duration-fast)}.theme-toggle button:hover,.theme-toggle button.active{background:#ffffff24;color:var(--neutral-0)}.app-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;border-radius:var(--radius-md);transition:background var(--duration-fast)}.app-hamburger:hover{background:#ffffff1a}.app-hamburger-bar{display:block;width:18px;height:2px;background:var(--neutral-300);border-radius:1px;transition:background var(--duration-fast)}.app-hamburger:hover .app-hamburger-bar{background:var(--neutral-0)}.app-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-overlay) - 1)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn+.btn{margin-left:-1.5px}[data-theme=dark] body{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] .app-sidebar{background:var(--color-surface);border-right-color:var(--color-border)}[data-theme=dark] .app-sidebar::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .nav-group+.nav-group{border-top-color:var(--color-border)}[data-theme=dark] .nav-item{color:var(--color-text-muted)}[data-theme=dark] .nav-item:hover{background:#ffffff0f;color:var(--color-text)}[data-theme=dark] .nav-item.active{background:#0ea5e91f;color:var(--primary-300)}[data-theme=dark] .nav-item.active .nav-item-count{background:#0ea5e933;color:var(--primary-300)}[data-theme=dark] .nav-item-count{background:var(--color-border);color:var(--color-text-subtle)}[data-theme=dark] .app-content{background:var(--color-bg)}[data-theme=dark] .app-content::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .ds-section-header{border-bottom-color:var(--color-border)}[data-theme=dark] .ds-section-title{color:var(--color-text)}[data-theme=dark] .ds-section-desc{color:var(--color-text-subtle)}[data-theme=dark] .story-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .story-card-header{background:var(--color-surface-elevated);border-bottom-color:var(--color-border)}[data-theme=dark] .story-card-name{color:var(--color-text-muted)}[data-theme=dark] .story-card-tag{background:var(--color-border);color:var(--color-text-subtle)}[data-theme=dark] .story-preview{background:var(--color-bg-muted)}[data-theme=dark] .story-code-toggle{border-top-color:var(--color-border);color:var(--color-text-subtle)}[data-theme=dark] .story-code-toggle:hover{background:var(--color-surface-elevated);color:var(--color-text-muted)}[data-theme=dark] .story-code-block{border-top-color:var(--color-border)}[data-theme=dark] .story-code-block pre{background:var(--neutral-950);color:var(--color-text-muted)}@media (max-width: 639px){.app-hamburger{display:flex}.app-logo-text,.app-topbar-info{display:none}.app-topbar{padding:0 12px;gap:10px;height:48px}.app-badge{font-size:.6rem;padding:2px 6px}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-in-out);box-shadow:var(--shadow-xl);width:272px;padding-top:60px}.app-sidebar--open{transform:translate(0)}.app-sidebar-overlay{display:block}.app-content{width:100%}.ds-section{padding:20px 16px 32px}.ds-section-title{font-size:var(--text-2xl)}.story-preview{padding:20px 16px;gap:10px}.story-card-header{padding:10px 16px}.story-code-block pre{padding:12px 16px;font-size:.75rem}}@media (min-width: 640px) and (max-width: 1023px){.app-sidebar{width:220px}.app-topbar{padding:0 16px}.ds-section{padding:24px 24px 40px}}@media (max-width: 639px){[data-theme=dark] .app-sidebar{background:var(--color-surface);border-right-color:var(--color-border)}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--color-text-muted)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-text-muted)}.before\:size-1\.5:before{content:var(--tw-content);width:.375rem;height:.375rem}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-current:before{content:var(--tw-content);background-color:currentColor}.before\:content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.focus-within\:border-\[var\(--error-500\)\]:focus-within{border-color:var(--error-500)}.focus-within\:border-ring:focus-within{border-color:var(--color-brand)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-\[var\(--error-100\)\]:focus-within{--tw-ring-color: var(--error-100)}.focus-within\:ring-\[var\(--primary-100\)\]:focus-within{--tw-ring-color: var(--primary-100)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--btn-bg-hover\)\]:hover{border-color:var(--btn-bg-hover)}.hover\:border-\[var\(--btn-border\)\]:hover{border-color:var(--btn-border)}.hover\:border-\[var\(--neutral-400\)\]:hover{border-color:var(--neutral-400)}.hover\:border-\[var\(--primary-300\)\]:hover{border-color:var(--primary-300)}.hover\:bg-\[var\(--btn-bg-hover\)\]:hover{background-color:var(--btn-bg-hover)}.hover\:bg-\[var\(--btn-soft-bg\)\]:hover{background-color:var(--btn-soft-bg)}.hover\:bg-\[var\(--btn-soft-bg-hover\)\]:hover{background-color:var(--btn-soft-bg-hover)}.hover\:bg-accent:hover{background-color:var(--primary-50)}.hover\:bg-muted:hover{background-color:var(--color-bg-muted)}.hover\:text-accent-foreground:hover{color:var(--primary-700)}.hover\:text-foreground:hover{color:var(--color-text)}.hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-ring:focus{border-color:var(--color-brand)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--primary-100\)\]:focus{--tw-ring-color: var(--primary-100)}.focus\:ring-ring:focus{--tw-ring-color: var(--color-brand)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-background:focus{--tw-ring-offset-color: var(--color-bg)}.focus-visible\:border-\[var\(--error-500\)\]:focus-visible{border-color:var(--error-500)}.focus-visible\:border-ring:focus-visible{border-color:var(--color-brand)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--error-100\)\]:focus-visible{--tw-ring-color: var(--error-100)}.focus-visible\:ring-\[var\(--primary-100\)\]:focus-visible{--tw-ring-color: var(--primary-100)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--color-brand)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: var(--color-bg)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:border-\[var\(--checkbox-color\,var\(--color-brand\)\)\]{border-color:var(--checkbox-color,var(--color-brand))}.peer:checked~.peer-checked\:bg-\[var\(--checkbox-color\,var\(--color-brand\)\)\]{background-color:var(--checkbox-color,var(--color-brand))}.peer:focus-visible~.peer-focus-visible\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-ring{--tw-ring-color: var(--color-brand)}.peer:focus-visible~.peer-focus-visible\:ring-offset-2{--tw-ring-offset-width: 2px}.peer:focus-visible~.peer-focus-visible\:ring-offset-background{--tw-ring-offset-color: var(--color-bg)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--primary-50)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--primary-700)}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}.peer:checked~.peer-checked\:\[\&\>svg\]\:opacity-100>svg{opacity:1}