:root{--brand:#0fa45c;--brand-dark:#0b7f47;--brand-soft:#e8f7ef;--ink:#26313a;--ink-soft:#edf0f2;--bg:#f5f7f8;--surface:#ffffff;--surface-2:#f4f7f6;--border:#e3e9e7;--text:#101a21;--text-2:#67747e;--text-3:#9aa6ae;--danger:#dc2626;--danger-soft:#fdecec;--success:#0fa45c;--success-soft:#e8f7ef;--warning:#d97706;--warning-soft:#fff6e5;--info:#0284c7;--info-soft:#e5f3fb;--syp:#0fa45c;--syp-soft:#e8f7ef;--usd:#1f6feb;--usd-soft:#e8f0fe;--on-brand:#ffffff;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 3px rgba(16,26,33,0.06);--shadow:0 2px 10px rgba(16,26,33,0.08);--shadow-lg:0 12px 32px rgba(16,26,33,0.12);--sidebar-w:254px;--header-h:62px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Arabic",sans-serif}[data-theme=dark]{--brand:#22c77b;--brand-dark:#149257;--brand-soft:#0e2c1e;--ink:#dde5ea;--ink-soft:#1b242b;--bg:#080d11;--surface:#121a20;--surface-2:#18232a;--border:#22303a;--text:#eaf1f0;--text-2:#93a1ab;--text-3:#6c7c86;--danger:#f87171;--danger-soft:#3a1f21;--success:#22c77b;--success-soft:#0e2c1e;--warning:#fbbf24;--warning-soft:#3a3118;--info:#38bdf8;--info-soft:#102c3a;--syp:#22c77b;--syp-soft:#0e2c1e;--usd:#5b9bff;--usd-soft:#14213a;--on-brand:#04150c;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow:0 2px 10px rgba(0,0,0,0.45);--shadow-lg:0 12px 32px rgba(0,0,0,0.55)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1 1}.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:15px;font-weight:700}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.h1{font-size:24px;letter-spacing:-.3px}.h1,.h2{font-weight:700}.h2{font-size:18px}.h3{font-size:15px;font-weight:600}.small{font-size:12px}.tiny{font-size:11px}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:var(--radius);font-size:13px;font-weight:600;border:1px solid transparent;transition:filter .15s ease,background .15s ease,opacity .15s ease;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);filter:none}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--surface-2);filter:none}.btn-sm{height:32px;padding:0 11px;font-size:12px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease}.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-padding-end:30px;padding-inline-end:30px;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}[dir=rtl] .select{background-position:11px 17px,16px 17px;background-image:linear-gradient(135deg,transparent 50%,var(--text-2) 50%),linear-gradient(45deg,var(--text-2) 50%,transparent 50%)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-neutral{background:var(--surface-2);color:var(--text-2)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-syp{background:var(--syp-soft);color:var(--syp)}.badge-usd{background:var(--usd-soft);color:var(--usd)}.table-wrap{overflow-x:auto}.table th{text-align:start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);padding:11px 16px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 16px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-2);flex-shrink:0}.avatar,.skeleton{background:var(--surface-2)}.skeleton{border-radius:var(--radius-sm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;text-align:center;color:var(--text-2)}.divider{height:1px;background:var(--border)}.credit{color:var(--success)}.debit{color:var(--text)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fade .14s ease}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:rise .18s ease}.dialog-wide{max-width:900px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast-host{position:fixed;inset-block-end:22px;inset-inline-end:22px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{display:flex;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);-webkit-border-start:3px solid var(--brand);border-inline-start:3px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:rise .18s ease}.toast-error{border-inline-start-color:var(--danger)}.toast-success{border-inline-start-color:var(--success)}@media (max-width:900px){:root{--sidebar-w:0px}}