:root{--navy-700: #23205C;--navy-900: #17153F;--navy-100: #E6E5F3;--teal-500: #14B3A3;--teal-700: #0B7A70;--teal-100: #DDF4F1;--ink: #1C2B50;--ink-muted: #5B6477;--line: #D8DCE6;--surface-0: #FFFFFF;--surface-50: #F2F4F8;--surface-100: #E8EBF2;--result-high: #B3431B;--result-low: #1E5BB8;--result-critical: #9E1B32;--state-ok: #2A7A4B;--state-warn: #8F5B00;--tube-lavender: #8C67C2;--tube-gold: #D9A82E;--tube-red: #C23A2E;--tube-blue: #4B9BE0;--tube-gray: #848F96;--tube-urine: #D8C23A;--on-primary: #FFFFFF;--font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--navy-700: #A9A6EE;--navy-900: #CBC9F6;--navy-100: #1E1C44;--teal-500: #3DD6C4;--teal-700: #5FE0D0;--teal-100: #0F2E2B;--ink: #E6E8F2;--ink-muted: #9EA6BA;--line: #262A47;--surface-0: #10122A;--surface-50: #0A0C1E;--surface-100: #181B38;--result-high: #F08A62;--result-low: #7FAEF5;--result-critical: #F27A8E;--state-ok: #6FCF96;--state-warn: #E8B25A;--on-primary: #10122A;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-50);color:var(--ink);font:14px/1.45 var(--font-sans)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--navy-700);outline-offset:2px}a{color:var(--navy-700)}.ar{font-family:var(--font-arabic)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.small{font-size:12.5px}.app{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100%}.rail{background:var(--surface-0);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.rail .logo img{height:34px;display:block}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:10px 10px 4px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--ink)}.nav a:hover{background:var(--surface-100)}.nav a.active{background:var(--navy-100);color:var(--navy-700);font-weight:600}.rail-foot{margin-top:auto;font-size:12.5px;color:var(--ink-muted);display:flex;flex-direction:column;gap:6px}.main{min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:5;background:var(--surface-50);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px}.top h1{font-size:20px;margin:0}.top .spacer{flex:1}.content{padding:22px 24px 48px;display:flex;flex-direction:column;gap:20px;max-width:1320px;width:100%}.panel{background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-md);min-width:0}.panel-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-h h2{font-size:15px;margin:0}.panel-h .push{margin-left:auto}.panel-b{padding:16px}.grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.grid-side{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);gap:20px;align-items:start}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi span{font-size:12px;color:var(--ink-muted)}.kpi b{font-size:24px;font-family:var(--font-mono);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-0);padding:0 14px;height:38px;cursor:pointer;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--ink)}.btn:hover{border-color:var(--ink-muted)}.btn.primary{background:var(--navy-700);border-color:var(--navy-700);color:var(--on-primary)}.btn.small{height:32px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.linkbtn{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],input[type=date],select,textarea{background:var(--surface-0);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-height:38px;max-width:100%}textarea{width:100%;min-height:72px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form .full{grid-column:1 / -1}.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld label,.fld .lbl{font-size:12.5px;color:var(--ink-muted);font-weight:500}.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface-0)}.seg button{border:0;background:none;padding:8px 14px;cursor:pointer;min-height:38px}.seg button[aria-pressed=true]{background:var(--navy-700);color:var(--on-primary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:500;font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-100)}tr.sel td{background:var(--navy-100)}tr.group td{background:var(--surface-100);font-weight:600}.empty{padding:28px 16px;text-align:center;color:var(--ink-muted)}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--surface-100);color:var(--ink-muted)}.pill.brand{background:var(--navy-100);color:var(--navy-700)}.pill.ok{color:var(--state-ok);background:color-mix(in srgb,var(--state-ok) 12%,transparent)}.pill.warn{color:var(--state-warn);background:color-mix(in srgb,var(--state-warn) 12%,transparent)}.pill.crit{color:var(--result-critical);background:color-mix(in srgb,var(--result-critical) 12%,transparent)}.flag{font-family:var(--font-mono);font-weight:600;font-size:12px;min-width:34px;display:inline-block;text-align:center;border-radius:var(--radius-sm);padding:1px 4px}.flag.H{color:var(--result-high);background:color-mix(in srgb,var(--result-high) 12%,transparent)}.flag.L{color:var(--result-low);background:color-mix(in srgb,var(--result-low) 12%,transparent)}.flag.C{color:var(--result-critical);background:color-mix(in srgb,var(--result-critical) 12%,transparent)}.tube{display:inline-block;width:10px;height:18px;border-radius:2px 2px 5px 5px;flex:none;border:1px solid rgba(0,0,0,.15)}.tube.LAVENDER{background:var(--tube-lavender)}.tube.GOLD{background:var(--tube-gold)}.tube.RED{background:var(--tube-red)}.tube.BLUE{background:var(--tube-blue)}.tube.GRAY{background:var(--tube-gray)}.tube.URINE{background:var(--tube-urine);border-radius:2px;height:14px;width:13px}.res-in{width:110px;text-align:right;font-family:var(--font-mono)}.banner{border-radius:6px;padding:10px 12px;font-size:13.5px}.banner.err{background:color-mix(in srgb,var(--result-critical) 12%,transparent);color:var(--result-critical)}.banner.warn{background:color-mix(in srgb,var(--state-warn) 12%,transparent);color:var(--state-warn)}.banner.ok{background:var(--teal-100);color:var(--teal-700)}.picker{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;max-height:320px;overflow:auto}.picker button{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 12px;cursor:pointer}.picker button:last-child{border-bottom:0}.picker button[aria-pressed=true]{background:var(--navy-100)}.inv-line{display:flex;justify-content:space-between;gap:10px}.inv-line span:last-child{font-family:var(--font-mono)}.inv-total{border-top:1px dashed var(--line);padding-top:10px;font-weight:600;font-size:16px}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login .card{width:min(380px,100%);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.login img{height:120px;align-self:center}.labels{display:flex;flex-wrap:wrap;gap:12px}.label{width:50mm;height:25mm;background:#fff;color:#111;border:1px solid #cfd6da;padding:1.5mm 2mm;display:flex;flex-direction:column;justify-content:space-between;font:500 8pt/1.1 var(--font-mono);overflow:hidden}.label .n{display:flex;justify-content:space-between;font:600 8.5pt/1.1 var(--font-arabic);gap:4px}.label svg{width:100%;height:11mm}@media print{.no-print,.rail,.top{display:none!important}.app{display:block}.content{padding:0}body{background:#fff}.labels{gap:0}.label{border:0;page-break-after:always}@page{size:50mm 25mm;margin:0}}@media (max-width: 900px){.app{grid-template-columns:minmax(0,1fr)}.rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{flex-direction:row;overflow-x:auto}.nav-label{display:none}.nav a{white-space:nowrap}.grid2,.grid-side,.form{grid-template-columns:minmax(0,1fr)}.top,.content{padding-left:16px;padding-right:16px}}