:root{--font-arabic: "IBM Plex Sans Arabic", sans-serif;--font-latin: "IBM Plex Sans", sans-serif;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #ebebeb;--bg-warm: #f4f3f0;--surface-dark-card: #080808;--surface-light-card: #ffffff;--text-primary: #0d0d0d;--text-secondary: #555555;--text-tertiary: #717171;--text-inverse: #ffffff;--accent-blue: #1d4ed8;--accent-blue-light: #3b82f6;--accent-green: #22c55e;--accent-error: #eb3232;--border-default: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--border-accent: #1d4ed8;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 50px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-110: 110px;--space-120: 120px;--container-max: 1200px;--container-pad: clamp(20px, 5vw, 120px);--nav-height: 68px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-arabic);font-size:16px;line-height:1.68;letter-spacing:.24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.12}h1{font-size:clamp(32px,6vw,56px);letter-spacing:-1.8px}h2{font-size:clamp(24px,4vw,34px);letter-spacing:-1px}h3{font-size:20px;letter-spacing:-.4px;line-height:1.4}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.num{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;direction:ltr;unicode-bidi:isolate}.shell{min-height:100%;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:20;height:var(--nav-height);display:flex;align-items:center;gap:var(--space-8);padding:0 var(--container-pad);background:#ffffffe0;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border-default)}.nav-brand{font-weight:700;font-size:15px;letter-spacing:-.2px;margin-inline-end:auto;white-space:nowrap}.nav-brand small{display:block;font-weight:400;font-size:11px;color:var(--text-tertiary);letter-spacing:.4px;line-height:1.2}.nav-tabs{display:flex;gap:var(--space-4);overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab[aria-current=page]{background:var(--text-primary);color:var(--text-inverse);font-weight:700}.main{flex:1;padding:var(--space-40) var(--container-pad) var(--space-96)}.wrap{max-width:var(--container-max);margin:0 auto}.page-head{margin-bottom:var(--space-32)}.eyebrow{display:flex;align-items:center;gap:var(--space-12);font-size:12px;font-weight:600;letter-spacing:1.2px;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:var(--space-12)}.eyebrow .idx{color:var(--accent-blue-light);font-family:var(--font-latin);font-weight:800}.eyebrow .rule{flex:1;height:1px;background:var(--border-default)}.lede{color:var(--text-secondary);font-size:15px;margin-top:var(--space-12);max-width:62ch}.card{background:var(--surface-light-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-24)}.card.flush{padding:0;overflow:hidden}.card.warm{background:var(--bg-warm)}.card.dark{background:var(--surface-dark-card);color:var(--text-inverse);border-color:transparent}.card.dark .stat-label,.card.dark .muted{color:#ffffff9e}.grid{display:grid;gap:var(--space-16)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:var(--space-16)}.row{display:flex;align-items:center;gap:var(--space-12)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.stat-num{font-family:var(--font-latin);font-size:34px;font-weight:800;letter-spacing:-1.02px;color:var(--accent-blue-light);line-height:1.1;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.stat-num.lg{font-size:clamp(36px,5vw,46px);letter-spacing:-1.6px}.stat-num.ink{color:var(--text-primary)}.stat-num.good{color:var(--accent-green)}.stat-num.bad{color:var(--accent-error)}.stat-label{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;margin-top:var(--space-4)}.stat-note{font-size:13px;color:var(--text-tertiary);margin-top:var(--space-8)}.muted{color:var(--text-tertiary);font-size:13px}.bar{height:6px;border-radius:var(--radius-pill);background:var(--bg-tertiary);overflow:hidden}.bar>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent-blue-light);transition:width var(--transition-slow)}.bar.good>span{background:var(--accent-green)}.bar.warn>span{background:#eab308}.bar.bad>span{background:var(--accent-error)}.field{display:flex;flex-direction:column;gap:var(--space-8)}.label{font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--text-secondary);text-transform:uppercase}.input,.select{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:15px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #1d4ed81a}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;cursor:pointer}.amount-input{font-family:var(--font-latin);font-size:clamp(32px,7vw,48px);font-weight:800;letter-spacing:-1.6px;padding:var(--space-16) var(--space-20);text-align:start;direction:ltr;border-radius:var(--radius-lg);font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:var(--space-12);cursor:pointer;font-size:15px}.check input{width:18px;height:18px;accent-color:var(--accent-blue);cursor:pointer}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:12px 24px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;letter-spacing:.24px;border:1px solid var(--text-primary);background:var(--text-primary);color:var(--text-inverse);transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn:hover:not(:disabled){opacity:.86}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--bg-secondary);border-color:var(--border-strong);color:var(--text-secondary)}.btn.lg{padding:16px 32px;font-size:15px;width:100%}.btn.sm{padding:8px 16px;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-secondary);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.chip[aria-pressed=true]{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-inverse);font-weight:600}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border-default)}.list-item:last-child{border-bottom:0}.list-item .title{font-size:15px;font-weight:500}.list-head{padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border-default);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary)}.pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.4px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default)}.pill.blue{background:#3b82f61a;color:var(--accent-blue);border-color:#1d4ed833}.pill.red{background:#eb323214;color:var(--accent-error);border-color:#eb323233}.pill.green{background:#22c55e1a;color:#15803d;border-color:#22c55e40}.pill.amber{background:#eab3081f;color:#a16207;border-color:#eab3084d}.note{padding:var(--space-16) var(--space-20);border-radius:var(--radius-md);background:var(--bg-warm);border:1px solid var(--border-default);font-size:14px;color:var(--text-secondary)}.note.bad{background:#eb32320d;border-color:#eb323233;color:#9b1c1c}.note.good{background:#22c55e12;border-color:#22c55e40;color:#15803d}.gate{min-height:100%;display:grid;place-items:center;padding:var(--container-pad)}.gate .card{width:100%;max-width:380px}.skeleton{background:var(--bg-secondary);border-radius:var(--radius-md);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width: 860px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.g2,.g3,.g4{grid-template-columns:1fr}.nav{padding-inline:20px;gap:var(--space-4)}.nav-brand{font-size:13px}.nav-brand small{display:none}.main{padding-top:var(--space-24)}.list-item{padding-inline:var(--space-16)}.card{padding:var(--space-20)}}