:root{--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f4f4f4;--color-gray-200:#e8e8e8;--color-gray-300:#d6d6d6;--color-gray-400:#a8a8a8;--color-gray-500:#7a7a7a;--color-gray-600:#565656;--color-gray-700:#3a3a3a;--color-gray-800:#242424;--color-gray-900:#141414;--color-black:#000;--color-status-success:#1e7a46;--color-status-warning:#8a6100;--color-status-danger:#a32222;--font-sans:"IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", sans-serif;--font-serif:"Noto Naskh Arabic", "Cormorant Garamond", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:2.875rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px;--duration-instant:.12s;--duration-fast:.2s;--duration-normal:.32s;--duration-slow:.5s;--ease-out:cubic-bezier(.22, 1, .36, 1);--surface-canvas:var(--color-white);--surface-raised:var(--color-gray-50);--surface-sunken:var(--color-gray-100);--surface-inverse:var(--color-gray-900);--border-subtle:var(--color-gray-200);--border-default:var(--color-gray-300);--border-strong:var(--color-gray-900);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-500);--text-on-inverse:var(--color-white);--action-primary-bg:var(--color-gray-900);--action-primary-fg:var(--color-white);--action-primary-bg-hover:var(--color-black);--action-secondary-bg:var(--color-white);--action-secondary-fg:var(--color-gray-900);--action-secondary-border:var(--color-gray-900);--action-disabled-bg:var(--color-gray-200);--action-disabled-fg:var(--color-gray-400);--focus-ring:var(--color-gray-900);--focus-width:2px;--focus-offset:2px}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased}body{font-size:var(--text-base);line-height:var(--leading-normal);margin:0}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--sidebar-width:248px;--topbar-height:64px}body{background:var(--surface-sunken)}.layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface-inverse);color:var(--text-on-inverse);padding:var(--space-6) var(--space-4);gap:var(--space-8);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);font-size:var(--text-xl);letter-spacing:.02em;padding-inline-start:var(--space-2)}.brand small{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-gray-400);letter-spacing:.08em;margin-top:var(--space-1);display:block}.nav{gap:var(--space-1);flex-direction:column;display:flex}.nav a{padding:var(--space-3) var(--space-3);color:var(--color-gray-400);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);text-decoration:none;display:block}.nav a:hover{color:var(--color-white);background:var(--color-gray-800)}.nav a.active{color:var(--color-gray-900);background:var(--color-white);font-weight:var(--weight-medium)}.nav-group{font-size:var(--text-xs);color:var(--color-gray-400);letter-spacing:.1em;padding:var(--space-4) var(--space-3) var(--space-2)}.main{padding:var(--space-8);max-width:1400px}.page-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-head h1{font-size:var(--text-2xl);font-weight:var(--weight-medium);margin:0}.page-head p{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.card{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em}.stat-value{font-size:clamp(1.15rem, 5.2vw, var(--text-2xl));font-weight:var(--weight-medium);margin-top:var(--space-2);font-variant-numeric:tabular-nums;white-space:nowrap}.table{border-collapse:collapse;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;overflow:hidden}.table th{text-align:start;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-raised)}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-raised)}.num{font-variant-numeric:tabular-nums}.btn{font:inherit;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:1px solid #0000}.btn-primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}.btn-primary:hover:not(:disabled){background:var(--action-primary-bg-hover)}.btn-secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--action-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--surface-raised)}.btn:disabled{background:var(--action-disabled-bg);color:var(--action-disabled-fg);cursor:not-allowed;border-color:#0000}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--text-secondary)}.field input,.field textarea,.field select{font:inherit;font-size:var(--text-base);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-canvas);color:var(--text-primary)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong);outline:none}.badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;display:inline-block}.badge-neutral{color:var(--text-muted)}.badge-success{color:var(--color-status-success)}.badge-warning{color:var(--color-status-warning)}.badge-danger{color:var(--color-status-danger)}.badge-solid{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.login-screen{background:var(--surface-canvas);min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-box{width:100%;max-width:380px}.login-box .brand{text-align:center;margin-bottom:var(--space-8);font-size:var(--text-3xl);padding:0}.login-box .brand small{color:var(--text-muted)}.empty,.loading{padding:var(--space-16) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.error-box{padding:var(--space-3) var(--space-4);border:1px solid var(--color-status-danger);color:var(--color-status-danger);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-sunken);width:44px;height:44px;display:block}.row{align-items:center;gap:var(--space-3);display:flex}.muted{color:var(--text-muted);font-size:var(--text-xs)}.picker-wrap{position:relative}.picker{inset-inline:0;z-index:20;background:var(--surface-raised,#fff);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:220px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.picker-item{width:100%;padding:var(--space-3);font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:block}.picker-item:hover,.picker-item:focus-visible{background:var(--surface-sunken)}.picker-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs)}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-sm{font-size:var(--text-xs);padding:4px 10px}.btn-danger{border:1px solid var(--border-strong);color:var(--danger,#b42318);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger,#b42318);color:#fff}.notice-box{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-sm)}.slot{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;color:var(--text-muted);text-align:center;place-items:center;padding:2px;font-size:9px;line-height:1.1;display:grid;overflow:hidden}.slot:hover{border-color:var(--text-muted)}.slot-filled{border-style:solid;padding:0}.slot img{object-fit:cover;width:100%;height:100%;display:block}.topbar-mobile,.drawer-backdrop,.sidebar .drawer-close{display:none}@media (width<=1023px){html,body{overflow-x:hidden}.layout{grid-template-columns:minmax(0,1fr);max-width:100%}.main{min-width:0}.topbar-mobile{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-inverse);color:var(--text-on-inverse);z-index:30;display:flex;position:sticky;top:0}.topbar-mobile .brand{font-family:var(--font-serif);font-size:var(--text-lg);padding:0}.sidebar{z-index:50;width:min(300px,85vw);transition:transform var(--duration-base,.2s) var(--ease-out);height:100dvh;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}[dir=rtl] .sidebar{transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.is-open,[dir=rtl] .sidebar.is-open,[dir=ltr] .sidebar.is-open{transform:translate(0)}.drawer-backdrop{z-index:40;background:#00000073;display:block;position:fixed;inset:0}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.sidebar .drawer-close{display:inline-flex}.main{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.icon-btn{color:currentColor;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-btn:hover{background:#ffffff1f}@media (width<=900px){.table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.table td,.table th{padding:var(--space-3)}}@media (width<=640px){.page-head{align-items:stretch;gap:var(--space-2);flex-direction:column}.page-head h1{font-size:var(--text-xl)}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{padding:var(--space-4)}.actions{flex-direction:column;align-items:stretch}}@media (pointer:coarse){.btn,.nav a,select,input[type=text],input[type=number],input[type=email],input[type=password]{min-height:44px}}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-tab{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);background:var(--surface-canvas);color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--space-2);border-radius:999px;display:inline-flex}.filter-tab:hover{border-color:var(--color-gray-400)}.filter-tab.is-active{background:var(--color-gray-900);border-color:var(--color-gray-900);color:var(--color-white)}.filter-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:var(--color-gray-200);color:var(--color-gray-800);padding:0 var(--space-2);text-align:center;border-radius:999px;min-width:1.25rem}.filter-tab.is-active .filter-count{background:var(--color-gray-700);color:var(--color-white)}.inline-form{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.inline-form label{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.inline-form .actions{grid-column:1/-1}@media (width<=640px){.inline-form{grid-template-columns:1fr}}.month-nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.month-label{text-align:center;font-variant-numeric:tabular-nums;min-width:8.5ch}.waterfall{flex-direction:column;display:flex}.wf-row{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.wf-row:last-child{border-bottom:none}.wf-label small{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.6;display:block}.wf-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.wf-amount.is-negative,.num.is-negative{color:var(--danger,#b42318)}.wf-total{background:var(--surface-2,#00000008);margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);border-bottom:2px solid var(--border);font-weight:600}.wf-total .wf-label,.wf-total .wf-amount{font-size:1.05rem}.wf-info{opacity:.62}.wf-info .wf-amount{font-weight:400}.share-edit{align-items:center;gap:var(--space-2);color:var(--muted);font-size:.85rem;display:inline-flex}.share-edit input{font-variant-numeric:tabular-nums;width:5.5rem}.snapshot{background:var(--surface-2,#00000008);border:1px solid var(--border);border-radius:var(--radius-sm,6px);padding:var(--space-3);max-height:24rem;margin:0;font-size:.8rem;line-height:1.7;overflow-x:auto}@media (width<=640px){.wf-row{grid-template-columns:minmax(0,1fr);gap:2px}.wf-amount{text-align:start}.wf-total{margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3)}}