:root{--color-primary: #4F46E5;--color-primary-dark: #4338CA;--color-primary-light: #E0E7FF;--color-on-primary: #FFFFFF;--color-secondary: #6366F1;--color-accent: #818CF8;--color-text: #1A1A1A;--color-text-secondary: #6B7280;--color-hint: #9DA4AE;--color-disabled: #D1D5DB;--color-border: #E2E4E5;--color-scaffold: #FFFFFF;--color-surface: #FFFFFF;--color-desktop-bg: #F3F4F6;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #38BDF8;--color-whatsapp: #25D366;--color-whatsapp-container: #E8F8F0;--color-scrim: rgba(0, 0, 0, .4);--color-success-container: #DCFCE7;--color-on-success-container: #14532D;--color-warning-container: #FEF3C7;--color-on-warning-container: #92400E;--color-info-container: color-mix(in srgb, var(--color-info) 15%, white);--color-on-info-container: var(--color-info);--color-error-container: color-mix(in srgb, var(--color-error) 15%, white);--color-on-error-container: var(--color-error);--font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-headline-lg: 700 32px/1.25 var(--font-family);--font-headline-md: 700 28px/1.3 var(--font-family);--font-headline-sm: 600 24px/1.3 var(--font-family);--font-title-lg: 600 20px/1.4 var(--font-family);--font-title-md: 600 16px/1.4 var(--font-family);--font-title-sm: 600 14px/1.4 var(--font-family);--font-body-lg: 400 16px/1.5 var(--font-family);--font-body-md: 400 14px/1.5 var(--font-family);--font-body-sm: 400 12px/1.5 var(--font-family);--font-label-lg: 600 16px/1.4 var(--font-family);--font-label-md: 500 12px/1.4 var(--font-family);--font-label-sm: 500 11px/1.4 var(--font-family);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-full: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--btn-height: 48px;--input-pad-x: 16px;--input-pad-y: 14px;--app-column-max: 480px;--app-bar-height: 56px}*{box-sizing:border-box}html,body{margin:0;background:var(--color-desktop-bg);color:var(--color-text);font:var(--font-body-md);-webkit-tap-highlight-color:transparent}.app-column{max-width:var(--app-column-max);margin:0 auto;min-height:100dvh;background:var(--color-scaffold);position:relative}.material-symbols-outlined{font-size:24px;line-height:1}.t-headline-lg{font:var(--font-headline-lg)}.t-headline-md{font:var(--font-headline-md)}.t-headline-sm{font:var(--font-headline-sm)}.t-title-lg{font:var(--font-title-lg)}.t-title-md{font:var(--font-title-md)}.t-title-sm{font:var(--font-title-sm)}.t-body-lg{font:var(--font-body-lg)}.t-body-md{font:var(--font-body-md)}.t-body-sm{font:var(--font-body-sm)}.t-label-lg{font:var(--font-label-lg)}.t-label-md{font:var(--font-label-md)}.t-label-sm{font:var(--font-label-sm)}.t-secondary{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;min-height:var(--btn-height);padding:12px var(--space-sm);border-radius:var(--radius-full);font:var(--font-label-lg);box-shadow:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:none}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-text{background:transparent;color:var(--color-primary);border:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:none}.input{width:100%;border-radius:var(--radius-full);border:1px solid var(--color-border);padding:var(--input-pad-y) var(--input-pad-x);font:var(--font-body-lg);color:var(--color-text);background:var(--color-surface)}.input::placeholder{color:var(--color-text-secondary)}.input:focus{outline:none;border:2px solid var(--color-primary)}.input.invalid{border-color:var(--color-error)}.field-error{font:var(--font-body-sm);color:var(--color-error)}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:6px 12px;font:var(--font-label-md);background:var(--color-surface);color:var(--color-text);cursor:pointer}.chip.selected{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font:var(--font-label-md)}.badge[data-color=success]{color:var(--color-on-success-container);background:var(--color-success-container)}.badge[data-color=info]{color:var(--color-on-info-container);background:var(--color-info-container)}.badge[data-color=warning]{color:var(--color-on-warning-container);background:var(--color-warning-container)}.badge[data-color=danger]{color:var(--color-on-error-container);background:var(--color-error-container)}.badge[data-color=secondary]{color:var(--color-secondary);background:var(--color-primary-light)}.badge[data-color=contrast]{color:var(--color-text);background:var(--color-border)}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;height:var(--app-bar-height);background:var(--color-scaffold);font:var(--font-title-lg);color:var(--color-text)}.app-bar>.app-bar-leading{position:absolute;inset-inline-start:var(--space-sm);top:50%;transform:translateY(-50%)}.bottom-cta{position:sticky;bottom:0;background:var(--color-scaffold);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}.section-title{font:var(--font-title-sm);margin:var(--space-lg) 0 var(--space-sm)}.spinner{width:32px;height:32px;margin:var(--space-md) auto;border:3px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}