:root{--bg: #f5f3ec;--card: #fffefb;--text: #23261c;--muted: #6a6d5e;--line: #e5e1d3;--brand: #3d4a24;--brand-soft: #ebeee0;--on-brand: #fffdf6;--gold: #a87c35;--gold-soft: #f6eedc;--nav-bg: #3d4a24;--nav-text: #e6e3d2;--nav-on: #dcb76a;--logo-tile: #2f3a1b;--ok: #1e7b45;--ok-bg: #e4f4ea;--bad: #b3261e;--bad-bg: #fbe9e7;--warn: #9a5b00;--warn-bg: #fff3dc;--info: #1f5fa8;--info-bg: #e6eefa;--radius: 12px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12150e;--card: #1b1f15;--text: #ebe8da;--muted: #a3a592;--line: #2e3324;--brand: #d4b066;--brand-soft: #2a2b1c;--on-brand: #1b1f15;--gold: #d4b066;--gold-soft: #2e2817;--nav-bg: #191d12;--nav-text: #cfccb8;--nav-on: #dcb76a;--logo-tile: #2f3a1b;--ok: #6fcf97;--ok-bg: #1c3226;--bad: #f28b82;--bad-bg: #3a201e;--warn: #f2c26b;--warn-bg: #3a2e17;--info: #8ab4f8;--info-bg: #1d2a3d;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Segoe UI,Noto Sans Arabic,Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .6rem;line-height:1.3}h2{font-size:1.35rem}h3{font-size:1.05rem}p{margin:.4rem 0}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem 1rem;cursor:pointer;min-height:44px}button:hover{border-color:var(--brand)}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}button.danger{color:var(--bad);border-color:var(--bad)}button.block{width:100%;margin-top:.5rem}button.link{background:none;border:none;color:var(--brand);padding:.3rem 0;min-height:0}button.icon{border:none;background:none;font-size:1.2rem}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;min-height:44px}textarea{min-height:70px}select[multiple]{min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px}fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 .8rem}.shell{display:flex;min-height:100vh}.nav{width:230px;background:var(--nav-bg);color:var(--nav-text);border-inline-start:1px solid var(--line);padding:1rem .6rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:.2rem}.brand{font-weight:700;color:var(--nav-on);font-size:1.1rem;padding:.3rem .5rem 1.1rem;display:flex;align-items:center;gap:.6rem}.brand>div{display:flex;flex-direction:column;line-height:1.3}.nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;position:relative}.nav a:hover{color:#fff}.nav a.on{background:#dcb76a24;color:var(--nav-on);font-weight:600;box-shadow:inset -3px 0 0 var(--nav-on)}.nav .ic{width:1.4rem;text-align:center;font-weight:700}.nav .dot{background:var(--bad);color:#fff;border-radius:999px;font-size:.7rem;padding:0 .4rem;margin-inline-start:auto}.main{flex:1;padding:1.4rem;max-width:1100px;margin:0 auto;width:100%}.demo-bar{background:var(--warn-bg);color:var(--warn);text-align:center;font-size:.85rem;padding:.3rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:block}.link-card:hover{border-color:var(--brand)}.bad-box{border-color:var(--bad);color:var(--bad)}.center-page{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:400px}.login h1{color:var(--brand);text-align:center}.qr{display:block;width:200px;height:200px;margin:.5rem auto;background:#fff;border-radius:8px}.steps{padding-inline-start:1.2rem}.err{color:var(--bad)}.head-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.head-row h2,.head-row h3{margin:0}.row-wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.back{color:var(--brand);font-size:.9rem;display:inline-block;margin-bottom:.4rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;display:flex;flex-direction:column}.kpi b{font-size:1.4rem}.kpi span{color:var(--muted);font-size:.85rem}.kpi.ok b{color:var(--ok)}.kpi.bad b{color:var(--bad)}.kpi.wide{grid-column:span 2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.bar{height:8px;background:var(--bad-bg);border-radius:99px;overflow:hidden;margin:.5rem 0}.bar div{height:100%;background:var(--ok)}.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th,.tbl td{padding:.5rem .4rem;border-bottom:1px solid var(--line);text-align:start}.tbl th{color:var(--muted);font-weight:600}.click{cursor:pointer}tr.click:hover{background:var(--brand-soft)}.filters{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.filters>*{flex:1 1 160px;width:auto}.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.chip{min-height:36px;padding:.3rem .8rem;border-radius:999px;font-size:.88rem}.chip.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.list{display:flex;flex-direction:column;gap:.4rem}.list-item{display:flex;justify-content:space-between;gap:.8rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem}a.list-item:hover,.list-item.click:hover{border-color:var(--brand)}.li-main{display:flex;flex-direction:column;min-width:0}.li-main>*{overflow-wrap:anywhere}.li-side{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:end;flex-shrink:0}.mini-alert{font-size:.88rem;padding:.25rem 0;border-top:1px dashed var(--line)}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted{background:var(--line);color:var(--muted)}.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}.warn-t{color:var(--warn)}.info-t{color:var(--info)}.muted{color:var(--muted)}.small{font-size:.86rem}.empty{color:var(--muted);text-align:center;padding:1.2rem}.dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 .8rem}.dl dt{color:var(--muted)}.dl dd{margin:0}.rent-box{background:var(--brand-soft);border-radius:10px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.3rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}.field>span{font-size:.88rem;color:var(--muted)}.field small{color:var(--muted);font-size:.78rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}.user-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr auto;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:var(--radius);padding:1rem 1.1rem;width:100%;max-width:560px;max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.modal-head h3{margin:0}@media (max-width: 760px){.shell{flex-direction:column}.nav{position:fixed;bottom:0;top:auto;inset-inline:0;width:100%;height:auto;flex-direction:row;justify-content:space-around;padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));border:none;border-top:1px solid var(--line);z-index:40;gap:0}.brand{display:none}.nav a{flex-direction:column;gap:0;font-size:.7rem;padding:.3rem .2rem;flex:1;text-align:center}.nav .ic{font-size:1.1rem;width:auto}.nav .dot{position:absolute;top:0;inset-inline-end:18%;margin:0}.main{padding:16px 16px 90px}.two{grid-template-columns:1fr}.hide-sm{display:none}.kpi.wide{grid-column:1 / -1}.user-row{grid-template-columns:1fr}.modal-bg{place-items:end center;padding:0}.modal{max-width:none;border-radius:var(--radius) var(--radius) 0 0;max-height:88vh;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.brand small{display:block;font-size:.7rem;font-weight:400;color:var(--nav-text);opacity:.8;direction:ltr;text-align:right}.center-t{text-align:center;margin-top:-.4rem}.seg{display:flex;gap:.3rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.25rem;margin-bottom:1rem;flex-wrap:wrap}.seg button{flex:1;border:none;min-height:40px;border-radius:9px;background:none}.seg button.on{background:var(--brand);color:var(--on-brand)}.kpi .sub{font-size:.78rem;color:var(--muted)}.kpi.warn b{color:var(--warn)}.chooser{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}.choice{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start;text-align:right;padding:1.4rem 1.2rem;min-height:150px;background:var(--card);border:2px solid var(--line);border-radius:16px;cursor:pointer}.choice b{font-size:1.3rem;color:var(--brand)}.choice:hover b{color:var(--gold)}.choice:hover,.choice:focus-visible{border-color:var(--gold)}.group-bar{border-inline-start:4px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.45rem .8rem;margin-bottom:1rem}.group-bar button{min-height:36px}.logo{flex-shrink:0;display:block}.login-logo{display:flex;justify-content:center;margin-bottom:.4rem}.wa{display:inline-flex;align-items:center;min-height:36px;padding:.25rem .8rem;border-radius:10px;background:#e3f6e9;color:#146c3a;font-size:.85rem;font-weight:600;white-space:nowrap}.wa:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#25d366;margin-inline-end:.4rem}.cheque .li-side .row-wrap{justify-content:flex-end}.cheque .li-side button{min-height:36px;padding:.25rem .8rem;font-size:.85rem}.loss{border-inline-start:4px solid var(--gold)}.loss b.big{font-size:1.5rem;color:var(--gold)}h2{color:var(--brand)}@media (max-width: 760px){.nav a{color:var(--nav-text)}.nav a.on{box-shadow:inset 0 3px 0 var(--nav-on)}.nav a.hide-sm{display:none}.cheque{flex-direction:column}.cheque .li-side{align-items:stretch;text-align:start}.cheque .li-side .row-wrap{justify-content:flex-start}}.renew-box{background:var(--gold-soft);border-radius:10px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.renew-box select{width:auto;flex:1 1 180px}.chooser-head{display:flex;align-items:center;gap:.9rem}.chooser-head h2{margin:0}