@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap");:root{--navy:#2d4353;--bg:#f6f4ef;--card:#fff;--text:#28343c;--muted:#7a858c;--border:#e5e2da;--green:#64816e;--greenbg:#eef4ef;--amber:#a27a3d;--amberbg:#faf3e8;--red:#a45f5f;--redbg:#f9eeee;--bluebg:#eef3f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);min-height:42px;border-radius:10px;padding:9px 13px;font-weight:700}header{height:66px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:30}.brand{font-size:18px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:400;opacity:.7}header span{font-size:12px;background:#ffffff1c;padding:5px 10px;border-radius:999px}aside{position:fixed;right:0;top:66px;bottom:0;width:218px;background:#fff;border-left:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;justify-content:space-between;z-index:20}nav{display:grid;gap:4px}nav button{border:0;text-align:right;background:transparent;color:#566169}nav button.active{background:var(--bluebg);color:var(--navy)}aside footer{font-size:11px;color:var(--muted);padding:10px}main{margin-right:218px;padding:25px;max-width:1500px}.page{display:none}.page.active{display:block}.head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.head h1{font-size:22px;margin:0 0 3px}.head p,.panel p{margin:0;color:var(--muted)}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:16px}.stats.four{grid-template-columns:repeat(4,1fr)}.stat,.panel,.card{background:#fff;border:1px solid var(--border);border-radius:15px}.stat{padding:14px}.stat span{display:block;color:var(--muted);font-size:12px}.stat b{display:inline-block;font-size:21px;margin-top:5px}.stat small{color:var(--muted);margin-right:4px}.stat.balance{background:var(--bluebg)}.panel{padding:17px;margin-bottom:13px}.panel h2{font-size:17px;margin:0 0 9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{padding:16px}.card h3{font-size:16px;margin:0 0 4px}.amount{font-size:21px;font-weight:800;margin:9px 0}.empty{color:var(--muted);padding:14px 0}.group{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:11px;overflow:hidden}.group summary{padding:14px 16px;font-size:15px;font-weight:800;cursor:pointer;list-style:none}.groupbody{padding:0 16px 13px}.line{display:grid;grid-template-columns:minmax(130px,1.6fr) 1fr 1fr auto;gap:9px;align-items:center;border-top:1px solid #efede7;padding:10px 0}.pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px}.ok{background:var(--greenbg);color:var(--green)}.warn{background:var(--amberbg);color:var(--amber)}.bad{background:var(--redbg);color:var(--red)}.approval{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:13px}.tabs button{white-space:nowrap}.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 11px;background:#fff;color:var(--text);font-size:16px}label{display:grid;gap:5px;font-weight:600}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.full{grid-column:1/-1}.notice{padding:10px 13px;border-radius:10px;margin-bottom:13px;background:var(--greenbg);color:var(--green);font-weight:700}.notice.error{background:var(--redbg);color:var(--red)}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#1c2a3499;display:grid;place-items:center;padding:16px;z-index:50}.modalcard{width:min(680px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:17px;padding:19px}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modalhead h2{font-size:19px;margin:0}.mobile{display:none}@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.mobile{display:block}header{height:60px;padding:0 12px}aside{top:60px;transform:translateX(110%);transition:.2s;width:min(82vw,290px);box-shadow:-12px 0 30px #0001}aside.open{transform:none}main{margin-right:0;padding:15px 12px}.head{align-items:flex-start;flex-direction:column}.head h1{font-size:21px}.two,.cards,.formgrid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:19px}.line{grid-template-columns:1fr auto}.approval{align-items:flex-start;flex-direction:column}.panel{padding:14px}}
.danger{color:var(--red);border-color:#d8b9b9}button:disabled{opacity:.5;cursor:not-allowed}.record-actions{margin-top:10px}.line>*{min-width:0;overflow-wrap:anywhere}.card h3{overflow-wrap:anywhere}@media(max-width:720px){.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.line .record-actions{grid-column:1/-1}.record-actions button{flex:1}.modalcard{padding:15px}}