:root{--color-primary: #1A4A5E;--color-primary-hover: #133849;--color-primary-tint: #D0E5EE;--color-primary-muted: #2D6880;--color-accent: #5B9BB5;--color-accent-hover: #3F7A93;--color-accent-soft: #E2F0F6;--color-accent-pale: #F0F8FC;--color-health: #4BA893;--color-health-hover: #37856F;--color-health-soft: #DDF2ED;--color-health-glow: #C0EAE2;--color-bg: #EDF4F8;--color-surface: #FFFFFF;--color-surface-alt: #E2ECF2;--color-border: #C8D8E2;--color-border-strong: #9DB8C7;--color-text-primary: #0D2535;--color-text-heading: #1A4A5E;--color-text-body: #6C7E87;--color-text-muted: #96A8B0;--color-text-disabled: #BDC9CE;--color-success: #4BA893;--color-success-soft: #DDF2ED;--color-warning: #C8823A;--color-warning-soft: #FBF0E4;--color-error: #C0424A;--color-error-soft: #FAE6E7;--color-info: #5B9BB5;--color-info-soft: #E2F0F6;--deep-sea: #1A4A5E;--glacier: #5B9BB5;--sage: #4BA893;--midnight: #0D2535;--steel: #6C7E87;--arctic: #EDF4F8;--grad-ocean: linear-gradient(135deg, #1A4A5E, #5B9BB5);--grad-sage-glacier: linear-gradient(135deg, #4BA893, #5B9BB5);--grad-sage-deep: linear-gradient(135deg, #4BA893, #1A4A5E);--grad-page: linear-gradient(160deg, #EDF4F8 0%, #E2F0F6 50%, #D0E5EE 100%);--shadow-sm: 0 2px 10px rgba(13, 37, 53, .06);--shadow-md: 0 6px 20px rgba(13, 37, 53, .1);--shadow-lg: 0 12px 36px rgba(13, 37, 53, .14);--shadow-primary: 0 6px 18px rgba(26, 74, 94, .25);--shadow-health: 0 6px 18px rgba(75, 168, 147, .22);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--wa: #25D366;color-scheme:light}html{color-scheme:light only}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:DM Sans,Cairo,Tajawal,system-ui,-apple-system,sans-serif;background:var(--grad-page);background-attachment:fixed;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}[lang=ar],.ar{font-family:Tajawal,Cairo,Amiri,Noto Kufi Arabic,sans-serif;direction:rtl;text-align:right}.ar h1,.ar h2,.ar h3,.ar-title{font-family:Amiri,Tajawal,serif;font-weight:700}.display-font,h1.display,h2.display{font-family:"DM Serif Display",Playfair Display,serif;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:13px;width:100%;min-width:0;padding:11px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-soft)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:36px}textarea{resize:vertical;min-height:60px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.container{max-width:800px;margin:0 auto;width:100%}.container-lg{max-width:1100px;margin:0 auto;width:100%}.fade-in{animation:fadeIn .4s ease-out both}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-primary);transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none;border:none}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);text-decoration:none}.btn-primary:disabled{background:var(--color-text-disabled);cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:13px;font-weight:500;border:1.5px solid var(--color-border);transition:all .2s;text-decoration:none}.btn-secondary:hover{border-color:var(--color-border-strong);background:var(--color-accent-pale);text-decoration:none}.btn-accent{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-md);background:transparent;color:var(--color-accent);font-size:13px;font-weight:600;border:1.5px solid var(--color-accent);transition:all .2s;text-decoration:none}.btn-accent:hover{background:var(--color-accent-soft);text-decoration:none}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:22px 24px;box-shadow:var(--shadow-sm);overflow:hidden}.card-alt{background:var(--color-surface-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:22px 24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em}.chip-info{background:var(--color-info-soft);color:var(--color-info)}.chip-success{background:var(--color-success-soft);color:var(--color-success)}.chip-warning{background:var(--color-warning-soft);color:var(--color-warning)}.chip-error{background:var(--color-error-soft);color:var(--color-error)}.chip-neutral{background:var(--color-surface-alt);color:var(--color-text-body)}.progress-bar{height:6px;background:var(--color-surface-alt);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--color-health);border-radius:99px;transition:width .4s ease}