:root{--bg:#141c28;--surface:#1c2636;--surface-2:#243145;--border:#2f3d54;--text:#e8edf5;--muted:#93a1b8;--accent:#ffa53b;--accent-ink:#1b1305;--pos:#4fd18b;--neg:#ff7a7a;--warn:#f2c14e;--info:#6fa8ff;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito,Cairo,system-ui,sans-serif}:root[lang=ar]{font-family:Cairo,Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px}h1,h2,h3{margin:0}h3{margin-block:1.25rem .6rem;font-size:1rem}.card>h3:first-child{margin-block-start:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.strong{font-weight:700}button,input,select{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .8rem}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}button.link{color:var(--accent);background:0 0;border:none;padding:.45rem .4rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.login{place-items:center;min-block-size:100vh;padding:16px;display:grid}.login-card{flex-direction:column;gap:.9rem;inline-size:min(360px,100%);display:flex}.login-card h1{color:var(--accent)}.topbar{background:var(--surface);border-block-end:1px solid var(--border);z-index:5;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 24px;display:flex;position:sticky;inset-block-start:0}.brand{flex-direction:column;line-height:1.2;display:flex}.brand strong{color:var(--accent)}.topbar nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.topbar nav button{white-space:nowrap;background:0 0;border-color:#0000}.topbar nav button.active{background:var(--surface-2);border-color:var(--border);color:var(--accent)}.topbar-actions{align-items:center;gap:.5rem;display:flex}.content{max-inline-size:1400px;margin-inline:auto;padding:20px 24px 48px}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-block-end:1rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field>input,.field>select{color:var(--text);min-inline-size:9rem;font-size:.95rem}.field.grow{flex:1;min-inline-size:12rem}.segmented{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;display:flex;overflow:hidden}.segmented button{background:var(--surface);border:none;border-radius:0}.segmented button.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.tabs{border-block-end:1px solid var(--border);gap:.25rem;margin-block-end:1rem;display:flex}.tabs button{border:none;background:0 0;border-block-end:2px solid #0000;border-radius:0}.tabs button.active{border-color:var(--accent);color:var(--accent)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;inline-size:100%}th,td{text-align:start;border-block-end:1px solid var(--border);padding:.6rem .8rem}th{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}tbody tr:last-child td{border-block-end:none}tfoot td{border-block-end:none;font-weight:700}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--surface-2)}.card table th,.card table td{padding-inline:.4rem}.pager{justify-content:center;align-items:center;gap:1rem;margin-block-start:1rem;display:flex}.badge{white-space:nowrap;background:var(--surface-2);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-block}.badge.partial,.badge.conn-not_tested{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.badge.full,.badge.conn-error,.badge.reason-sale{background:color-mix(in srgb, var(--neg) 18%, transparent);color:var(--neg)}.badge.conn-ok,.badge.reason-refund{background:color-mix(in srgb, var(--pos) 18%, transparent);color:var(--pos)}.badge.reason-stocktaking,.badge.reason-manual{background:color-mix(in srgb, var(--info) 18%, transparent);color:var(--info)}.delta.pos{color:var(--pos)}.delta.neg{color:var(--neg)}.notice{background:var(--surface);color:var(--muted);border-radius:8px;padding:.7rem 1rem}.notice.error{color:var(--neg);background:color-mix(in srgb, var(--neg) 10%, transparent)}.notice.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.notice.ok{color:var(--pos);background:color-mix(in srgb, var(--pos) 10%, transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-block-end:1rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.tile-label{color:var(--muted);font-size:.85rem}.tile-value{font-variant-numeric:tabular-nums;margin-block-start:.25rem;font-size:1.5rem;font-weight:700}.tile.accent .tile-value{color:var(--accent)}.tile.pos .tile-value{color:var(--pos)}.tile.neg .tile-value{color:var(--neg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:1rem;margin-block-start:1rem;display:grid}.stale{opacity:.6;transition:opacity .2s}.barlist{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.barlist-row{justify-content:space-between;gap:1rem;margin-block-end:.3rem;display:flex}.bar{background:var(--surface-2);border-radius:4px;block-size:8px;overflow:hidden}.bar>div{background:var(--accent);border-radius:4px;block-size:100%}.daily{align-items:stretch;gap:6px;block-size:200px;padding-block-end:.25rem;display:flex;overflow-x:auto}.day{flex-direction:column;flex:1 0 44px;align-items:center;gap:4px;min-inline-size:44px;display:flex}.day-track{flex:1;justify-content:center;align-items:flex-end;inline-size:100%;display:flex}.day-bar{background:var(--accent);border-radius:4px 4px 0 0;min-block-size:2px;inline-size:70%;max-inline-size:36px}.day-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.day-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.drawer-backdrop{z-index:10;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg);border-inline-start:1px solid var(--border);block-size:100%;inline-size:min(720px,100%);padding:1.25rem;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;margin-block-end:.75rem;display:flex}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.pairs{margin:0;padding:0;list-style:none}.pairs li{border-block-end:1px solid var(--border);justify-content:space-between;padding:.4rem 0;display:flex}.intro{margin-block:0 1rem}.connector{flex-direction:column;gap:.75rem;display:flex}.connector-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.connector-head h3{margin:0}.check{align-items:center;gap:.5rem;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=640px){.topbar,.content{padding-inline:16px}.topbar-actions{margin-inline-start:auto}.topbar nav{flex-basis:100%;order:3}.field>input,.field>select{min-inline-size:0}.filters>.field{flex:45%}}