@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah/sans-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah/sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah/sans-500.woff2) format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah/sans-700.woff2) format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:"Thmanyah Serif";src:url(/fonts/thmanyah/serif-400.woff2) format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:"Thmanyah Serif";src:url(/fonts/thmanyah/serif-700.woff2) format("woff2");font-weight:600 800;font-display:swap}@font-face{font-family:"Thmanyah Serif";src:url(/fonts/thmanyah/serif-900.woff2) format("woff2");font-weight:900;font-display:swap}:root{--green-950:#0c231d;--green-900:#14352a;--green-800:#1c4a3c;--green-700:#177e7a;--green-600:#1e938e;--green-500:#2aa69f;--green-100:#d7eae4;--green-50:#eef4ef;--gold-600:#b97f1d;--gold-500:#d99a2b;--gold-100:#f6e8cc;--bg:#f3eada;--surface:#fffdf7;--ink:#1d2b23;--ink-2:#35473d;--muted:#71705f;--line:#e5dbc5;--line-2:#d3c6aa;--success:#177e7a;--success-bg:#e2f0ec;--warning:#a05c14;--warning-bg:#f7ead2;--danger:#9e3b26;--danger-bg:#f7e4dd;--info:#2b5d8f;--info-bg:#e7eef5;--neutral-badge:#5d5a4c;--neutral-badge-bg:#efe8d8;--shadow-sm:0 1px 2px rgba(30,41,30,.06);--shadow-md:0 4px 12px -2px rgba(30,41,30,.08),0 2px 4px -2px rgba(30,41,30,.05);--shadow-lg:0 18px 40px -12px rgba(20,53,42,.25);--radius:14px;--radius-lg:20px;--radius-sm:10px;--font:"Thmanyah Sans","Segoe UI Arabic","Segoe UI",system-ui,-apple-system,sans-serif;--sadu:repeating-linear-gradient(90deg,#d99a2b 0 14px,#9e3b26 14px 28px,#177e7a 28px 42px,#14352a 42px 56px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4{font-weight:800;line-height:1.35}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}::selection{background:var(--green-100)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.shell{display:flex;min-height:100vh}.sidebar{width:264px;flex-shrink:0;background:radial-gradient(120% 60% at 100% 0,rgba(23,126,122,.22) 0,transparent 60%),linear-gradient(180deg,var(--green-950) 0,var(--green-900) 100%);color:#ece5d2;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 14px;border-left:none}.sidebar:before{content:"";display:block;height:6px;margin:-20px -14px 16px;background:var(--sadu)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:16px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 4px 10px rgba(0,0,0,.35);display:grid;place-items:center;color:var(--green-950);font-size:21px}.brand-mark,.brand-name{font-weight:800;font-family:"Thmanyah Serif",var(--font)}.brand-name{font-size:20px;color:#fff}.brand-sub{font-size:11px;color:#cbb98a;margin-top:-4px}.nav-group-label{font-size:10.5px;font-weight:700;color:#8fa196;text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9.5px 12px;border-radius:10px;color:#c9c2ac;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease;margin-bottom:2px;border:1px solid transparent}.nav-item svg{width:19px;height:19px;flex-shrink:0;opacity:.85}.nav-item:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-item.active{background:linear-gradient(135deg,rgba(23,126,122,.35),rgba(23,126,122,.15));border-color:rgba(42,166,159,.4);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.nav-item.active svg{opacity:1;color:var(--gold-500)}.sidebar-footer{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.08);padding-top:14px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--green-950);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;background:hsla(38,51%,90%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.page-title{font-size:21px;font-weight:800}.page-sub{color:var(--muted);font-size:13px;margin-top:1px}.content{padding:26px 32px 60px;max-width:1240px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.card-title{font-size:16px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat:before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3.5px;border-radius:4px;background:var(--green-600)}.stat.gold:before{background:var(--gold-500)}.stat.blue:before{background:var(--info)}.stat.red:before{background:var(--danger)}.stat-label{font-size:12.5px;color:var(--muted);font-weight:700}.stat-value{font-size:26px;font-weight:800;margin-top:2px}.stat-hint{font-size:12px;color:var(--muted);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;line-height:1.4}.btn svg{width:17px;height:17px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;box-shadow:0 2px 6px rgba(23,126,122,.35),inset 0 1px 0 hsla(0,0%,100%,.18)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#3b2703;box-shadow:0 2px 6px rgba(217,138,11,.35),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-gold:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){border-color:var(--green-600);color:var(--green-700);background:var(--green-50)}.btn-danger-ghost{background:var(--surface);border-color:var(--line-2);color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg)}.btn-sm{padding:6px 13px;font-size:13px;border-radius:8px}.btn-sm svg{width:15px;height:15px}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:10px 14px;border:1.5px solid var(--line-2);border-radius:10px;font-size:14.5px;background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--green-600);box-shadow:0 0 0 3.5px rgba(42,166,159,.18)}.input::placeholder{color:#98a2b3}.field-error{color:var(--danger);font-size:12.5px;margin-top:4px;font-weight:600}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:right;padding:11px 18px;font-size:12px;font-weight:800;color:var(--muted);background:#fafbf9;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:13px 18px;vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--green-50)}.table tbody tr:last-child td{border-bottom:none}.row-title{font-weight:700}.row-sub{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3.5px 11px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--neutral-badge-bg);color:var(--neutral-badge)}.badge-gold{background:var(--gold-100);color:var(--gold-600)}.modal-overlay{position:fixed;inset:0;background:rgba(12,35,29,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px;animation:fadeIn .18s ease}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.modal-lg{max-width:780px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px}.modal-title{font-size:17px;font-weight:800}.modal-body{padding:6px 24px 20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 22px}.modal-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px;display:grid;place-items:center}.modal-close:hover{background:var(--neutral-badge-bg);color:var(--ink)}.modal-close svg{width:19px;height:19px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;bottom:24px;inset-inline-start:24px;z-index:200;flex-direction:column}.toast,.toast-stack{display:flex;gap:10px}.toast{align-items:center;background:var(--green-950);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow-lg);font-weight:600;font-size:14px;max-width:420px;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.toast.error{background:#5c1512}.toast svg{width:18px;height:18px;flex-shrink:0}.toast.success svg{color:var(--green-500)}.toast.error svg{color:#f97066}.empty{text-align:center;padding:54px 20px;color:var(--muted)}.empty svg{width:44px;height:44px;opacity:.35;margin-bottom:10px}.empty-title{font-weight:800;color:var(--ink-2);font-size:15px}.empty-sub{font-size:13px;margin-top:2px}.spinner{width:22px;height:22px;border:2.5px solid var(--line-2);border-top-color:var(--green-600);border-radius:50%;animation:spin .7s linear infinite}.spinner-center{display:grid;place-items:center;padding:60px}@keyframes spin{to{transform:rotate(1turn)}}.section-title{font-size:16px;font-weight:800;margin:26px 0 14px;display:flex;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.flex{gap:10px}.flex,.flex-between{display:flex;align-items:center}.flex-between{justify-content:space-between;gap:12px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:12.5px}.amount,.bold{font-weight:800}.amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount-currency{font-size:11px;color:var(--muted);font-weight:700;-webkit-margin-start:3px;margin-inline-start:3px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width:860px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none!important}}.login-hero{background:radial-gradient(90% 70% at 20% 10%,rgba(23,126,122,.4) 0,transparent 55%),radial-gradient(70% 60% at 90% 90%,rgba(217,154,43,.25) 0,transparent 55%),linear-gradient(160deg,var(--green-950) 0,var(--green-900) 55%,var(--green-800) 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-size:26px 26px;pointer-events:none}.login-form-side{display:grid;place-items:center;padding:40px 24px;background:var(--bg)}.login-card{width:100%;max-width:410px}.hero-quote{font-size:30px;font-weight:800;line-height:1.5;max-width:430px}.hero-points{display:flex;flex-direction:column;gap:14px;margin-top:30px}.hero-point{display:flex;align-items:center;gap:12px;color:#cfe3d7;font-weight:600;font-size:15px}.hero-point svg{width:20px;height:20px;color:var(--green-500);flex-shrink:0}.item-row{display:grid;grid-template-columns:1fr 110px 130px 130px 40px;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.item-total-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--green-50),#fdfefd);border:1.5px dashed var(--green-600);border-radius:12px;padding:14px 20px;margin-top:8px}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .13s ease}.icon-btn:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.icon-btn svg{width:16px;height:16px}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line-2);font-weight:600}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:17px;font-weight:800;color:var(--green-700)}.tabs{display:inline-flex;background:#eaeee8;border-radius:11px;padding:4px;gap:2px}.tab{padding:7px 18px;border-radius:8px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;border:none;background:transparent;transition:all .15s ease}.tab.active{background:var(--surface);color:var(--green-700);box-shadow:var(--shadow-sm)}@media (max-width:1024px){.sidebar{width:224px}.content{padding:20px}.topbar{padding:14px 20px}.grid-2{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 80px 100px 100px 36px}}@media (max-width:820px){input,select,textarea{font-size:16px!important}}html{-webkit-tap-highlight-color:transparent;background:var(--bg)}body:has(.najdi){background:#f3eada}html:has(.najdi){background:#f3eada}.kufi-brand{font-family:"Thmanyah Serif",serif;font-weight:800}.btn{min-height:44px}.btn-sm{min-height:38px}.tab{min-height:42px}.icon-btn{min-width:44px;min-height:44px}.toast-stack{bottom:calc(20px + env(safe-area-inset-bottom));inset-inline-start:16px;max-width:calc(100vw - 32px)}.wake-hint{opacity:0;animation:wakehint .4s ease 4s forwards;text-align:center;font-size:13.5px;color:var(--muted);margin-top:14px}@keyframes wakehint{to{opacity:1}}@media (prefers-reduced-motion:reduce){.wake-hint{animation:none;opacity:1}}