:root{--paper:#faf9f7;--ink:#0b0b0c;--muted:#6f6d68;--line:#e3e1dc;--accent:#b8442a;--danger:#8f2f24;--ok:#3f6b4a;--warn:#a8410f;--font-ui:'Cairo',system-ui,'Segoe UI',sans-serif;--font-num:'Cairo',ui-monospace,monospace;--s1:4px;--s2:8px;--s3:14px;--s4:20px;--s5:28px;--s6:56px;--t-num-xl:80px;--t-num-lg:44px;--t-body:14px;--t-label:11px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);line-height:1.7;-webkit-font-smoothing:antialiased}:lang(ar),:lang(ar) *{letter-spacing:normal}.num,.figure,.figure-sm,.mono{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.4}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.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{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--s5);border-bottom:2px solid var(--ink);padding-inline:var(--s5);position:sticky;top:0;background:var(--paper);z-index:10}.brand{display:flex;align-items:baseline;gap:var(--s2);padding-block:var(--s3);white-space:nowrap}.brand b{font-weight:600;font-size:15px}.brand .device{font-family:var(--font-num);font-size:var(--t-label);color:var(--muted)}.nav{display:flex;gap:var(--s5);flex:1}.nav button{background:none;border:0;padding:var(--s3) 0;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .12s}.nav button:hover{color:var(--ink)}.nav button[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}.status{display:flex;align-items:center;gap:var(--s3);white-space:nowrap;font-size:var(--t-label)}#net-pill{color:var(--ok);display:inline-flex;align-items:center;gap:var(--s1)}#net-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}#net-pill[data-state="offline"]{color:var(--danger)}#net-pill[data-state="syncing"]{color:var(--warn)}#outbox-count{font-family:var(--font-num);color:var(--warn)}#outbox-count[data-n="0"]{color:var(--muted)}#cut-net,#tourBtn{background:none;border:0;padding:var(--s1) 0;cursor:pointer;color:var(--muted);font-size:var(--t-label);border-bottom:1px solid var(--line)}#cut-net:hover,#tourBtn:hover{color:var(--ink);border-bottom-color:var(--ink)}#cut-net[aria-pressed="true"]{color:var(--danger);border-bottom-color:var(--danger)}main{flex:1}main>.screen:not(.is-active){display:none}.loading{color:var(--muted);font-size:var(--t-label);padding:var(--s5)}.pad{padding-inline:var(--s5)}.tw{overflow-x:auto;max-width:100%}.figs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--ink)}.figs .lead{grid-column:span 2}.cell{padding:var(--s5)}.cell+.cell{border-inline-start:1px solid var(--line)}.cell .lab{font-size:var(--t-label);color:var(--muted)}.figure{font-size:var(--t-num-xl);font-weight:600;line-height:1;margin-top:var(--s2)}.figure-sm{font-size:var(--t-num-lg);font-weight:600;line-height:1;margin-top:var(--s2)}.cell .cur{font-size:var(--t-label);color:var(--muted);margin-top:var(--s2)}.figure.is-warn,.figure-sm.is-warn{color:var(--warn)}.figure.is-danger,.figure-sm.is-danger{color:var(--danger)}table{border-collapse:collapse;width:100%}th{text-align:start;font-weight:400;font-size:var(--t-label);color:var(--muted);padding:var(--s2) var(--s5);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:var(--s2) var(--s5);border-bottom:1px solid var(--line);vertical-align:baseline}tbody tr:hover{background:#00000005}td.num,th.num{text-align:end;font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}td.num{font-size:20px}td.nm{font-size:15px}td.nm small,.sub{display:block;font-size:var(--t-label);color:var(--muted);line-height:1.5}td.meta{color:var(--muted)}.is-warn{color:var(--warn)}.is-danger{color:var(--danger)}.is-ok{color:var(--ok)}.quiet{color:var(--muted)}.band td,td.band{background:#8f2f240d;color:var(--danger);border-block:1px solid #8f2f2433}.band b{font-weight:600}.btn{background:none;border:1px solid var(--line);border-radius:2px;padding:var(--s2) var(--s3);cursor:pointer;font-size:var(--t-body)}.btn:hover{border-color:var(--ink)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.empty{padding:var(--s6) var(--s5);color:var(--muted);font-size:var(--t-body)}@media (max-width:900px){.topbar{flex-wrap:wrap;gap:var(--s3);padding-inline:var(--s3)}.nav{order:3;flex:0 0 100%;overflow-x:auto;gap:var(--s4);scrollbar-width:none}.figs{grid-auto-flow:row;grid-template-columns:1fr 1fr}.figs .lead{grid-column:1/-1;border-bottom:1px solid var(--line)}.cell{padding:var(--s4) var(--s3)}.cell+.cell{border-inline-start:0}.figs .cell:last-child{border-inline-start:1px solid var(--line)}th,td{padding-inline:var(--s3)}.pad{padding-inline:var(--s3)}:root{--t-num-xl:48px;--t-num-lg:28px}}