:root{--paper:#fdfdfd;--panel:#f6f6f7;--ink:#15171c;--muted:#82848d;--line:#e8e8ec;--line-strong:#d3d4d9;--ok:#1d6d4f;--stop:#9b2c2c;--font-ui:'Cairo',system-ui,'Segoe UI',sans-serif;--font-num:'Cairo',system-ui,sans-serif;--s1:4px;--s2:8px;--s3:14px;--s4:20px;--s5:28px;--s6:44px;--t-lead:15px;--t-body:13px;--t-label:11px;--r:3px;--row:30px;--bar:38px;--insp:296px;--shadow:0 1px 2px #15171c14,0 8px 24px #15171c14}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);line-height:1.65;-webkit-font-smoothing:antialiased}:lang(ar),:lang(ar) *{letter-spacing:normal}.num,td.n,th.n,.kv b,.bar .m{font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1}h1,h2,h3{font-weight:600;margin:0;line-height:1.45;font-size:var(--t-lead)}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s3);z-index:99}.skip:focus{inset-inline-start:0}.app{height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:stretch;gap:var(--s5);flex:none;border-bottom:1px solid var(--line-strong);padding-inline:var(--s3);background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:var(--s2);padding-block:var(--s2);white-space:nowrap;font-weight:600;font-size:var(--t-lead)}.brand i{width:17px;height:17px;border-radius:4px;background:var(--ink);position:relative;display:inline-block}.brand i::after{content:'';position:absolute;inset:4px;border:1.6px solid var(--paper);border-radius:50%}.nav{display:flex;gap:var(--s4);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{background:none;border:0;padding:0;cursor:pointer;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s}.nav button:hover{color:var(--ink)}.nav button[aria-current="page"]{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.tools{display:flex;align-items:center;gap:var(--s3);white-space:nowrap;font-size:var(--t-label);color:var(--muted)}.tools button{background:none;border:0;padding:0;cursor:pointer;color:var(--muted);font-size:var(--t-label);border-bottom:1px solid var(--line-strong)}.tools button:hover{color:var(--ink);border-bottom-color:var(--ink)}#back-stage{display:none}body[data-device="1"] .nav{display:none}body[data-device="1"] #back-stage{display:inline-flex;align-items:center;gap:var(--s1);flex:1;white-space:nowrap}#back-stage::before{content:'←';display:inline-block;transform:scaleX(-1)}main{flex:1;min-height:0;display:flex;flex-direction:column}main>.screen{flex:1;min-height:0;display:flex;flex-direction:column}main>.screen:not(.is-active){display:none}.loading{color:var(--muted);font-size:var(--t-label);padding:var(--s4)}.skel{display:grid;gap:var(--s3);padding:var(--s4);max-inline-size:760px}.skel i{display:block;block-size:var(--row);border-radius:var(--r);background:linear-gradient(90deg,var(--panel),var(--line),var(--panel));background-size:200% 100%;animation:skel 1.1s ease-in-out infinite}.skel i:nth-child(2){inline-size:72%}.skel i:nth-child(3){inline-size:88%}.skel i:nth-child(4){inline-size:64%}@keyframes skel{from{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel i{animation:none}}.two{display:flex;flex:1;min-height:0}.wallcol{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.insp{width:var(--insp);flex:none;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;background:var(--paper)}.bar{display:flex;align-items:center;gap:var(--s3);padding-inline:var(--s3);min-height:var(--bar);border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}.bar h2{font-size:var(--t-body)}.bar .m{color:var(--muted);font-size:var(--t-label);white-space:nowrap}.bar .m b{color:var(--ink);font-weight:600;font-size:var(--t-body)}.bar .sp{margin-inline-start:auto}.bar input[type=search],.bar input[type=text]{font:inherit;font-size:var(--t-body);border:1px solid var(--line-strong);border-radius:var(--r);padding:3px var(--s2);background:#fff;color:var(--ink);inline-size:190px}.bar input::placeholder{color:var(--muted)}.wall{flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%}thead th{position:sticky;top:0;background:var(--paper);z-index:1;text-align:start;font-weight:400;font-size:var(--t-label);color:var(--muted);padding:var(--s1) var(--s3);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:0 var(--s3);height:var(--row);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tbody tr:hover td{background:#15171c08}td.n,th.n{text-align:end}.q{color:var(--muted)}.ok{color:var(--ok)}.stop{color:var(--stop)}.strong{font-weight:600}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pips s{inline-size:7px;block-size:7px;border-radius:50%;background:var(--ink);display:block;text-decoration:none}.pips s.o{background:none;box-shadow:inset 0 0 0 1px var(--line-strong)}.pips.is-ready s{background:var(--ok)}.ih{padding:0 var(--s3);min-height:var(--bar);display:flex;align-items:center;gap:var(--s2);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--t-label);flex:none}.ih b{color:var(--ink);font-weight:600;font-size:var(--t-body)}.sec{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}.kv{display:flex;justify-content:space-between;gap:var(--s2);min-height:22px;align-items:baseline}.kv span{color:var(--muted)}.kv b{font-weight:600}.rows .r{display:flex;gap:var(--s2);align-items:baseline;padding:var(--s1) var(--s3);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden}.rows .r .t{color:var(--muted);font-size:var(--t-label);margin-inline-start:auto;font-variant-numeric:tabular-nums}.chart{direction:ltr}.chart .bars{display:flex;align-items:flex-end;gap:2px;block-size:104px}.chart .bars i{flex:1;background:var(--ink);opacity:.22;min-block-size:1px;border-radius:1px 1px 0 0}.chart .bars i.w{opacity:.07}.chart .bars i.hi{opacity:.5}.chart .ax{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--t-label);margin-block-start:var(--s1)}.spark .bars{block-size:40px}.field{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-label);color:var(--muted)}input[type=text],input[type=tel],input[type=search],input[type=number],select{font:inherit;font-size:var(--t-body);color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r);padding:5px var(--s2);inline-size:100%}input[type=color]{inline-size:34px;block-size:26px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r);background:none;cursor:pointer}input[type=range]{inline-size:100%;accent-color:var(--ink)}.btn{background:none;border:1px solid var(--line-strong);border-radius:var(--r);padding:5px var(--s3);cursor:pointer;font-size:var(--t-body)}.btn:hover{border-color:var(--ink)}.btn[disabled]{opacity:.45;cursor:default}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:#000}.empty{padding:var(--s5) var(--s3);color:var(--muted)}.refuse{background:#9b2c2c0d;border-block:1px solid #9b2c2c33;color:var(--stop);padding:var(--s2) var(--s3)}.refuse b{font-weight:600}.refuse .why{color:var(--muted);display:block;font-size:var(--t-label)}dialog{border:1px solid var(--line-strong);border-radius:6px;padding:var(--s4);max-inline-size:min(92vw,340px);box-shadow:var(--shadow);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#15171c66}dialog h3{margin-bottom:var(--s1)}dialog p{margin:0 0 var(--s4);color:var(--muted)}dialog .actions{display:flex;gap:var(--s2);justify-content:flex-end}@media (max-width:860px){html,body{height:auto}.app{height:auto;min-height:100dvh}main{display:block}main>.screen.is-active{display:block}.two{flex-direction:column}.top{flex-wrap:wrap;row-gap:0}.nav{order:3;flex:0 0 100%;gap:var(--s4);border-block-start:1px solid var(--line)}.nav button{padding-block:var(--s2)}.brand{flex:1}body[data-device="1"] #back-stage{order:3;flex:0 0 100%;padding-block:var(--s2);border-block-start:1px solid var(--line)}#m-customers th:nth-child(2),#m-customers td:nth-child(2),#m-customers th:nth-child(4),#m-customers td:nth-child(4),#m-customers th:nth-child(5),#m-customers td:nth-child(5),#p-tenants th:nth-child(3),#p-tenants td:nth-child(3),#p-tenants th:nth-child(7),#p-tenants td:nth-child(7){display:none}.insp{inline-size:auto;border-inline-start:0;border-block-start:1px solid var(--line-strong);overflow:visible}.wall{max-block-size:58vh}.bar{padding-block:var(--s2)}.bar input[type=search],.bar input[type=text]{inline-size:100%}.bar .sp{margin-inline-start:0;inline-size:100%}.top{gap:var(--s3)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}