:root{--g:#8B1E3F;--gd:#6B1530;--gr:#C2416B;--gb:#F6E7EC;--ink:#1B0A11;--tx:#1f2430;--mu:#6b7280;--ln:#e6e7eb;--bg:#f5f6f8;--card:#fff;--tenant:#8B1E3F;--r:10px;
--c-slate:#64748b;--c-blue:#2563eb;--c-cyan:#0891b2;--c-indigo:#4f46e5;--c-violet:#7c3aed;--c-green:#15803d;--c-amber:#b45309;--c-orange:#c2410c;--c-red:#c81e1e;--c-zinc:#71717a;
font-family:Inter,"Segoe UI",system-ui,-apple-system,"Noto Naskh Arabic","Noto Nastaliq Urdu","Noto Sans Bengali",sans-serif;color:var(--tx);font-size:14px;line-height:1.45}
*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}
a{color:var(--g);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h2{font-size:21px}h3{font-size:14px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f4f6;padding:1px 5px;border-radius:4px;font-size:.92em}code.big{font-size:15px;padding:6px 10px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate}.sm{font-size:12.5px}.xs{font-size:11px}.muted{color:var(--mu)}.r{text-align:end}.c{text-align:center}.ell{max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.big{font-size:20px;letter-spacing:.06em}.pad{padding:8px 14px}
.row{display:flex;gap:8px;align-items:center}.row.wrap,.wrap{flex-wrap:wrap}.sb{justify-content:space-between}
.c-red{color:var(--c-red)}.c-green{color:var(--c-green)}.c-amber{color:var(--c-amber)}.c-orange{color:var(--c-orange)}.c-violet{color:var(--c-violet)}
.spin{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:sp .7s linear infinite;vertical-align:-2px}@keyframes sp{to{transform:rotate(360deg)}}
/* boot */
.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,#fff,var(--gb));text-align:center;padding:24px}.boot-t{font:800 28px/1 "Inter Display",Inter,sans-serif;color:var(--g)}.boot-s{color:var(--mu)}.boot-bar{width:280px;height:6px;background:#fff;border-radius:3px;overflow:hidden;border:1px solid var(--ln)}.boot-bar div{height:100%;background:var(--g);transition:width .3s}.boot-n{max-width:420px;font-size:12px;color:var(--mu)}
/* login */
.login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,44%) 1fr}.login-l{background:var(--ink);color:#fff;padding:48px 44px;display:flex;flex-direction:column;gap:22px;background-image:radial-gradient(circle at 20% 110%,rgba(194,65,107,.35),transparent 55%)}
.login-logo{width:300px;max-width:100%}.login-l h1{font-size:28px;line-height:1.2;max-width:460px}.login-points{margin:0;padding:0 0 0 18px;display:grid;gap:8px;color:#e9cfd8}.lang-pick{display:flex;gap:6px;margin-top:auto}.lang-pick button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:5px 10px;cursor:pointer}
.login-r{padding:40px;display:flex;flex-direction:column;gap:18px;align-items:center;overflow:auto;max-height:100vh}.login-card{width:min(400px,100%);background:#fff;border:1px solid var(--ln);border-radius:14px;padding:24px;display:grid;gap:4px;box-shadow:0 8px 30px rgba(27,10,17,.06)}.login-card h2{margin-bottom:8px}
.demo-users{width:min(760px,100%);background:#fff;border:1px dashed var(--gr);border-radius:14px;padding:16px}.demo-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.demo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px;max-height:46vh;overflow:auto}
.demo-user{text-align:start;border:1px solid var(--ln);background:#fff;border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:1px;cursor:pointer;font:inherit}.demo-user:hover{border-color:var(--g);background:var(--gb)}.demo-user span{font-size:12px;color:var(--mu)}.demo-user code{font-size:11px;margin-top:2px;align-self:flex-start}
.chip{border:1px solid var(--ln);background:#fff;border-radius:20px;padding:5px 11px;font-size:12.5px;cursor:pointer;font-family:inherit}.chip.on{background:var(--g);border-color:var(--g);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px}
/* shell */
.shell{display:flex;min-height:100vh}.side{width:248px;flex:none;background:var(--ink);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:10px;align-items:center;padding:16px 16px 10px}.brand img{width:38px;height:38px}.bn{font:800 19px/1 "Inter Display",Inter,sans-serif}.bt{font-size:10.5px;color:#d7b6c1;margin-top:3px}
.tenant-chip{margin:4px 12px 8px;display:flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.14);border-inline-start:4px solid;border-radius:8px;padding:7px 9px;background:rgba(255,255,255,.04)}.tenant-chip img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:5px}.tdot{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-weight:800}.tenant-chip b{display:block;font-size:12.5px}.tenant-chip span{font-size:10.5px;color:#d7b6c1}
nav{flex:1;overflow:auto;padding:2px 10px 10px}.ng{margin-top:8px}.ngl{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#b9909e;padding:6px 8px 3px}
nav a{display:block;color:#efe3e7;padding:6px 10px;border-radius:7px;font-size:13.2px}nav a:hover{background:rgba(255,255,255,.08);text-decoration:none}nav a.on{background:var(--g);color:#fff;font-weight:600}
.side-f{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#d7b6c1;display:grid;gap:3px}.lnk{background:none;border:0;color:inherit;text-decoration:underline;padding:0;cursor:pointer;font:inherit;text-align:start}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--ln);border-top:3px solid var(--tenant);display:flex;gap:12px;align-items:center;padding:8px 20px}
.search{flex:1;max-width:560px}.burger{display:none;border:0;background:none;font-size:20px;cursor:pointer}.me{position:relative;display:flex;gap:9px;align-items:center;cursor:pointer;padding:4px 6px;border-radius:8px}.me:hover{background:var(--bg)}.av{width:32px;height:32px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.me-t b{display:block;font-size:12.5px}.me-t span{font-size:11px;color:var(--mu)}
.menu{position:absolute;inset-inline-end:0;top:44px;background:#fff;border:1px solid var(--ln);border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:grid;min-width:180px;overflow:hidden}.menu button{border:0;background:#fff;text-align:start;padding:9px 12px;cursor:pointer;font:inherit}.menu button:hover{background:var(--bg)}
.lic-band{padding:7px 20px;font-size:13px}.lic-band.warn{background:#fff7e6;color:#8a4b00;border-bottom:1px solid #fde3b0}.lic-band.err{background:#fdecec;color:#8f1717;border-bottom:1px solid #f6c3c3}
main{padding:18px 22px 80px}.page{display:grid;gap:14px}.page-h{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}.page-h h2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.back{font-size:12.5px}.count{font-size:13px;background:var(--gb);color:var(--g);border-radius:20px;padding:1px 9px;font-weight:600}
/* cards & grids */
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);min-width:0;overflow:hidden}.card-h{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--ln);flex-wrap:wrap}.card-h .sub{font-size:12px;color:var(--mu);margin-top:2px}.card-b{padding:12px 14px}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.rep{grid-template-columns:270px minmax(0,1fr)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stats.sm .stat-v{font-size:18px}.stat{background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:11px 13px}.stat.click{cursor:pointer}.stat.click:hover{border-color:var(--g)}.stat-v{font:750 25px/1.1 "Inter Display",Inter,sans-serif}.stat-l{font-size:12px;color:var(--mu);margin-top:3px}.stat-s{font-size:11px;color:var(--mu)}
.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qtile{border:1px solid var(--ln);border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:2px;color:var(--tx)}.qtile:hover{border-color:var(--g);background:var(--gb);text-decoration:none}.qtile b{font:750 21px/1 "Inter Display",Inter}.qtile span{font-size:11.5px;color:var(--mu)}.qtile.zero{opacity:.55}
.bars{width:100%;height:130px}.bars .b1{fill:var(--g)}.bars .b2{fill:#d9b7c3}.lg{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px}.lg.b1{background:var(--g)}.lg.b2{background:#d9b7c3}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--mu)}
.meter{height:8px;background:#eef0f3;border-radius:4px;position:relative;overflow:hidden;min-width:90px}.meter div{position:absolute;inset:0 auto 0 0;background:var(--g);border-radius:4px}.meter .mb{background:var(--c-red)}
.radar{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #f1f2f4}.radar:last-child{border:0}.click{cursor:pointer}
/* table */
.tbl-wrap{overflow:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mu);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--ln);white-space:nowrap;background:#fafbfc;cursor:pointer;user-select:none;position:sticky;top:0}.tbl td{padding:8px 10px;border-bottom:1px solid #f0f1f3;vertical-align:top}.tbl tr.click:hover td{background:#fbf6f8}.tbl.dense td,.tbl.dense th{padding:5px 8px}.tbl .chk{width:30px}.tbl .r{text-align:end}.warnrow td{background:#fff8ee}.lim td{background:#fafbfc;font-size:12px}
.totals{display:flex;gap:16px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--ln);font-size:12.5px;background:#fafbfc}
/* pills */
.pill{display:inline-block;font-size:10.8px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;margin-inline-end:3px;vertical-align:1px}
.t-slate{background:#eef2f6;color:#475569}.t-blue{background:#e3ecff;color:#1d4ed8}.t-cyan{background:#dff6fb;color:#0e7490}.t-indigo{background:#e7e8ff;color:#4338ca}.t-violet{background:#efe8ff;color:#6d28d9}.t-green{background:#e2f6e8;color:#15803d}.t-amber{background:#fdf1d8;color:#a35a00}.t-orange{background:#feeadf;color:#c2410c}.t-red{background:#fde5e5;color:#b91c1c}.t-zinc{background:#f1f1f3;color:#52525b}
.risk{display:inline-grid;place-items:center;min-width:30px;height:22px;border-radius:6px;font-weight:700;font-size:12px;color:#fff;padding:0 5px}.risk.lo{background:#9ca3af}.risk.md{background:#d97706}.risk.hi{background:#c81e1e}
.aging{position:relative;width:118px;height:19px;background:#eef0f3;border-radius:5px;overflow:hidden}.aging-f{height:100%;opacity:.28;background:var(--c-green)}.aging span{position:absolute;inset:0;display:flex;align-items:center;padding-inline-start:7px;font-size:11px;font-weight:650}
.l-OK span{color:var(--c-green)}.l-WARN .aging-f{background:var(--c-amber)}.l-WARN span{color:var(--c-amber)}.l-ESCALATE .aging-f{background:var(--c-orange)}.l-ESCALATE span{color:var(--c-orange)}.l-BREACH .aging-f{background:var(--c-red);opacity:.35}.l-BREACH span{color:var(--c-red)}
/* controls */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln);background:#fff;color:var(--tx);border-radius:8px;padding:7px 13px;font:500 13px/1.2 inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:#f7f7f9}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-primary{background:var(--g);border-color:var(--g);color:#fff}.btn-primary:hover{background:var(--gd)}.btn-danger{color:var(--c-red);border-color:#f3b4b4}.btn-danger:hover{background:#fdeeee}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{padding:4px 9px;font-size:12px}.btn.file input{display:none}
.inp{border:1px solid var(--ln);border-radius:8px;padding:7px 10px;font:inherit;background:#fff;color:var(--tx);width:100%;min-width:0}.inp:focus{outline:2px solid #e9c3cf;border-color:var(--gr)}.inp.sm{width:auto;padding:5px 8px;font-size:12.5px}.inp.xs{width:70px;padding:4px 6px}textarea.inp{resize:vertical}.inp.otp{font-size:22px;letter-spacing:.3em;width:190px}
.page-h .inp,.card-h .inp,.row>.inp{width:auto;min-width:160px}
.field{display:grid;gap:4px;margin-bottom:10px}.field-l{font-size:12px;font-weight:600;color:#4b5563}.req{color:var(--c-red);margin-inline-start:3px}.hint{font-size:11.5px;color:var(--mu)}.ferr{font-size:11.5px;color:var(--c-red)}
.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:4px 12px 4px 0;font-size:13px}.toggle input{display:none}.tk{width:32px;height:18px;border-radius:10px;background:#d1d5db;position:relative;flex:none;transition:.15s}.tk:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}.toggle input:checked+.tk{background:var(--g)}.toggle input:checked+.tk:after{left:16px}.toggle.dis{opacity:.5;cursor:not-allowed}.toggle.sm{align-items:flex-start;font-size:12px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--ln);flex-wrap:wrap}.tabs button{border:0;background:none;padding:8px 13px;font:500 13px inherit;color:var(--mu);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--g);border-color:var(--g);font-weight:650}.tabs .cnt{margin-inline-start:6px;background:#eef0f3;border-radius:10px;padding:0 6px;font-size:11px}
.banner{padding:9px 12px;border-radius:8px;font-size:13px;margin:4px 0}.banner.info{background:#eef4ff;color:#1e3a8a;border:1px solid #d6e3ff}.banner.warn{background:#fff7e6;color:#7c4a03;border:1px solid #fde3b0}.banner.err{background:#fdecec;color:#8f1717;border:1px solid #f6c3c3}.banner.ok{background:#eaf7ee;color:#14532d;border:1px solid #c9ebd3}
.empty{padding:30px;text-align:center;color:var(--mu)}.empty-i{font-size:22px;opacity:.4}.loading{padding:24px;color:var(--mu);display:flex;gap:8px;align-items:center}
.kv{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:6px 12px;margin:0;font-size:13px}.kv dt{color:var(--mu)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.trace{font-size:12.5px;display:grid;gap:4px}.trace div{padding-inline-start:10px;border-inline-start:2px solid var(--ln)}.trace .hd{border-color:var(--g);font-weight:600}
.riskbox{display:flex;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ln)}.ev{padding:7px 0;border-bottom:1px solid #f1f2f4;font-size:13px}.ev:last-child{border:0}
.tl{list-style:none;margin:0;padding:0}.tl li{display:flex;gap:10px;position:relative;padding:0 0 12px 14px;border-inline-start:2px solid var(--ln);margin-inline-start:5px}.tl-d{position:absolute;inset-inline-start:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--g);border:2px solid #fff}.tl-h{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tl-b{font-size:12.8px;color:#374151;margin-top:2px}
/* modal */
.modal-bg{position:fixed;inset:0;background:rgba(27,10,17,.45);display:grid;place-items:center;z-index:60;padding:16px}.modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:94vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.3)}.modal-wide{width:min(880px,100%)}.modal-xl{width:min(1120px,100%)}
.modal header{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--ln)}.modal .x{border:0;background:none;font-size:22px;cursor:pointer;color:var(--mu);line-height:1}.modal-b{padding:16px 18px;overflow:auto;display:grid;gap:10px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:11px 18px;border-top:1px solid var(--ln);flex-wrap:wrap}.actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}
.steps{display:flex;list-style:none;padding:0;margin:0 0 6px;gap:4px;flex-wrap:wrap}.steps li{flex:1;min-width:110px;display:flex;gap:7px;align-items:center;font-size:12px;color:var(--mu);padding:6px 4px;border-bottom:3px solid var(--ln)}.steps span{width:20px;height:20px;border-radius:50%;background:var(--ln);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.steps .cur{color:var(--g);border-color:var(--g);font-weight:650}.steps .cur span{background:var(--g);color:#fff}.steps .done{color:var(--c-green);border-color:var(--c-green)}.steps .done span{background:var(--c-green);color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.opt{border:1px solid var(--ln);border-radius:9px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.opt input{display:none}.opt.on{border-color:var(--g);background:var(--gb)}
.sig canvas{width:100%;height:150px;border:2px dashed var(--ln);border-radius:9px;touch-action:none;background:#fcfcfd}.sig-f{display:flex;justify-content:space-between;align-items:center}
.scan{display:flex;flex-wrap:wrap;gap:6px}.scan button{border:1px solid var(--ln);background:#fff;border-radius:7px;padding:5px 8px;font:12px ui-monospace,monospace;cursor:pointer;text-align:start}.scan .ok{background:#e2f6e8;border-color:#9ad6ae}.scan .x{border-style:dashed;color:var(--mu)}
.layers{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.layer{flex:1;min-width:200px;background:#fff;border:1px solid var(--ln);border-top:4px solid;border-radius:9px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}.layer span{font-size:12px;color:var(--mu)}.l1{border-top-color:#94a3b8}.l2{border-top-color:var(--c-blue)}.l3{border-top-color:var(--g)}.arr{display:grid;place-items:center;color:var(--mu)}
.repcat{display:grid;padding:6px}.repcat button{border:0;background:none;text-align:start;padding:7px 10px;border-radius:7px;cursor:pointer;font:inherit;font-size:13px;display:flex;justify-content:space-between;gap:6px}.repcat button:hover{background:var(--bg)}.repcat button.on{background:var(--gb);color:var(--g);font-weight:600}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 10px;max-height:52vh;overflow:auto}
.usage{margin-bottom:10px}.mod{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px solid #f1f2f4;opacity:.55}.mod.on{opacity:1}
.code{background:#0f1115;color:#d6e2ff;border-radius:9px;padding:12px;font:11.5px/1.5 ui-monospace,monospace;overflow:auto;max-height:60vh;white-space:pre-wrap}
.smsprev{background:#e9f7ef;border-radius:14px 14px 14px 4px;padding:10px 12px;max-width:420px;font-size:13px;white-space:pre-wrap}
.brandprev{margin-top:12px;border:1px solid;border-radius:10px;overflow:hidden}.brandprev div{color:#fff;padding:12px;font-weight:700}.brandprev img{height:28px;background:#fff;border-radius:4px;padding:2px}.brandprev span{display:block;padding:6px 12px;font-size:11px;color:var(--mu)}
.certificate{border:2px solid var(--g);border-radius:10px;padding:22px;display:grid;gap:12px}.cert-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--g);padding-bottom:10px}.cert-h img{max-height:44px}.cert-s{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;font-size:12px}.cert-s b{display:block}.ln{border-top:1px solid var(--tx);margin:26px 0 4px}
/* toasts & demo phone */
.toasts{position:fixed;top:64px;inset-inline-end:18px;display:grid;gap:8px;z-index:90}.toast{padding:10px 14px;border-radius:9px;color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-width:420px;animation:up .2s}.toast.ok{background:#166534}.toast.err{background:#a61b1b}.toast.info{background:#1e40af}@keyframes up{from{transform:translateY(8px);opacity:0}}
.phone{position:fixed;bottom:16px;inset-inline-end:16px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.phone-tab{border:1px solid var(--ln);background:#fff;border-radius:20px;padding:6px 12px;font:600 12px inherit;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08)}.phone-tab .cnt{margin-inline-start:6px;background:var(--g);color:#fff;border-radius:10px;padding:0 6px}
.phone-b{width:330px;max-height:60vh;overflow:auto;background:#111827;color:#fff;border-radius:18px;padding:12px;display:grid;gap:8px;order:-1;box-shadow:0 20px 40px rgba(0,0,0,.3)}.phone-b .muted{color:#9ca3af}.sms{background:#1f2937;border-radius:12px;padding:8px 10px;font-size:12.5px}.sms-h{display:flex;gap:6px;font-size:10.5px;color:#9ca3af;margin-bottom:3px}.sms-h span{margin-inline-start:auto}
.phone-peek{background:#111827;color:#fff;border-radius:12px;padding:8px 11px;font-size:12px;max-width:320px;order:-1;animation:up .2s}
/* public tracking */
.track{min-height:100vh;background:#f4f5f7}.track-h{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#fff}.track-h img{height:34px;background:#fff;border-radius:6px;padding:3px}.track-h select{border-radius:6px;border:0;padding:4px}
.track-card{max-width:640px;margin:20px auto;background:#fff;border-radius:16px;padding:22px;display:grid;gap:12px;border:1px solid var(--ln)}.track-steps{display:flex;list-style:none;padding:0;margin:6px 0;gap:4px}.track-steps li{flex:1;font-size:11.5px;color:var(--mu);display:flex;flex-direction:column;gap:6px}.track-steps span{height:6px;border-radius:3px;background:#e5e7eb}.track-steps .done span,.track-steps .cur span{background:var(--tenant)}.track-steps .cur{color:var(--tx);font-weight:650}.track-act{border:1px dashed var(--ln);border-radius:10px;padding:12px}.track-f{font-size:11.5px;color:var(--mu);display:flex;gap:6px;align-items:center;justify-content:center}
@media (max-width:1100px){.g3{grid-template-columns:1fr 1fr}.rep{grid-template-columns:1fr}}
@media (max-width:860px){.side{position:fixed;inset-inline-start:-260px;z-index:50;transition:.2s}.side-open .side{inset-inline-start:0}.burger{display:block}.g2,.g3{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-l{padding:28px}.qgrid{grid-template-columns:repeat(2,1fr)}.phone{inset-inline-end:10px}.me-t{display:none}main{padding:14px}}
@media print{.side,.top,.phone,.toasts,.actions,.modal footer,.btn{display:none!important}.modal-bg{position:static;background:none;padding:0}.modal{box-shadow:none;max-height:none;width:100%}main{padding:0}}
[dir=rtl] .tl-d{inset-inline-start:-7px}