:root{--navy-50:#EEF2F8;--navy-100:#C9D5E6;--navy-200:#A5B8D2;--navy-300:#8FA5C5;--navy-400:#6D88AC;--navy-500:#4F6E96;--navy-600:#2F517F;--navy-700:#1B3A6B;--navy-800:#12284A;--navy-900:#0A172C;--orange-50:#FEF3EA;--orange-100:#FCD9BC;--orange-200:#FABE8F;--orange-300:#F9B07E;--orange-400:#F7A05F;--orange-500:#F69140;--orange-600:#F47B20;--orange-700:#C25D11;--orange-800:#984708;--orange-900:#7A3A09;--teal-50:#E6F5F3;--teal-100:#B7E2DD;--teal-200:#8FD0C9;--teal-300:#7AC8BF;--teal-400:#57B8AE;--teal-500:#3FAEA4;--teal-600:#2EA39B;--teal-700:#1F7E78;--teal-800:#156258;--teal-900:#0E4541;--success:#10B981;--success-bg:#ECFDF5;--success-text:#065F46;--warning:#F59E0B;--warning-bg:#FEF3C7;--warning-text:#78350F;--danger:#EF4444;--danger-bg:#FEE2E2;--danger-text:#7F1D1D;--info:#3B82F6;--info-bg:#DBEAFE;--info-text:#1E3A8A;--success-border:var(--success);--warning-border:var(--warning);--danger-border:var(--danger);--info-border:var(--info);--n-0:#FFFFFF;--n-50:#FAFAF9;--n-100:#F5F5F4;--n-200:#E7E5E4;--n-300:#D6D3D1;--n-400:#A8A29E;--n-500:#78716C;--n-600:#57534E;--n-700:#44403C;--n-800:#292524;--n-900:#1C1917;--bg:var(--n-50);--bg-elev:var(--n-0);--bg-sunken:var(--n-100);--surface:var(--n-0);--surface-hover:var(--navy-50);--surface-alt:var(--bg-sunken);--border:var(--n-200);--border-strong:var(--n-300);--text:var(--n-900);--text-muted:var(--n-600);--text-soft:var(--n-500);--text-inv:var(--n-0);--link:var(--navy-700);--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;--elev-1:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);--elev-2:0 2px 4px rgba(15,23,42,.05),0 4px 8px rgba(15,23,42,.06);--elev-3:0 4px 8px rgba(15,23,42,.06),0 8px 16px rgba(15,23,42,.08);--elev-4:0 8px 16px rgba(15,23,42,.08),0 16px 32px rgba(15,23,42,.10);--elev-5:0 16px 32px rgba(15,23,42,.10),0 32px 64px rgba(15,23,42,.14);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:150ms;--dur-mid:250ms;--font-latin:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-arabic:"Cairo","Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--t-display:48px;--lh-display:56px;--t-h1:36px;--lh-h1:44px;--t-h2:28px;--lh-h2:36px;--t-h3:22px;--lh-h3:30px;--t-h4:18px;--lh-h4:26px;--t-bodyL:16px;--lh-bodyL:24px;--t-body:14px;--lh-body:22px;--t-small:13px;--lh-small:20px;--t-caption:12px;--lh-caption:18px;--focus-ring:0 0 0 2px var(--bg-elev),0 0 0 4px var(--navy-500)}[data-theme=dark]{--bg:#0B1220;--bg-elev:#111A2E;--bg-sunken:#07101F;--surface:#111A2E;--surface-hover:#19243C;--border:#1F2C46;--border-strong:#2A3956;--text:#E7ECF4;--text-muted:#A7B1C2;--text-soft:#7C8699;--text-inv:#0B1220;--link:#8FA5C5;--n-50:#111A2E;--n-100:#142039;--n-200:#1F2C46;--n-300:#2A3956;--n-400:#4B587A;--n-500:#7C8699;--n-600:#A7B1C2;--n-700:#C9D1DD;--n-800:#E7ECF4;--n-900:#F4F6FA}[dir=rtl] body{font-family:var(--font-arabic)}body{background:var(--bg-sunken);min-height:100vh;font-family:var(--font-latin)}.demo-nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:4px;display:flex;gap:2px;box-shadow:var(--elev-3)}.demo-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-muted);border-radius:var(--r-full);cursor:pointer;white-space:nowrap}.demo-nav button.active{background:var(--navy-700);color:white;font-weight:600}.toolbar-top{position:fixed;top:16px;inset-inline-end:16px;z-index:30;display:flex;gap:8px}.estate{min-height:100vh;display:grid;place-items:center;padding:100px 32px 80px;position:relative}.estate-card{max-width:540px;width:100%;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);padding:48px 40px;box-shadow:var(--elev-3);position:relative;overflow:hidden}.estate-card:before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:480px;height:240px;pointer-events:none;z-index:0}.estate-card.danger:before{background:radial-gradient(ellipse,rgba(239,68,68,.12),transparent 70%)}.estate-card.warning:before{background:radial-gradient(ellipse,rgba(244,123,32,.12),transparent 70%)}.estate-card.info:before{background:radial-gradient(ellipse,rgba(59,130,246,.12),transparent 70%)}.estate-card.success:before{background:radial-gradient(ellipse,rgba(46,163,155,.14),transparent 70%)}.estate-card>*{position:relative;z-index:1}.estate-icon{width:88px;height:88px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;color:white}.estate-icon.danger{background:linear-gradient(135deg,#FCA5A5,var(--danger))}.estate-icon.warning{background:linear-gradient(135deg,var(--orange-400),var(--orange-700))}.estate-icon.info{background:linear-gradient(135deg,#93C5FD,var(--info))}.estate-icon.success{background:linear-gradient(135deg,var(--teal-400),var(--teal-700))}.estate-icon.navy{background:linear-gradient(135deg,var(--navy-500),var(--navy-900))}.estate-code{font-family:var(--font-mono);font-size:13px;color:var(--text-soft);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.estate-card h1{margin:0 0 12px;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.025em;color:var(--text)}.estate-card p{margin:0 0 28px;color:var(--text-muted);font-size:15px;line-height:1.6}.estate-card .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.estate-meta{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--text-soft);flex-wrap:wrap;gap:12px}.estate-meta span{font-family:var(--font-mono)}.estate-bg-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(27,58,107,.03) 1px,transparent 0),linear-gradient(180deg,rgba(27,58,107,.03) 1px,transparent 0);background-size:32px 32px;pointer-events:none}.giant-num{font-family:var(--font-arabic);font-size:140px;line-height:1;font-weight:700;color:transparent;background:linear-gradient(135deg,var(--navy-700),var(--navy-500) 50%,var(--orange-600));background-clip:text;-webkit-background-clip:text;margin-bottom:8px;letter-spacing:-.04em}.offline-bar{display:inline-flex;align-items:center;gap:8px;background:var(--warning-bg);color:var(--warning-text);padding:6px 12px;border-radius:var(--r-full);font-size:12px;font-weight:600;border:1px solid rgba(245,158,11,.3);margin-bottom:20px}[data-theme=dark] .offline-bar{background:rgba(245,158,11,.14);color:#FCD34D;border-color:rgba(245,158,11,.3)}.offline-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--warning);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.offline-stats{margin-top:20px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;text-align:start}.offline-stats .s .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-weight:600}.offline-stats .s .val{font-family:var(--font-mono);font-weight:600;font-size:14px;color:var(--text);margin-top:2px}.splash{position:relative;min-height:100vh;background:linear-gradient(135deg,var(--navy-700) 0,var(--navy-800) 60%,var(--navy-900) 100%);display:grid;place-items:center;overflow:hidden}.splash:before{content:"م";inset-inline-start:-100px;bottom:-200px;font-family:var(--font-arabic);font-size:800px;font-weight:700;color:rgba(255,255,255,.04);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splash:after,.splash:before{position:absolute;pointer-events:none}.splash:after{content:"";inset-inline-end:-150px;top:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(244,123,32,.2),transparent 60%)}.splash-inner{text-align:center;z-index:1;color:white}.splash-mark{width:96px;height:96px;margin:0 auto 28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;display:grid;place-items:center;font-family:var(--font-arabic);color:white;box-shadow:0 16px 40px -12px rgba(0,0,0,.4);animation:bounce-in .8s var(--ease-out) backwards}.splash-mark,.splash-name{font-size:56px;font-weight:700}.splash-name{letter-spacing:-.03em;margin:0 0 8px;animation:fade-up .6s var(--ease-out) .2s backwards}.splash-tag{font-size:15px;color:rgba(255,255,255,.7);margin:0 0 48px;font-family:var(--font-arabic);font-weight:500;animation:fade-up .6s var(--ease-out) .4s backwards}.splash-loader{width:240px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin:0 auto;overflow:hidden;position:relative;animation:fade-up .6s var(--ease-out) .6s backwards}.splash-loader:after{content:"";position:absolute;inset-inline-start:-40%;top:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--orange-500),transparent);animation:slide-loader 1.8s ease-in-out infinite}.splash-foot{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:rgba(255,255,255,.4);font-size:11px;z-index:1}.splash-foot strong{color:rgba(255,255,255,.6);font-weight:600}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-loader{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.modal-stage{min-height:100vh;background:rgba(15,23,42,.5);display:grid;place-items:center;padding:32px;position:relative}.modal-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0);background-size:32px 32px;background-color:var(--bg);z-index:-1}.dest-modal{max-width:560px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--elev-5);overflow:hidden}.dest-modal .head{padding:24px;display:grid;grid-template-columns:48px 1fr 28px;gap:16px;align-items:flex-start;border-bottom:1px solid var(--border)}.dest-modal .icon-circ{width:48px;height:48px;border-radius:50%;background:var(--danger-bg);color:var(--danger-text);display:grid;place-items:center}[data-theme=dark] .dest-modal .icon-circ{background:rgba(239,68,68,.14);color:#FCA5A5}.dest-modal h3{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--text)}.dest-modal .head p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.dest-modal .close{width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--text-soft);cursor:pointer;display:grid;place-items:center}.dest-modal .close:hover{background:var(--bg-sunken);color:var(--text)}.dest-modal .body{padding:20px 24px}.dest-modal .impact{background:var(--danger-bg);border:1px solid rgba(239,68,68,.25);border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--danger-text)}[data-theme=dark] .dest-modal .impact{background:rgba(239,68,68,.08);color:#FCA5A5;border-color:rgba(239,68,68,.25)}.dest-modal .impact strong{font-weight:700}.dest-modal .impact-list{display:grid;gap:4px}.dest-modal .impact-list .row{display:flex;align-items:center;gap:8px}.dest-modal .impact-list .row .b{font-family:var(--font-mono);font-weight:700;min-width:24px;text-align:end}.dest-modal .confirm-input{margin-top:16px}.dest-modal .confirm-input label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.dest-modal .confirm-input label strong{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);padding:1px 6px;border-radius:var(--r-xs);font-weight:700;color:var(--danger-text)}[data-theme=dark] .dest-modal .confirm-input label strong{color:#FCA5A5}.dest-modal .foot{padding:16px 24px;background:var(--bg-sunken);display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}