:root{--primary-50: #FFF8E7;--primary-100: #FFEFC0;--primary-200: #FFE08A;--primary-300: #F5C842;--primary-400: #E8B320;--primary-500: #D4961A;--primary-600: #B87A10;--primary-700: #925E0C;--primary-800: #6E4409;--primary-900: #4A2D06;--primary-950: #2D1A03;--secondary-50: #FDF3EF;--secondary-100: #FAE3D8;--secondary-200: #F5C5AE;--secondary-300: #EDA07D;--secondary-400: #E07650;--secondary-500: #C4593A;--secondary-600: #A84330;--secondary-700: #8A3226;--secondary-800: #68241C;--secondary-900: #471812;--secondary-950: #2B0E09;--neutral-0: #FFFFFF;--neutral-50: #FAF8F5;--neutral-100: #F3EFE8;--neutral-200: #E6DDD0;--neutral-300: #D1C4B0;--neutral-400: #B5A48E;--neutral-500: #948070;--neutral-600: #786655;--neutral-700: #5E4F42;--neutral-800: #3D332A;--neutral-900: #241E18;--neutral-950: #130F0B;--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: #1A1512;--color-bg-muted: #211B15;--color-surface: #2A2219;--color-surface-elevated: #332A1F;--color-border: #3D332A;--color-border-strong: #4E4035;--color-text: #F0EAE1;--color-text-muted: #B5A48E;--color-text-subtle: #786655;--color-text-inverse: #1A1512;--color-text-on-brand: #FAF8F5;--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;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::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;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 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(--primary-500)}.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(--primary-200)}.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;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:#3d332a}[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:#3d332a}[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::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 #d4961a26}[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:#3d332a}[data-theme=dark] .modal-header{border-bottom-color:#3d332a}[data-theme=dark] .modal-title{color:#f0eae1}[data-theme=dark] .modal-body{color:#b5a48e}[data-theme=dark] .modal-footer{border-top-color:#3d332a}[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:#3d332a}[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:#3d332a}[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:#3d332a}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2219 25%,#332a1f,#2a2219 75%);background-size:1000px 100%}[data-theme=dark] .badge-primary{background:#d4961a26;color:var(--primary-300)}[data-theme=dark] .badge-secondary{background:#c4593a26;color:var(--secondary-300)}[data-theme=dark] .badge-neutral{background:#3d332a;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:#d4961a14}[data-theme=dark] .tag-active{border-color:var(--primary-500);color:var(--primary-300);background:#d4961a1f}[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 var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-0)}.et-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--text-sm)}.et-th{text-align:left;font-size:.7rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-500);padding:10px 12px;border-bottom:1.5px solid var(--neutral-200);background:var(--neutral-50);white-space:nowrap}.et-th--actions{width:44px;text-align:center}.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-td{border-bottom:1px solid var(--neutral-100);padding:0;vertical-align:middle;position:relative}.et-td--editable{cursor:text}.et-td--readonly .et-cell-value{cursor:default;color:var(--neutral-500)}.et-td--actions{text-align:center}.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-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:100%;height:38px;padding:7px 11px;border:none;border-top:2px solid var(--primary-400);border-bottom:2px solid var(--primary-400);outline:none;background:var(--neutral-0);font-family:var(--font-sans);font-size:inherit;color:var(--neutral-900);box-shadow:0 0 0 2px var(--primary-200) inset}.et-cell-input:focus,.et-cell-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #d4961a2e inset}.et-delete-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-delete-btn: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-th{background:var(--color-surface-elevated);border-bottom-color:var(--color-border);color:var(--color-text-subtle)}[data-theme=dark] .et-td{border-bottom-color:#ffffff0d}[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:#d4961a0f}[data-theme=dark] .et-td--editable:focus-visible .et-cell-value{background:#d4961a1a;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 2px #d4961a2e inset}[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-delete-btn{color:var(--color-text-subtle)}[data-theme=dark] .et-delete-btn: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:#d4961a0f;color:var(--primary-300)}[data-theme=dark] .et-caption{color:var(--color-text-subtle)}.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(212,150,26,.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:#d4961a0d}.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;user-select:none;transition:background var(--duration-fast),color var(--duration-fast)}.pg-code-bar:hover{background:#d4961a0a;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(212,150,26,.1),transparent)}[data-theme=dark] .pg-ctrl-select,[data-theme=dark] .pg-ctrl-input{background:#221b15;border-color:#4e4035;color:#f0eae1}[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:#786655;border-color:#4e4035}[data-theme=dark] .pg-copy:hover{color:var(--primary-300);border-color:var(--primary-600)}[data-theme=dark] .pg-code{background:#110e09}[data-theme=dark] .pg-code pre{color:#d4be88}.checkbox-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-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;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}@keyframes spin{to{transform:rotate(360deg)}}.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;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:#d4961a26;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 #d4961a40}[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:#d4961a26;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;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 #d4961a40}[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:#d4961a33;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{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:#d4961a33;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;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);color:var(--neutral-300);padding:5px 12px;border-radius:var(--radius-md);font-size:.8125rem;cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-fast),color var(--duration-fast);display:flex;align-items:center;gap:6px;white-space:nowrap}.theme-toggle:hover{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:#d4961a1f;color:var(--primary-300)}[data-theme=dark] .nav-item.active .nav-item-count{background:#d4961a33;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)}}