:root{--navy:#0f3140;--blue:#2fa4d7;--beige:#f5e9d8;--bg:#f7f5f1;--card:#fff;--fg:#16242c;--muted:#6f7d84;--secondary:#f3efe7;--border:#e9e3d7;--ok:#3f7d52;--ok-soft:#e8f1e9;--danger:#a94a41;--danger-soft:#f4e5e3;--radius:12px;color:var(--fg);background:var(--bg);font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3{color:var(--navy);margin:0 0 12px}h2{font-size:1.35rem}a{color:var(--navy)}code{background:var(--secondary);direction:ltr;unicode-bidi:embed;border-radius:6px;padding:1px 6px}.muted{color:var(--muted)}.small{font-size:.85rem}.danger-text{color:var(--danger)!important}.spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:24px}.alert{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);padding:10px 14px}.shell{grid-template-rows:56px 1fr;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar{background:var(--navy);color:var(--beige);grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.topbar .muted{color:var(--beige);opacity:.75}.topbar .btn-outline{color:var(--beige);background:0 0;border-color:#f5e9d866}.brand{font-size:1.05rem}.menu-btn{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.4rem;display:none}.sidebar{background:var(--card);border-inline-start:1px solid var(--border);flex-direction:column;gap:2px;padding:12px;display:flex}.sidebar a{color:var(--fg);border-radius:10px;padding:9px 12px;text-decoration:none}.sidebar a.active{background:var(--navy);color:var(--beige)}.sidebar a:hover:not(.active){background:var(--secondary)}.nav-group{color:var(--muted);margin:14px 12px 4px;font-size:.78rem;font-weight:700}.content{width:100%;max-width:1100px;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.actions,.row-actions{flex-wrap:wrap;gap:6px;display:flex}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filters input{flex:1;min-width:200px}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px}th{background:var(--secondary);color:var(--muted);font-size:.85rem}tr:last-child td{border-bottom:0}.ltr-cell{text-align:end}.pagination{justify-content:center;align-items:center;gap:14px;margin:16px 0;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat{flex-direction:column;gap:4px;text-decoration:none;display:flex}.stat-value{color:var(--navy);font-size:2rem;font-weight:700}.details{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 12px;display:grid}.details dt{color:var(--muted);font-size:.8rem}.details dd{margin:2px 0 0;font-weight:500}.docs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.doc{margin:0}.doc img,.doc-skeleton,.doc-missing{object-fit:cover;border:1px solid var(--border);width:100%;height:150px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.doc figcaption{color:var(--muted);margin-top:6px;font-size:.85rem}.badge{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-off{background:var(--danger-soft);color:var(--danger)}.badge-info{color:#2a7ba3;background:#e5f0f6}.btn{border-radius:var(--radius);height:40px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:32px;padding:0 10px;font-size:.85rem}.btn-block{width:100%}.btn-primary{background:var(--navy);color:var(--beige)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:var(--card);border-color:var(--border);color:var(--fg)}.btn-ghost{color:var(--navy);background:0 0}.btn-ghost:hover{background:var(--secondary)}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--fg);padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px}input[type=checkbox]{width:auto}input[type=file]{padding:7px}.form{flex-direction:column;gap:14px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;margin:0;padding:14px;display:flex}legend{color:var(--navy);padding:0 6px;font-weight:700}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--muted);font-size:.85rem;font-weight:700}.field-hint{color:var(--muted);font-size:.78rem}.field-error{color:var(--danger);margin:0;font-size:.82rem}.has-error input,.has-error select,.has-error textarea{border-color:var(--danger)}.toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.form-actions{gap:10px;display:flex}.inline-form{max-width:520px}.row-between{justify-content:space-between;margin-top:8px;display:flex}.map{border-radius:var(--radius);border:1px solid var(--border);width:100%;height:300px}.login-page{background:var(--navy);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:380px}.login-card form{flex-direction:column;gap:14px;margin-top:12px;display:flex}.modal-backdrop{z-index:50;background:#11111173;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:440px;padding:20px;display:flex}.modal p{margin:0}.modal-actions{gap:8px;margin-top:6px;display:flex}.skeleton-list{flex-direction:column;gap:10px;display:flex}.skeleton{background:linear-gradient(90deg,#eee9df 25%,#f7f3ec 50%,#eee9df 75%) 0 0/200% 100%;border-radius:10px;height:44px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=820px){.shell{grid-template-columns:1fr}.menu-btn{display:block}.sidebar{top:56px;bottom:0;z-index:40;width:250px;display:none;position:fixed;inset-inline-start:0;box-shadow:0 10px 30px #00000026}.sidebar.open{display:flex}.content{padding:16px}.hide-sm{display:none}}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:9px 14px;font-weight:700;text-decoration:none;display:inline-flex}.tab.active{color:var(--navy);border-bottom-color:var(--navy)}.count{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-grid}.sidebar a{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar a.active .count{background:var(--beige);color:var(--navy)}.amount{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}.amount-pos{color:var(--danger)}.amount-neg{color:var(--ok)}.stat-sub{color:var(--muted);font-size:.8rem}.diff td.changed{background:#fff8e6;font-weight:700}.breakdown{grid-template-columns:1fr auto;gap:8px 16px;max-width:460px;display:grid}.breakdown dt{color:var(--muted)}.breakdown dd{text-align:end;margin:0}.breakdown .total{border-top:1px solid var(--border);color:var(--navy);padding-top:8px;font-weight:700}.two-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.rank{flex-direction:column;gap:8px;margin:0;padding-inline-start:22px;display:flex}.rank li{justify-content:space-between;gap:10px;display:flex}.pick-list{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.pick-item{text-align:start;background:var(--card);border:0;border-bottom:1px solid var(--border);font:inherit;cursor:pointer;padding:9px 12px}.pick-item:last-child{border-bottom:0}.pick-item:hover,.pick-item:focus{background:var(--secondary);outline:none}.toasts{top:64px;z-index:50;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;inset-inline-start:16px}.toast{background:var(--card);color:var(--fg);border:1px solid var(--border);border-inline-start:4px solid var(--blue);border-radius:var(--radius);align-items:flex-start;display:flex;box-shadow:0 8px 24px #0f314029}.toast-body{font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:10px 12px;display:grid}.toast-body span{color:var(--muted);font-size:.85rem}.toast-close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:1.2rem;line-height:1}