@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap");:root{--deep-navy:#0B3A2E;--velocity:#0C7A59;--velocity-2:#0A6249;--tier-accent:var(--velocity);--tier-bg:var(--deep-navy);--focus-ring:rgba(12,122,89,0.35);--snow:#F4F7F2;--steel:#6E6A60;--ink:#16140F;--border:#DDE7DC;--border-2:#CBD9C8;--success:#10b981;--success-bg:rgba(16,185,129,0.1);--warn:#f59e0b;--warn-bg:rgba(245,158,11,0.1);--danger:#dc2626;--danger-bg:rgba(220,38,38,0.1);--info:#4f46e5;--info-bg:rgba(79,70,229,0.1);--sidebar-w:240px;--sidebar-w-collapsed:64px;--topbar-h:56px;--shadow-sm:0 1px 2px rgba(22,20,15,0.05);--shadow-md:0 8px 28px rgba(22,20,15,0.08);--shadow-lg:0 18px 48px rgba(22,20,15,0.10);--paper:#FAF8F4;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Readex Pro,IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--snow);color:var(--deep-navy);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--velocity);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit;font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px;border-color:var(--velocity)}.container{max-width:1200px;margin:0 auto;padding:20px 24px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh;transition:grid-template-columns .2s ease}.app-shell--collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app-sidebar{grid-area:sidebar;background:var(--deep-navy);color:#fff;overflow-y:auto;overflow-x:hidden;flex-direction:column;height:100vh}.app-sidebar,.app-topbar{display:flex;position:-webkit-sticky;position:sticky;top:0}.app-topbar{grid-area:topbar;background:#fff;border-bottom:1px solid var(--border);align-items:center;padding:0 20px;gap:12px;z-index:20}.app-main{grid-area:main;padding:20px 24px;max-width:100%;overflow-x:hidden}.sb-brand{gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-brand,.sb-cube{display:flex;align-items:center}.sb-cube{width:32px;height:32px;background:var(--velocity);color:#fff;border-radius:8px;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.sb-brand-text{font-weight:800;font-size:15px;white-space:nowrap}.sb-nav{padding:8px 0;flex:1 1}.sb-section{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:14px 16px 6px;color:rgba(255,255,255,.4);white-space:nowrap}.sb-link{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:0 8px;border-radius:6px;color:rgba(255,255,255,.8)!important;font-weight:500;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.sb-link,.sb-link:hover{text-decoration:none!important}.sb-link:hover{background:rgba(255,255,255,.06);color:#fff!important}.sb-link--active{background:var(--velocity);color:#fff!important;font-weight:700}.sb-link--active:hover{background:var(--velocity-2)}.sb-icon{width:18px;text-align:center;flex-shrink:0;font-size:14px}.app-shell--collapsed .sb-brand-text,.app-shell--collapsed .sb-link-text,.app-shell--collapsed .sb-section{display:none}.app-shell--collapsed .sb-link{justify-content:center;padding:8px;margin:0 8px}.tb-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--steel);font-size:18px}.tb-toggle:hover{background:var(--snow)}.tb-title{font-weight:700;font-size:14px;color:var(--deep-navy)}.tb-right{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;gap:8px}.tb-tag{font-size:11px;font-weight:700;color:var(--steel);background:var(--snow);padding:4px 10px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}.tb-btn{padding:6px 12px;border:1px solid var(--border);background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:var(--deep-navy)}.tb-btn:hover{background:var(--snow)}@media (max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.app-sidebar{position:fixed;inset-inline-start:0;top:0;width:260px;height:100vh;transform:translateX(-100%);z-index:30;box-shadow:4px 0 16px rgba(0,0,0,.2)}html[dir=rtl] .app-sidebar{transform:translateX(100%)}.app-shell--open .app-sidebar{transform:translateX(0)}.app-shell--open:after{content:"";position:fixed;inset:0;background:rgba(22,20,15,.4);z-index:25}.app-main{padding:16px}}.card{background:#fff;padding:20px;border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:16px}.card-tight{padding:14px}.card-title{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--steel);text-transform:uppercase;margin:0 0 12px}.card-h2{font-size:16px;font-weight:700;margin:0 0 12px}.page-title{font-size:24px;font-weight:800;margin:0 0 4px;letter-spacing:-.3px}.page-lede{color:var(--steel);font-size:13px;margin:0 0 20px}.stat{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.stat-label{font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--steel);text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:1.1}.stat-sub{font-size:12px;color:var(--steel);margin-top:4px}.stat--danger .stat-value{color:var(--danger)}.stat--success .stat-value{color:var(--success)}.stat--warn .stat-value{color:var(--warn)}.stat--velocity .stat-value{color:var(--velocity)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warn{background:var(--warn-bg);color:var(--warn)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--steel{background:var(--snow);color:var(--steel)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--r-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;min-width:600px}.table th{text-align:start;font-size:11px;font-weight:800;color:var(--steel);text-transform:uppercase;letter-spacing:.4px;background:var(--snow);white-space:nowrap}.table td,.table th{padding:12px 16px;border-bottom:1px solid var(--border)}.table td{font-size:13px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(245,247,250,.5)}.mono,.table .mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.table-empty{padding:32px;text-align:center;color:var(--steel);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid transparent;transition:background .15s,opacity .15s;white-space:nowrap;text-decoration:none!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--velocity);color:#fff}.btn--primary:hover:not(:disabled){background:var(--velocity-2);color:#fff!important}.btn--secondary{background:#fff;color:var(--deep-navy);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--snow)}.btn--danger{background:#fff;color:var(--danger);border-color:var(--danger)}.btn--success{background:var(--success);color:#fff}.btn--sm{padding:4px 10px;font-size:11px}.field{margin-bottom:12px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--steel);margin-bottom:4px}.field-input,.field-select,.field-textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.field-textarea{min-height:60px;resize:vertical;font-family:inherit}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.tab{padding:8px 14px;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;color:var(--steel);border:1px solid transparent;border-bottom:none;background:transparent}.tab:hover{color:var(--deep-navy)}.tab--active{color:var(--velocity);border-color:var(--border);margin-bottom:-1px}.pill,.tab--active{background:#fff;font-weight:700}.pill{padding:6px 12px;border-radius:999px;font-size:12px;color:var(--deep-navy);border:1px solid var(--border);white-space:nowrap}.pill--active{background:var(--velocity);color:#fff;border-color:var(--velocity)}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin:12px 0}.alert--error{background:var(--danger-bg);color:var(--danger)}.alert--success{background:var(--success-bg);color:var(--success)}.alert--warn{background:var(--warn-bg);color:var(--warn)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-header__actions{display:flex;gap:8px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:700px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-3{grid-template-columns:1fr}}.kv{display:flex;padding:8px 0;border-bottom:1px solid var(--border);gap:12px;font-size:13px}.kv:last-child{border-bottom:none}.kv-label{width:140px;color:var(--steel);flex-shrink:0;font-size:12px}.kv-value{flex:1 1;font-weight:500}.kv-value--mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filter-input{flex:1 1;min-width:min(200px,100%);padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff}.filter-input:focus{outline:2px solid var(--focus-ring);outline-offset:-1px;border-color:var(--velocity)}html[dir=rtl] [data-flip-arrow]:before{content:"→ "}html[dir=ltr] [data-flip-arrow]:before{content:"← "}.portal-shell{min-height:100vh;overflow-x:hidden}.portal-topbar{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20;overflow-x:clip}.portal-topbar__inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.portal-topbar__inner>*{min-width:0}@media (max-width:640px){.portal-topbar__brand-stack{display:none}.portal-topbar__inner{padding:10px 12px;gap:8px}.tb-btn{padding:6px 10px;font-size:12px}}.portal-tabs{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.portal-tab{padding:12px 16px;font-size:13px;font-weight:600;color:var(--steel);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none!important}.portal-tab:hover{color:var(--deep-navy)}.portal-tab--active{color:var(--velocity);border-bottom-color:var(--velocity);font-weight:700}.portal-main{max-width:1100px;margin:0 auto;padding:20px}.text-steel{color:var(--steel)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-velocity{color:var(--velocity)}.text-mono{font-family:ui-monospace,Menlo,monospace}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.fw-700{font-weight:700}.fw-800{font-weight:800}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-1{flex:1 1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}body{line-height:1.55}.amount,.num,.stat-num,[data-numeric],td.amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}