:root{--canvas: #f3efe7;--canvas-deep: #e7e1d5;--surface: #fffdf8;--surface-2: #f9f6ef;--surface-sunk: #efeae0;--ink: #16181d;--ink-2: #4c525c;--ink-3: #838a95;--ink-inv: #f5f3ee;--rule: #ded7c9;--rule-2: #c9c0ad;--rule-strong: #aaa08a;--brand: #1d2128;--brand-2: #333a45;--brand-wash: #eeece7;--brand-rule: #cfcabe;--gold: #9a761c;--gold-2: #c39a33;--gold-3: #e0bd62;--gold-wash: #faf3e0;--gold-rule: #e6d5a6;--good: #1c6b4b;--good-wash: #e8f2ed;--warn: #9c6a10;--warn-wash: #faf1de;--bad: #9c2f3f;--bad-wash: #fbebee;--info: #2b5578;--info-wash: #eaf0f5;--s1: #2b5578;--s2: #1c6b4b;--s3: #9a761c;--s4: #9c2f3f;--s5: #5c4a86;--s6: #7a6a55;--rail-bg: #16191f;--rail-ink: #8f97a3;--rail-ink-active: #ffffff;--rail-hover: #23272f;--rail-w: 232px;--font-display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--r-sm: 3px;--r: 6px;--r-lg: 10px;--shadow-pop: 0 10px 30px rgba(22, 24, 29, .16), 0 1px 3px rgba(22, 24, 29, .1);--shadow-card: 0 1px 2px rgba(22, 24, 29, .05)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.65;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num,table td,table th,input,select{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;height:100%}.rail{background:var(--rail-bg);color:var(--rail-ink);display:flex;flex-direction:column;overflow-y:auto}.rail-brand{padding:20px 18px 16px;border-block-end:1px solid rgba(255,255,255,.08)}.rail-brand h1{font-family:var(--font-display);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.01em}.rail-brand p{font-size:11.5px;color:var(--rail-ink);margin-block-start:3px}.rail-group{padding:14px 10px 4px}.rail-group>span{display:block;font-size:10.5px;letter-spacing:.06em;color:#626b78;padding-inline:8px;padding-block-end:6px;font-weight:600}.rail a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-inline:4px;border-radius:var(--r);font-size:13.5px;color:var(--rail-ink);transition:background .12s,color .12s}.rail a:hover{background:var(--rail-hover);color:#d8dde4}.rail a.active{background:var(--rail-hover);color:var(--rail-ink-active);box-shadow:inset 3px 0 0 var(--gold-2)}.rail a .rail-count{margin-inline-start:auto;min-inline-size:18px;padding:0 5px;border-radius:9px;background:var(--gold-2);color:#1b1d21;font-size:11px;font-weight:700;line-height:18px;text-align:center;flex:none}.rail a .ico{width:17px;text-align:center;opacity:.85;font-size:14px}.rail-item{position:relative}.rail-item.nested>a{padding-inline-end:36px}.rail-expand{position:absolute;inset-inline-end:8px;inset-block-start:5px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r);background:transparent;color:var(--rail-ink);cursor:pointer}.rail-expand svg{transition:transform .12s}.rail-expand.open svg{transform:rotate(-90deg)}.rail-expand:hover{background:#ffffff14;color:#fff}.rail-tabs{display:flex;flex-direction:column;margin-block:1px 4px}.rail .rail-tabs a{padding:5px 10px;padding-inline-start:37px;font-size:12.5px;color:#8a929e}.rail .rail-tabs a:hover{color:#d8dde4}.rail .rail-tabs a.active{background:transparent;color:var(--rail-ink-active);box-shadow:inset 2px 0 0 var(--gold-2)}.rail-user{margin-block-start:auto;padding:14px 16px;border-block-start:1px solid rgba(255,255,255,.08);font-size:12.5px}.rail-user b{color:#fff;display:block;font-weight:600}.rail-user span{color:#6d7581;font-size:11.5px}.rail-user button{margin-block-start:10px;width:100%;background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--rail-ink);padding:6px;border-radius:var(--r);cursor:pointer;font-size:12px}.rail-user button:hover{background:var(--rail-hover);color:#fff}.main{overflow-y:auto;height:100%;display:flex;flex-direction:column}.page-head{padding:22px 28px 18px;border-block-end:1px solid var(--rule);background:var(--surface);display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.page-head h2{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.015em}.page-head p{color:var(--ink-2);font-size:13px;margin-block-start:4px;max-width:78ch}.page-head .spacer{margin-inline-start:auto}.page-body{padding:22px 28px 60px;display:flex;flex-direction:column;gap:18px}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.panel-head{padding:13px 16px;border-block-end:1px solid var(--rule);display:flex;align-items:center;gap:10px}.panel-head h3{font-family:var(--font-display);font-size:14.5px;font-weight:600}.panel-head .sub{font-size:12px;color:var(--ink-3)}.panel-head .spacer{margin-inline-start:auto}.panel-body{padding:16px}.panel-body.flush{padding:0}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}@media (max-width: 1180px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3,.g-2-1,.g-1-2{grid-template-columns:1fr}}@media (max-width: 820px){.g2,.g4{grid-template-columns:1fr}}.stat{padding:14px 16px}.stat .label{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.stat .value{font-size:25px;font-weight:600;letter-spacing:-.02em;margin-block-start:4px;font-variant-numeric:tabular-nums;line-height:1.2}.stat .value.gold{color:var(--gold)}.stat .unit{font-size:13px;font-weight:400;color:var(--ink-3);margin-inline-start:4px}.stat .foot{font-size:11.5px;color:var(--ink-3);margin-block-start:3px}.stat .foot.up{color:var(--good)}.stat .foot.down{color:var(--bad)}.fx{position:relative;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:4px;border:1px solid var(--gold-rule);background:var(--gold-wash);color:var(--gold);font-family:var(--font-mono);font-size:10px;font-style:italic;cursor:help;flex-shrink:0}.fx:hover{background:var(--gold-3);color:#4a3708}.fx .pop{display:none;position:absolute;inset-block-start:calc(100% + 7px);inset-inline-start:50%;transform:translate(50%);width:max-content;max-width:320px;background:var(--brand);color:var(--ink-inv);padding:9px 12px;border-radius:var(--r);font-family:var(--font-body);font-style:normal;font-size:12px;line-height:1.6;box-shadow:var(--shadow-pop);z-index:40;text-align:start;white-space:normal}.fx:hover .pop,.fx:focus-visible .pop{display:block}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:100px;font-size:11.5px;font-weight:500;border:1px solid transparent;white-space:nowrap}.badge.good{background:var(--good-wash);color:var(--good);border-color:#c3ddd0}.badge.warn{background:var(--warn-wash);color:var(--warn);border-color:#e8d6ab}.badge.bad{background:var(--bad-wash);color:var(--bad);border-color:#edc6ce}.badge.info{background:var(--info-wash);color:var(--info);border-color:#c6d5e2}.badge.gold{background:var(--gold-wash);color:var(--gold);border-color:var(--gold-rule)}.badge.mute{background:var(--surface-sunk);color:var(--ink-2);border-color:var(--rule)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:start;font-weight:600;font-size:11.5px;color:var(--ink-2);padding:9px 14px;border-block-end:1px solid var(--rule);background:var(--surface-2);white-space:nowrap;position:sticky;inset-block-start:0}table.tbl td{padding:9px 14px;border-block-end:1px solid var(--rule);vertical-align:middle}table.tbl tbody tr:last-child td{border-block-end:none}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl td.n,table.tbl th.n{text-align:end;font-variant-numeric:tabular-nums}table.tbl td.gold{color:var(--gold);font-weight:600}table.tbl tr.clickable{cursor:pointer}table.tbl tr.clickable:hover td{background:var(--surface-2)}table.tbl tr.row-open td{background:var(--surface-2);border-block-end:2px solid var(--gold)}table.tbl tfoot td{padding:10px 14px;font-weight:600;border-block-start:2px solid var(--rule-2);background:var(--surface-2)}table.tbl tr.subtotal td{font-weight:600;border-block-start:1px solid var(--rule-2);background:var(--surface-2)}table.tbl tr.subtotal:hover td{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12px;color:var(--ink-2);font-weight:500}input:where(:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=submit],[type=button],[type=reset],[type=image],[type=hidden])),select,textarea{border:1px solid var(--rule-2);background:var(--surface);border-radius:var(--r);padding:8px 11px;font-size:13.5px;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)}input:disabled,select:disabled{background:var(--surface-sunk);color:var(--ink-3)}input[type=date],input[type=datetime-local],input[type=time],input[type=month]{direction:ltr;text-align:end;font-family:var(--font-body);font-variant-numeric:tabular-nums;min-height:36px;color:var(--ink)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;margin-inline-start:8px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--rule-2);background:var(--surface);border-radius:var(--r);padding:8px 15px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--rule-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--ink-inv)}.btn.primary:hover:not(:disabled){background:var(--brand-2);border-color:var(--brand-2)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.gold:hover:not(:disabled){background:var(--gold-2);border-color:var(--gold-2)}.btn.danger,.btn.bad{color:var(--bad);border-color:#e3bfc6}.btn.danger-solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger-solid:hover:not(:disabled){opacity:.9}.btn.sm{padding:5px 11px;font-size:12.5px}.btn.lg{padding:11px 22px;font-size:15px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.tight{gap:6px}.col{display:flex;flex-direction:column;gap:10px}.note{border:1px solid var(--rule);background:var(--surface-2);border-radius:var(--r);padding:11px 14px;font-size:12.5px;color:var(--ink-2);line-height:1.7;border-inline-start:3px solid var(--rule-strong)}.note.warn{background:var(--warn-wash);border-color:#e8d6ab;border-inline-start-color:var(--warn);color:#6d4a08}.note.bad{background:var(--bad-wash);border-color:#edc6ce;border-inline-start-color:var(--bad);color:#78202e}.note.good{background:var(--good-wash);border-color:#c3ddd0;border-inline-start-color:var(--good);color:#14523a}.note.gold{background:var(--gold-wash);border-color:var(--gold-rule);border-inline-start-color:var(--gold);color:#5f4810}.empty{padding:44px 20px;text-align:center;color:var(--ink-3);font-size:13px}.gate{height:100%;overflow-y:auto;background:var(--canvas);display:flex;justify-content:center;padding:56px 20px 60px}.gate-inner{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px}.gate-head h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.015em}.gate-head p{color:var(--ink-2);font-size:13.5px;line-height:1.8;margin-block-start:6px}.login{height:100%;display:grid;grid-template-columns:1fr 1fr;background:var(--canvas)}@media (max-width: 900px){.login{grid-template-columns:1fr}}.login-aside{background:var(--rail-bg);color:var(--ink-inv);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:22px}@media (max-width: 900px){.login-aside{display:none}}.login-aside h1{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.35;letter-spacing:-.02em}.login-aside h1 em{color:var(--gold-3);font-style:normal}.login-aside p{color:#98a0ac;font-size:14px;line-height:1.85;max-width:46ch}.login-aside ul{list-style:none;display:flex;flex-direction:column;gap:9px}.login-aside li{font-size:13px;color:#b7bec8;padding-inline-start:20px;position:relative}.login-aside li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:9px;width:7px;height:7px;background:var(--gold-2);border-radius:2px;transform:rotate(45deg)}.login-form{display:flex;flex-direction:column;justify-content:center;padding:48px;gap:18px;max-width:520px;width:100%;margin-inline:auto}.op-list{display:flex;flex-direction:column;gap:8px}.op{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);cursor:pointer;text-align:start;transition:border-color .12s,background .12s;width:100%}.op:hover{border-color:var(--gold);background:var(--gold-wash)}.op.on{border-color:var(--gold);background:var(--gold-wash);box-shadow:0 0 0 3px var(--gold-wash)}.op .who{flex:1}.op .who b{display:block;font-size:13.5px;font-weight:600}.op .who span{font-size:11.5px;color:var(--ink-3)}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1000px){.capture-grid{grid-template-columns:1fr}}.pan{aspect-ratio:1;background:#1a1d22;border-radius:var(--r);display:grid;place-items:center;overflow:hidden;position:relative}.pan img{width:100%;height:100%;object-fit:cover;display:block}.pan .idle{color:#5d6570;font-size:13px;text-align:center;padding:20px}.weight-read{font-family:var(--font-mono);font-size:52px;font-weight:500;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.weight-read.stable{color:var(--good)}.weight-read small{font-family:var(--font-body);font-size:18px;color:var(--ink-3);font-weight:400;letter-spacing:0;margin-inline-start:6px}.trace{direction:ltr;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r);padding:8px 10px 6px}.trace-svg{width:100%;height:108px;display:block}.trace-legend{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);margin-block-start:5px;direction:rtl}.trace-legend span{display:inline-flex;align-items:center;gap:5px}.swatch{width:11px;height:8px;border-radius:2px;display:inline-block}.swatch.band{background:var(--good-wash);border:1px solid var(--good)}.empty-trace{display:grid;place-items:center;height:126px}.ladder-tbl{font-size:12.5px}.ladder-tbl th,.ladder-tbl td{padding:6px 10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);display:inline-block;flex-shrink:0}.dot.live{background:var(--good);animation:pulse 1.8s ease-in-out infinite}.dot.off{background:var(--bad)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tag{direction:ltr;background:#fff;border:1px solid var(--rule-2);border-radius:4px;padding:12px 14px;width:250px;font-family:Helvetica Neue,Arial,sans-serif;color:#000;box-shadow:var(--shadow-card)}.tag .l{font-size:12.5px;line-height:1.45;font-weight:600}.tag .no{text-align:center;font-size:15px;letter-spacing:.06em;margin-block-start:5px}.tag .brand{text-align:center;font-size:11.5px;font-weight:700;margin-block-start:2px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:14px}.card{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}.card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-pop)}.card .thumb{aspect-ratio:1;background:#1a1d22}.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .meta{padding:10px 12px}.card .meta .pn{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.card .meta .nm{font-size:13.5px;font-weight:600;margin-block-start:1px}.card .meta .fig{font-size:12.5px;color:var(--ink-2);margin-block-start:4px;display:flex;justify-content:space-between}.card .meta .fig b{color:var(--gold)}.card.sold{opacity:.62}.card{position:relative}.edit-pen{inline-size:30px;block-size:30px;display:inline-grid;place-items:center;border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:15px;line-height:1;cursor:pointer}.edit-pen:hover{border-color:var(--gold);color:var(--gold)}.card .edit-pen{position:absolute;inset-block-start:8px;inset-inline-start:8px;box-shadow:var(--shadow-pop)}table.tbl th.act,table.tbl td.act{inline-size:46px;padding-inline:8px;text-align:center}.insight{border:1px solid var(--rule);border-radius:var(--r-lg);padding:15px 17px;background:var(--surface);border-inline-start:3px solid var(--rule-strong);display:flex;flex-direction:column;gap:7px}.insight.high{border-inline-start-color:var(--bad)}.insight.medium{border-inline-start-color:var(--warn)}.insight.low{border-inline-start-color:var(--good)}.insight h4{font-family:var(--font-display);font-size:14px;font-weight:600}.insight p{font-size:13px;color:var(--ink-2);line-height:1.75}.insight .act{font-size:12.5px;color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r);padding:7px 11px}.insight .used{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:2px}.insight .used code{font-family:var(--font-mono);font-size:10.5px;background:var(--surface-sunk);border:1px solid var(--rule);border-radius:3px;padding:1px 5px;color:var(--ink-3);direction:ltr}.bars{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:1fr;gap:4px}.bar-row .top{display:flex;justify-content:space-between;font-size:12.5px}.bar-row .top b{font-variant-numeric:tabular-nums}.bar-track{height:7px;background:var(--surface-sunk);border-radius:100px;overflow:hidden}.bar-fill{height:100%;border-radius:100px;background:var(--gold-2);transition:width .35s}.spark{width:100%;height:62px;display:block}.sk{background:linear-gradient(90deg,var(--surface-sunk) 25%,var(--canvas-deep) 50%,var(--surface-sunk) 75%);background-size:200% 100%;animation:sk 1.3s ease-in-out infinite;border-radius:var(--r)}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:34px 1fr;gap:14px;padding-block:13px;border-block-end:1px solid var(--rule)}.step:last-child{border-block-end:none}.step .n{width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--ink-inv);display:grid;place-items:center;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.step.done .n{background:var(--good)}.step h4{font-size:13.5px;font-weight:600}.step p{font-size:12.5px;color:var(--ink-2);margin-block-start:2px;line-height:1.7}.tabs{display:flex;gap:3px;border-block-end:1px solid var(--rule)}.tabs button{border:none;background:transparent;padding:9px 15px;font-size:13.5px;color:var(--ink-2);cursor:pointer;border-block-end:2px solid transparent;margin-block-end:-1px}.tabs button.on{color:var(--ink);font-weight:600;border-block-end-color:var(--gold)}.tabs button:hover{color:var(--ink)}.tabs .tab-count{display:inline-block;margin-inline-start:6px;min-inline-size:18px;padding:0 5px;border-radius:9px;background:var(--gold-2);color:#1b1d21;font-size:11px;font-weight:700;line-height:18px;text-align:center}.note-match{margin-block-start:12px;padding:12px 14px;border:1px solid var(--gold-rule);border-radius:var(--r);background:var(--gold-wash)}.notice-bar{display:flex;align-items:center;gap:10px;inline-size:100%;text-align:start;padding:10px 14px;border:1px solid var(--gold-rule);border-radius:var(--r);background:var(--gold-wash);color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer}.notice-bar:hover{border-color:var(--gold)}.seg{display:inline-flex;border:1px solid var(--rule-strong);border-radius:var(--r-sm);overflow:hidden}.seg button{border:none;background:var(--surface);padding:6px 13px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.seg button+button{border-inline-start:1px solid var(--rule)}.seg button.on{background:var(--gold-wash);color:var(--gold);font-weight:600}.seg button:hover:not(.on){background:var(--surface-2)}table.tbl tr.sold-row td{opacity:.62}table.tbl th.img,table.tbl td.img{width:46px;padding-inline:10px}table.tbl td.img img{width:34px;height:34px;object-fit:cover;display:block;border-radius:var(--r-sm);background:#1a1d22}.tick{inline-size:20px;block-size:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;line-height:1;font-weight:700;flex:none}.tick.good{background:var(--good-wash);color:var(--good)}.tick.bad{background:var(--bad-wash);color:var(--bad)}.tick.warn{background:var(--warn-wash);color:var(--warn)}.tick.mute{background:var(--surface-sunk);color:var(--ink-2)}.scan-answer{display:flex;align-items:center;gap:10px;margin-block-start:12px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--surface-sunk)}.scan-answer.good{border-color:#c3ddd0;background:var(--good-wash)}.scan-answer.bad{border-color:#edc6ce;background:var(--bad-wash)}.scan-answer.warn{border-color:#e8d6ab;background:var(--warn-wash)}.scan-answer>:last-child{margin-inline-start:auto}.dtm{direction:ltr;unicode-bidi:isolate;display:inline-block}.kt{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:var(--font-body);font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);direction:ltr;display:inline-block}td.mono,th.mono{display:table-cell}.muted{color:var(--ink-3)}.small{font-size:12px}.gold-text{color:var(--gold)}hr.rule{border:none;border-block-start:1px solid var(--rule);margin-block:4px}.print-doc{display:none}@media print{.rail,.tabs,.page-head,.filter-bar,.btn,button,.fx,.note,.skeleton{display:none!important}html,body,#root{background:#fff;color:#000;height:auto;min-height:0;overflow:visible}.shell{display:none!important}.main,.page-body{display:block;margin:0;padding:0;max-inline-size:none}.print-doc{display:block;position:static;inline-size:100%;box-sizing:border-box;padding:14mm;font-family:var(--font-body),system-ui,sans-serif;font-size:12pt;color:#000}.print-doc .paper-head{text-align:center;margin-block-end:10pt}.print-doc h1{font-size:20pt;margin:0;letter-spacing:.02em}.print-doc .latin{display:block;font-size:8pt;letter-spacing:.18em;color:#333;margin-block-start:1pt}.print-doc .paper-meta{display:flex;flex-wrap:wrap;gap:4pt 24pt;font-size:11pt;margin-block-end:8pt}.print-doc .paper-meta.ends{justify-content:space-between}.print-doc .paper-meta .label{font-size:11pt;color:#000}.print-doc .paper-meta .value{font-weight:600}.print-doc .mono{font-family:var(--font-mono),monospace}.print-doc table{inline-size:100%;border-collapse:collapse;margin-block-end:8pt}.print-doc .paper-lines{border:1.5px solid #000}.print-doc .paper-lines th,.print-doc .paper-lines td{border:1px solid #000;padding:2pt 3pt;text-align:center;font-size:10pt}.print-doc .paper-lines th{font-weight:700;font-size:9pt;line-height:1.15}.print-doc .paper-lines th .latin{letter-spacing:.02em;font-size:7.5pt}.print-doc .n{text-align:center}.print-doc .paper-adjust{inline-size:45%;margin-inline-end:auto}.print-doc .paper-adjust td{border:none;padding:1pt 5pt;font-size:11pt}.print-doc .paper-adjust td.n{text-align:end}.print-doc .paper-total{display:flex;justify-content:flex-start;align-items:center;gap:12pt;border-block:1.5px solid #000;padding-block:5pt;margin-block-end:14pt}.print-doc .paper-total .in-words{font-size:11pt}.print-doc .paper-total .figure{display:flex;align-items:baseline;gap:8pt;white-space:nowrap}.print-doc .paper-total .figure .label{font-size:11pt;font-weight:700}.print-doc .paper-total .figure .latin{display:inline;font-size:8pt;margin-inline-start:4pt}.print-doc .paper-total .figure .value{font-size:15pt;font-weight:700}.print-doc .workshop{margin-block-start:10pt;border-block-start:1px dashed #666;padding-block-start:5pt}.print-doc .workshop h2{font-size:11pt;margin:0 0 3pt}.print-doc .paper-sign{display:flex;justify-content:space-between;align-items:flex-end;margin-block-start:18pt;font-size:11pt}.print-doc .paper-sign .rule{display:inline-block;inline-size:120pt;border-block-end:1px solid #000;margin-inline-start:6pt}.print-doc .paper-sign .shop{font-weight:700}.print-doc .paper-foot{margin-block-start:10pt;border-block-start:1px solid #000;padding-block-start:5pt;font-size:8.5pt;color:#222;text-align:center}.print-doc .voucher-title{text-align:center;font-size:14pt;margin:4pt 0 10pt}.print-doc .voucher-sub{font-size:11.5pt;margin:10pt 0 4pt}.print-doc .supply-voucher .paper-lines td,.print-doc.supply-voucher .paper-lines td{font-size:10pt;padding:2pt 4pt}.print-doc .voucher-total td{font-weight:700}.print-doc .voucher-note{font-size:10.5pt;margin-block-start:6pt}@page{margin:0}.print-doc.invoice-a5{padding:0 10mm 20mm;font-size:10.5pt}.print-doc.invoice-a5 .paper-meta,.print-doc.invoice-a5 table{margin-block-end:4pt}.print-doc.invoice-a5 .paper-total{padding-block:3pt;margin-block-end:4pt}}.dialog{margin:auto;border:none;padding:0;border-radius:calc(var(--r) * 1.5);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 48px)}.dialog::backdrop{background:#16181d6b}.dialog-head{padding:16px 20px 12px;font-size:15.5px;font-weight:600;border-block-end:1px solid var(--rule)}.dialog-body{padding:16px 20px;display:grid;gap:14px;font-size:13.5px;line-height:1.7}.labour-choice{display:grid;gap:10px}.labour-option{display:grid;gap:2px;text-align:start;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.labour-option b{font-size:15px}.labour-option span{font-size:12.5px;color:var(--ink-2)}.labour-option:hover,.labour-option:focus-visible{border-color:var(--gold);outline:none}.labour-option.last{border-color:var(--gold);background:var(--surface-2)}.dialog-foot{padding:12px 20px 16px;display:flex;gap:8px;border-block-start:1px solid var(--rule);background:var(--surface-2)}input::placeholder,textarea::placeholder{font-family:var(--font-body)}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--bad);background:var(--bad-wash)}.field.invalid>label{color:var(--bad)}.checklist{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-block-start:12px;padding:10px 12px;border-radius:var(--r);background:var(--surface-2);border:1px dashed var(--rule-2)}.checklist>.small{color:var(--ink-2);margin-inline-end:4px}.chip-missing{border:1px solid #e3bfc6;background:var(--bad-wash);color:var(--bad);border-radius:999px;padding:3px 11px;font-size:12.5px;cursor:pointer}.chip-missing:before{content:"○ "}.chip-missing:hover{border-color:var(--bad)}.pw-wrap{position:relative}.pw-wrap input{padding-left:40px;text-align:left}.pw-eye{position:absolute;inset-block:0;left:4px;width:34px;display:grid;place-items:center;border:0;background:none;color:var(--ink-3);cursor:pointer}.pw-eye:hover{color:var(--ink)}.pw-rules{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px;font-size:12.5px}.pw-rules li{color:var(--ink-3)}.pw-rules li:before{content:"○ "}.pw-rules li.ok{color:var(--good, #2f7d4f)}.pw-rules li.ok:before{content:"✓ "}.fast-steps{display:flex;gap:6px;flex-wrap:wrap;margin-block-end:14px}.fast-step{padding:4px 14px;border-radius:999px;border:1px solid var(--rule-2);background:var(--surface-2);color:var(--ink-3);font-size:13px}.fast-step.now{border-color:var(--gold);color:var(--ink);background:var(--gold-wash)}.fast-step.done{border-color:var(--good);color:var(--good);background:var(--good-wash)}.fast-step.wait-red{border-color:var(--bad);color:var(--bad);background:var(--bad-wash);animation:pulse 1.2s infinite}.fast-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1.4fr);gap:16px;align-items:start}.fast-pan{width:180px;height:180px}.rfid-wait{padding:12px 14px;border-radius:var(--r);border:2px solid var(--bad);background:var(--bad-wash);color:var(--bad)}.rfid-wait .fast-step{animation:none}.rfid-wait b{animation:pulse 1.2s infinite}img.thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--r-sm);background:var(--surface-2);display:block}@media (max-width: 800px){.fast-grid{grid-template-columns:1fr}}table.tbl tr.undone td{color:var(--ink-3);text-decoration:line-through}table.tbl tr.undone td:last-child,table.tbl tr.undone td:first-child{text-decoration:none}table.tbl tr.undone img{opacity:.35}.dialog.wide{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px)}.dialog.wide .dialog-body{overflow:auto;max-height:calc(100vh - 170px)}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 16px}.facts .label{font-size:12px;color:var(--ink-3)}.facts .value{font-weight:600}button.link{background:none;border:none;padding:0;color:var(--brand);text-decoration:underline;cursor:pointer;font:inherit}input.plain-number::-webkit-outer-spin-button,input.plain-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.plain-number{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@keyframes total-flash{0%{opacity:.25}to{opacity:1}}.total-flash{display:inline-block;animation:total-flash .45s ease-out}@media (prefers-reduced-motion: reduce){.total-flash{animation:none}}.link-btn{border:0;background:none;padding:4px 6px;color:var(--gold-2, var(--gold));font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:disabled{color:var(--ink-3);text-decoration:none;cursor:default}.link-btn.danger{color:var(--bad)}.live-wrap{display:grid;justify-items:center;gap:12px;margin-block-end:16px}.live-pan{width:min(560px,100%);aspect-ratio:4 / 3;height:auto;position:relative}.live-pan img{width:100%;height:100%;object-fit:contain}.live-dot{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--bad);color:#fff;font-size:12px;padding:2px 10px;border-radius:999px}.rail-brand{display:flex;align-items:flex-start;gap:8px}.rail-brand-text{flex:1;min-width:0}.rail-toggle,.rail-close{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--rail-ink);border-radius:var(--r);width:28px;height:28px;flex:none;cursor:pointer;font-size:13px;line-height:1}.rail-toggle:hover,.rail-close:hover{background:var(--rail-hover);color:#fff}.rail-close,.drawer-scrim,.mobile-bar{display:none}@media screen and (min-width: 761px){.shell.rail-collapsed{grid-template-columns:60px 1fr}.shell.rail-collapsed .rail-brand{flex-direction:column;align-items:center;padding:14px 6px}.shell.rail-collapsed .rail-brand-text,.shell.rail-collapsed .rail-group>span,.shell.rail-collapsed .rail-label,.shell.rail-collapsed .rail-user{display:none}.shell.rail-collapsed .rail-group{padding:8px 6px 2px}.shell.rail-collapsed .rail a{justify-content:center;padding:9px 0;margin-inline:0}.shell.rail-collapsed .rail a .ico{width:auto;font-size:16px}.shell.rail-collapsed .rail-expand,.shell.rail-collapsed .rail-tabs{display:none}.shell.rail-collapsed .rail-item.nested>a{padding-inline-end:0}}@media screen and (max-width: 760px){.shell{grid-template-columns:1fr}.rail{position:fixed;inset-block:0;inset-inline-start:0;width:min(280px,86vw);z-index:60;transform:translate(100%);transition:transform .2s ease}.shell.drawer-open .rail{transform:none}.rail-toggle{display:none}.rail-close{display:block}.shell.drawer-open .drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1473;z-index:55}.mobile-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--rail-bg);color:#fff;position:sticky;top:0;z-index:20}.mobile-bar button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--r);width:40px;height:40px;font-size:20px;cursor:pointer}.mobile-bar b{font-family:var(--font-display);font-size:16px}.page-head{padding:14px 16px 12px;gap:12px}.page-head .spacer{margin-inline-start:0;width:100%}.page-head .spacer .field,.page-head .spacer select{width:100%}.page-body{padding:14px 16px 40px}.panel-head{flex-wrap:wrap}.panel-body.flush{overflow-x:auto}}@media screen and (max-width: 760px){.stocktake-tally.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stocktake-scan .field{min-width:0!important;flex-basis:100%!important}.stocktake-scan .btn{flex:1}.stocktake-lists>:last-child{order:-1}.stocktake-lines .hide-sm{display:none}}.rail-desk,.desk-only-gate{display:none}@media screen and (max-width: 760px){.grid>*,.page-body>*,.panel,.panel-body{min-width:0}.panel-body{overflow-x:auto}input:where(:not([type=checkbox],[type=radio],[type=range],[type=file])),select,textarea{font-size:16px}.btn{min-height:38px}.btn.sm{min-height:34px}.tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none}.page-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}.page-head h2{font-size:19px}.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid.g4 .stat{padding:11px 12px}.grid.g4 .stat .value{font-size:19px}.grid.g4 .stat .unit,.grid.g4 .stat .label{font-size:11.5px}.fx .pop{max-width:min(300px,calc(100vw - 32px))}.dialog,.dialog.wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dialog.wide .dialog-body{max-height:calc(100dvh - 140px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .meta{padding:8px 9px}.card .meta .nm{font-size:12.5px}.card .meta .fig{font-size:11.5px;flex-wrap:wrap;gap:2px 8px}.desk-only,.hide-sm{display:none!important}.rail-desk{display:inline-block;margin-inline-start:auto;font-size:10.5px;padding:1px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#8a929e}.desk-only-gate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px;margin:24px 16px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg)}.desk-only-gate h2{font-family:var(--font-display);font-size:19px}.desk-only-gate p{color:var(--ink-2);font-size:14px;line-height:1.9;max-width:34ch}.desk-only-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:var(--gold-wash);color:var(--gold);border:1px solid var(--gold-rule)}table.tbl.stack,table.tbl.stack tbody,table.tbl.stack tfoot{display:block;width:100%}table.tbl.stack thead{display:none}table.tbl.stack tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px 14px;border-block-end:1px solid var(--rule)}table.tbl.stack tbody tr:last-child{border-block-end:none}table.tbl.stack td{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:0;border:none;text-align:start;min-width:0;overflow-wrap:anywhere}table.tbl.stack td:before{content:attr(data-label);color:var(--ink-3);font-size:11px;font-weight:400;font-family:var(--font-body);direction:rtl}table.tbl.stack td[data-label=""]:before{display:none}table.tbl.stack td:empty{display:none}table.tbl.stack td[data-blank]{display:none}table.tbl.stack td:first-child,table.tbl.stack td[colspan]{grid-column:1 / -1}table.tbl.stack td:first-child{font-size:14.5px;font-weight:600}table.tbl.stack td:first-child:before{display:none}table.tbl.stack td.mono{align-items:flex-end;direction:ltr}table.tbl.stack td.mono:first-child{align-items:flex-end}table.tbl.stack td.img{grid-column:1 / -1;width:auto}table.tbl.stack td.img+td{grid-column:1 / -1;font-size:14.5px;font-weight:600}table.tbl.stack td.img+td:before{display:none}table.tbl.stack td.img img{width:56px;height:56px}table.tbl.stack tr.row-open td{border:none;background:none}table.tbl.stack tr.row-open{border-block-end:2px solid var(--gold);background:var(--surface-2)}table.tbl.stack tfoot tr{background:var(--surface-2)}table.tbl.stack tfoot td{border:none;background:none}table.tbl.stack tr.subtotal{background:var(--surface-2)}table.tbl.stack tr.subtotal td{border:none;background:none}table.tbl.stack tbody tr:hover{background:none}}@supports (padding: env(safe-area-inset-top)){@media screen and (max-width: 760px){.mobile-bar{padding-block-start:calc(8px + env(safe-area-inset-top))}.page-body{padding-block-end:calc(40px + env(safe-area-inset-bottom))}}}@media screen and (max-width: 760px){.board-filters{width:100%;justify-content:flex-start!important}.board-filters>select{width:100%!important}.board-filters>.btn{flex:1}.board-range{width:100%;flex-wrap:nowrap}.board-range input[type=date]{width:auto!important;flex:1;min-width:0}}@media screen and (max-width: 760px){.grid.roles-split{grid-template-columns:1fr!important}table.tbl.stack td[dir=ltr]{align-items:flex-end}table.tbl.stack td:last-child:has(button){grid-column:1 / -1;align-items:stretch;padding-block-start:8px;border-block-start:1px dashed var(--rule)}table.tbl.stack td:last-child:has(button)>.row{flex-wrap:wrap;width:100%}}.report-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.report-kpis .stat{padding:12px 14px}.report-kpis .stat .value{font-size:clamp(16px,1.45vw,20px);white-space:nowrap}.seg-scroll{max-inline-size:100%;overflow-x:auto}.seg-scroll .seg{flex-wrap:nowrap}.seg-scroll .seg button{white-space:nowrap}.fchips{display:flex;flex-wrap:wrap;gap:6px}.fchip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border:1px solid var(--gold-2);background:var(--gold-wash);border-radius:100px;font-size:12.5px}.fchip button{border:0;background:none;cursor:pointer;color:var(--ink-2);font-size:14px;line-height:1;padding:0 2px}.buy-lines{padding:6px 14px 0}.buy-line{display:grid;grid-template-columns:minmax(150px,1.8fr) minmax(110px,1.1fr) minmax(100px,1fr) minmax(90px,.9fr) 36px;gap:10px;align-items:center;max-inline-size:1200px}.buy-line>select,.buy-line>input{inline-size:100%;min-inline-size:0}.buy-head{font-size:12px;color:var(--ink-3);padding-block:6px;border-block-end:1px solid var(--rule)}.buy-row{padding-block:10px;border-block-end:1px solid var(--rule)}.buy-karat{padding-inline:4px}.buy-amount{font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;text-align:end}.buy-extra{max-inline-size:1200px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-block-start:6px;min-height:22px}.inline-select{border:none;background:none;color:var(--brand);padding:0 2px;font:inherit;cursor:pointer;inline-size:auto}.buy-details,.buy-seller{padding:0}.buy-details>summary,.buy-seller>summary{cursor:pointer;padding:12px 14px;list-style-position:inside}.buy-details>summary{font-size:12.5px;color:var(--ink-2);border-block-start:1px solid var(--rule)}.buy-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-md, 10px);box-shadow:0 -6px 18px #00000014;margin-block-start:4px}.buy-total{display:flex;align-items:baseline;gap:8px}.buy-total b{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
