@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--brand-obsidian:#09191d;--brand-primary:#0f3b44;--brand-primary-hover:#154c57;--brand-primary-active:#0d272d;--brand-gold:#c59b3f;--brand-gold-hover:#d3ab4d;--brand-gold-active:#b08731;--surface-canvas:#f8faf9;--surface-card:#fff;--surface-subtle:#eaf1f2;--text-primary:#132428;--text-secondary:#576d72;--text-inverse:#fff;--text-on-dark-muted:#c4d3d5;--border-subtle:#e2e8e5;--border-control:#81979c;--status-success:#0d7a57;--status-success-bg:#eef7f4;--status-error:#a33830;--status-error-bg:#fdf1f0;--status-info:#2d6282;--status-info-bg:#f0f6fa;--status-warning:#805b12;--status-warning-bg:#fdf8ed;--paper:var(--surface-canvas);--obsidian:var(--brand-obsidian);--obsidian-surface:#0e242a;--ink:var(--text-primary);--teal:var(--brand-primary);--teal-hover:var(--brand-primary-hover);--teal-light:var(--surface-subtle);--teal-subtle:#f2f7f7;--gold:var(--brand-gold);--gold-hover:var(--brand-gold-hover);--gold-light:#fdf8ed;--gold-subtle:#fcf4e4;--gold-border:#c59b3f59;--emerald:var(--status-success);--emerald-hover:#0a6346;--emerald-light:var(--status-success-bg);--emerald-border:#0d7a5740;--crimson:var(--status-error);--crimson-light:var(--status-error-bg);--sapphire:var(--status-info);--sapphire-light:var(--status-info-bg);--canvas:var(--surface-canvas);--card:var(--surface-card);--card-subtle:#f5f8f7;--border:var(--border-subtle);--border-focus:var(--brand-primary);--line-subtle:#edf2ef;--text-main:var(--text-primary);--text-muted:var(--text-secondary);--text-subtle:var(--border-control);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #09191d0d;--shadow-md:0 4px 12px #09191d12;--shadow-lg:0 12px 32px #09191d1f;--focus-ring:3px solid #2d6282;--focus-offset:3px;--transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;--transition-color:.16s ease;--transition-entry:.22s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body[dir=rtl],[dir=rtl]{text-align:start;font-family:Noto Sans Arabic,Tahoma,sans-serif;line-height:1.8}body[lang=ur],[lang=ur]{line-height:1.95}body[dir=ltr],[dir=ltr]{text-align:start;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.3}h1{font-size:clamp(32px,4vw,56px);font-weight:700}h2{font-size:32px;font-weight:600}h3{font-size:22px;font-weight:600}@media (width<=768px){h2{font-size:26px}}p{color:var(--text-secondary)}a{color:inherit;transition:var(--transition);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.container{max-width:1200px;margin-inline:auto;padding-inline:32px}.container-narrow{max-width:840px;margin-inline:auto;padding-inline:24px}@media (width<=768px){.container,.container-narrow{padding-inline:16px}}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:#d1dcda}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover{background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-primary:active{background-color:var(--brand-primary-active)}.btn-accent,.btn-gold{background-color:var(--brand-gold);color:var(--brand-obsidian);border-color:var(--brand-gold);font-weight:700}.btn-accent:hover,.btn-gold:hover{background-color:var(--brand-gold-hover);border-color:var(--brand-gold-hover)}.btn-accent:active,.btn-gold:active{background-color:var(--brand-gold-active)}.btn-outline,.btn-secondary{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#fff}.btn-outline:hover,.btn-secondary:hover{background-color:var(--surface-subtle)}.btn-danger{background-color:var(--status-error);border-color:var(--status-error);color:#fff}.btn-danger:hover{background-color:#8c2e27}.btn-sm{border-radius:var(--radius-sm);min-height:38px;padding:6px 14px;font-size:.86rem}.btn:disabled{color:#576d72!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#e2e8e5!important;border-color:#e2e8e5!important;transform:none!important}.badge,.pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-green,.pill-success{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid #0d7a5740}.badge-green .badge-dot{background-color:var(--status-success)}.badge-gold,.pill-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid #805b1240}.badge-gold .badge-dot{background-color:var(--status-warning)}.badge-blue,.pill-info{background-color:var(--status-info-bg);color:var(--status-info);border:1px solid #2d628240}.badge-blue .badge-dot{background-color:var(--status-info)}.badge-red,.pill-error{background-color:var(--status-error-bg);color:var(--status-error);border:1px solid #a3383040}.badge-red .badge-dot{background-color:var(--status-error)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-primary);align-items:center;gap:4px;font-size:.92rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{border:1px solid var(--border-control);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text-primary);transition:var(--transition);background-color:#fff;outline:none;padding:10px 14px;font-size:.95rem}.form-input[aria-invalid=true],.form-select[aria-invalid=true]{border-color:var(--status-error)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f3b4426}.form-hint{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.form-error{color:var(--status-error);font-size:.82rem;line-height:1.4}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#09191db3;justify-content:center;align-items:center;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;padding:32px;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.alert{border-radius:var(--radius-md);border:1px solid;gap:12px;margin-bottom:12px;padding:16px;display:flex}.alert p{color:inherit;margin:0;font-size:.9rem}.alert strong{margin-bottom:2px;font-weight:600;display:block}.alert-success{background-color:var(--status-success-bg);color:var(--status-success);border-color:#0d7a574d}.alert-error{background-color:var(--status-error-bg);color:var(--status-error);border-color:#a338304d}.alert-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border-color:#805b124d}.alert-info{background-color:var(--status-info-bg);color:var(--status-info);border-color:#2d62824d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile-btn{display:inline-flex!important}}