:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#151515;--sunken:#232323;--ink:#fafafa;--muted:#a3a3a3;--line:#2f2f2f;--brand:#ffd60a;--brand-deep:#ffe34d;--brand-tint:#2b2500;--on-brand:#0a0a0a;--sidebar-w:264px;--side-bg:#000;--side-ink:#e5e5e5;--side-muted:#8c8c8c;--side-active:#1f1b00;--side-line:#ffffff1f;--ok:#4ade80;--ok-tint:#0f2a17;--warn:#fb923c;--warn-tint:#33200c;--bad:#f87171;--bad-tint:#3a1414;--radius:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--brand)}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}h3{margin:0 0 .5rem;font-size:1rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{background:var(--side-bg);height:100dvh;color:var(--side-ink);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{color:#fff;border-bottom:1px solid var(--side-line);align-items:center;gap:.75rem;padding:1.1rem 1.1rem 1rem;text-decoration:none;display:flex}.side-brand .logo{background:var(--brand);width:40px;height:40px;color:var(--side-bg);border-radius:11px;flex:none;place-items:center;display:grid}.side-brand strong{font-size:1rem;line-height:1.15;display:block}.side-brand small{color:var(--side-muted);letter-spacing:.04em;font-size:.72rem;display:block}.side-nav{flex:1;padding:.85rem .6rem}.side-group{margin-bottom:1rem}.side-label{letter-spacing:.12em;text-transform:uppercase;color:var(--side-muted);padding:.35rem .75rem;font-size:.68rem;font-weight:600}.side-link{min-height:44px;color:var(--side-ink);border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:.95rem;text-decoration:none;display:flex}.side-link:hover{background:#ffffff12}.side-link[aria-current=page]{background:var(--side-active);color:#fff;box-shadow:inset 3px 0 0 var(--brand);font-weight:600}.side-user{border-top:1px solid var(--side-line);align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}.side-user .name{color:#fff;font-size:.9rem;font-weight:600;line-height:1.15;display:block}.side-user .role{color:var(--side-muted);font-size:.75rem;display:block}.side-user form{margin:0 0 0 auto}.avatar{background:var(--brand);width:36px;height:36px;color:var(--on-brand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--side-ink);border:1px solid var(--side-line);background:0 0;border-radius:9px;place-items:center;display:grid}.icon-btn:hover{background:#ffffff14}.menu-toggle,.backdrop,.side-close{display:none}.main{width:100%;max-width:1320px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem}@media (max-width:900px){.app{display:block}.sidebar{z-index:40;visibility:hidden;width:min(84vw,300px);transition:transform .2s,visibility 0s .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar[data-open=true]{visibility:visible;transition:transform .2s;transform:none}.menu-toggle{z-index:30;cursor:pointer;background:var(--side-bg);color:#fff;border:1px solid var(--side-line);border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:.6rem;left:.6rem}.backdrop[data-open=true]{z-index:35;background:#00000080;display:block;position:fixed;inset:0}.side-close{display:grid;position:absolute;top:.9rem;right:.7rem}.main{padding-top:4rem}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.grid .card{margin-bottom:0}.stat{font-size:2rem;font-weight:700;line-height:1.1}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row.between{justify-content:space-between}.stack>*+*{margin-top:.75rem}.badge{background:var(--sunken);color:var(--muted);border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-tint);color:var(--ok)}.badge.warn{background:var(--warn-tint);color:var(--warn)}.badge.bad{background:var(--bad-tint);color:var(--bad)}.badge.allergen{background:var(--warn-tint);color:var(--warn)}label{margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:.6rem .7rem}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--brand)}::selection{background:var(--brand);color:var(--on-brand)}textarea{resize:vertical;min-height:80px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:1px}.field{margin-bottom:.75rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 1rem;display:grid}.check{align-items:center;gap:.5rem;min-height:36px;font-size:.95rem;font-weight:400;display:flex}.check-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.1rem .75rem;display:grid}.btn{font:inherit;cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);border-radius:10px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-deep)}.btn.secondary{background:var(--surface);color:var(--brand-deep)}.btn.secondary:hover{background:var(--brand-tint)}.btn.danger{background:var(--bad);border-color:var(--bad);color:var(--on-brand)}.btn.small{min-height:36px;padding:.3rem .8rem;font-size:.9rem}.link-btn{color:var(--brand);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .6rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:.75rem}tr.bad td{background:var(--bad-tint)}.alert{border:1px solid;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.alert.bad{background:var(--bad-tint);border-color:var(--bad);color:var(--bad)}.alert.ok{background:var(--ok-tint);border-color:var(--ok);color:var(--ok)}.alert.warn{background:var(--warn-tint);border-color:var(--warn);color:var(--warn)}.task{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.task:last-child{border-bottom:0}.task.done{opacity:.7}.login{max-width:380px;margin:12vh auto 0;padding:0 1rem}.label-sheet{flex-wrap:wrap;gap:1rem;display:flex}.label{color:#000;background:#fff;border:1px dashed #888;grid-template-columns:1fr 24mm;gap:3mm;width:100mm;min-height:50mm;padding:3mm 4mm;font-size:10pt;line-height:1.25;display:grid}.label .name{font-size:14pt;font-weight:800;line-height:1.1}.label .qr{width:24mm;height:24mm}.label .allergens{border-top:1px solid #000;grid-column:1/-1;padding-top:1.5mm;font-weight:700}.print-only{display:none}@media print{@page{margin:10mm}body{color:#000;background:#fff}.sidebar,.menu-toggle,.backdrop,.no-print{display:none!important}.app{display:block}.main{max-width:none;padding:0}.card{border:0;padding:0}.label{break-inside:avoid;border:1px solid #000}.print-only{display:block}tr{break-inside:avoid}}.sign-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(92vw,540px);color:var(--ink);padding:1rem}.sign-dialog::backdrop{background:#0000008c}.sign-canvas{aspect-ratio:480/200;border:2px dashed var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:8px;width:100%;height:auto;display:block}img.sig{object-fit:contain;vertical-align:middle;border:1px solid var(--line);background:#fff;border-radius:4px;width:auto;max-width:180px;height:46px}img.sig.lg{max-width:260px;height:90px}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;display:flex}.dash-head h1{font-size:1.7rem}.quick{flex-wrap:wrap;gap:.6rem;display:flex}.status-banner{border:1px solid;border-left-width:6px;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.1rem;padding:1rem 1.25rem;display:flex}.status-banner h2{color:inherit;margin:0;font-size:1.3rem}.status-banner.ok{background:var(--ok-tint);border-color:var(--ok);color:var(--ok)}.status-banner.warn{background:var(--warn-tint);border-color:var(--warn);color:var(--warn)}.status-banner.bad{background:var(--bad-tint);border-color:var(--bad);color:var(--bad)}.status-icon{background:var(--surface);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.issues{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.chip{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.84rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:currentColor}.kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.kpi.ok{border-top-color:var(--ok)}.kpi.warn{border-top-color:var(--warn)}.kpi.bad{border-top-color:var(--bad)}.kpi .kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem;font-weight:700}.kpi .value{font-size:2.2rem;font-weight:700;line-height:1.2}.kpi .value small{color:var(--muted);font-size:1rem;font-weight:500}.meter{background:var(--sunken);border-radius:99px;height:8px;margin:.4rem 0 .45rem;overflow:hidden}.meter>span{background:var(--brand);border-radius:99px;height:100%;display:block}.section-title{justify-content:space-between;align-items:baseline;gap:1rem;margin:1.5rem 0 .7rem;display:flex}.section-title h2{margin:0;font-size:1.15rem}.section-title.tight{margin:0 0 .7rem}.eq-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;display:grid}.eq{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem 1rem}.eq.ok{border-left-color:var(--ok)}.eq.warn{border-left-color:var(--warn)}.eq.bad{border-left-color:var(--bad)}.eq-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.eq-top h3{margin:0}.eq-reading{align-items:center;gap:.9rem;margin:.5rem 0 .4rem;display:flex}.eq-temp{white-space:nowrap;font-size:2.1rem;font-weight:700;line-height:1.1}.eq-temp small{color:var(--muted);font-size:1rem;font-weight:500}.spark{width:100%;height:48px;display:block}.spark-band{fill:var(--ok-tint)}.spark-line{stroke:var(--brand);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.spark-bad{fill:var(--bad);stroke:var(--surface);stroke-width:2px}.spark-empty{align-items:center;min-height:48px;margin:0;display:flex}.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.cols-2 .card{margin-bottom:0}.list,.feed{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.list li:last-child,.feed li:last-child{border-bottom:0}.feed li{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:.6rem 0;display:flex}.feed-icon{background:var(--brand-tint);width:36px;height:36px;color:var(--brand-deep);border-radius:10px;flex:none;place-items:center;display:grid}.feed-body{flex:1;min-width:0}.feed-body a{font-weight:600;text-decoration:none}.feed-body a:hover{text-decoration:underline}@media (max-width:480px){.cols-2{grid-template-columns:1fr}}.login-page{background:var(--bg);place-items:center;min-height:100dvh;padding:1.5rem 1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(100%,400px);overflow:hidden}.login-card:before{content:"";background:repeating-linear-gradient(-45deg, var(--brand) 0 12px, var(--bg) 12px 24px);height:12px;display:block}.login-body{padding:1.5rem 1.5rem 1.75rem}.login-logo{background:var(--brand);width:56px;height:56px;color:var(--on-brand);border-radius:14px;place-items:center;margin-bottom:1rem;display:grid}.login-body h1{margin-bottom:.15rem;font-size:1.6rem}.login-body .btn{width:100%;min-height:50px;font-size:1.05rem}.pin-input{text-align:center;letter-spacing:.5em;min-height:54px;font-size:1.4rem}.danger-text{color:var(--bad)}.label.small{grid-template-columns:1fr 16mm;gap:2mm;width:60mm;min-height:40mm;padding:2mm 2.5mm;font-size:7.5pt}.label.small .name{font-size:11pt}.label.small .qr{width:16mm;height:16mm}.label.small .allergens{padding-top:1mm}table .num{white-space:nowrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.temp-card{padding:0;overflow:hidden}.temp-summary{border-bottom:1px solid var(--line);padding:.8rem 1rem}.temp-head,.temp-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.8fr) 140px 150px;align-items:center;gap:.75rem 1rem;padding:.7rem 1rem;display:grid}.temp-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--sunken);font-size:.72rem;font-weight:700}.temp-row{border-bottom:1px solid var(--line);margin:0}.temp-row:last-child{border-bottom:0}.temp-row:hover{background:color-mix(in srgb, var(--sunken) 55%, transparent)}.temp-row.alerting{background:var(--bad-tint)}.temp-input input{text-align:center;font-size:1.15rem;font-weight:700}.temp-go .btn{width:100%}.temp-correct{grid-column:1/-1}.add-summary{cursor:pointer;min-height:36px;color:var(--brand);align-items:center;gap:.5rem;font-weight:600;display:flex}@media (max-width:760px){.temp-head{display:none}.temp-row{grid-template-columns:1fr 120px}.temp-name,.temp-status{grid-column:1/-1}.temp-input{grid-column:1}.temp-go{grid-column:2}}.side-location{border-bottom:1px solid var(--side-line);padding:.65rem .9rem .2rem}.side-location label{letter-spacing:.12em;text-transform:uppercase;color:var(--side-muted);font-size:.68rem}.side-location select{color:#fff;border-color:var(--side-line);background:#ffffff0f;margin-bottom:.6rem}
