:root{--radius: 6px;--radius-lg: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--sidebar-w: 232px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace}html[data-theme=dark]{--bg: #15110d;--panel: #1f1812;--panel-2: #261e16;--ink: #e8e0d0;--ink-strong: #f5efde;--muted: #8e8473;--border: #322820;--border-strong: #463727;--accent: #d09060;--accent-2: #b8784a;--accent-fg: #15110d;--accent-soft: rgba(208, 144, 96, .14);--danger: #e07a6a;--ok: #7fb990;--row-hover: #2a2018}html[data-theme=light]{--bg: #f6f2ea;--panel: #ffffff;--panel-2: #faf6ec;--ink: #1f2937;--ink-strong: #0f172a;--muted: #6b7280;--border: #d8d3c8;--border-strong: #b6ad9d;--accent: #8b5e34;--accent-2: #6f4824;--accent-fg: #ffffff;--accent-soft: rgba(139, 94, 52, .08);--danger: #b91c1c;--ok: #15803d;--row-hover: #f0eadb}html[data-theme=copper-forest]{--bg: #212226;--panel: #2a3b42;--panel-2: #324651;--ink: #d8e0d8;--ink-strong: #f0f3ec;--muted: #8aa490;--border: #324651;--border-strong: #445a4d;--accent: #b8520a;--accent-2: #d0681e;--accent-fg: #ffffff;--accent-soft: rgba(184, 82, 10, .16);--danger: #e07a6a;--ok: #779e7f;--row-hover: #324651}html[data-theme=wine-magenta]{--bg: #2c2d32;--panel: #263437;--panel-2: #1b4b4b;--ink: #e0dce2;--ink-strong: #f5eef2;--muted: #8f9b9b;--border: #3a4548;--border-strong: #5a293c;--accent: #b62779;--accent-2: #d24d96;--accent-fg: #ffffff;--accent-soft: rgba(182, 39, 121, .18);--danger: #e07a6a;--ok: #5cc3a2;--row-hover: #2f4045}html[data-theme=violet-lilac]{--bg: #212531;--panel: #322f42;--panel-2: #3d3a52;--ink: #e3dfe9;--ink-strong: #f4f0f6;--muted: #8a829c;--border: #3a3650;--border-strong: #4b3a70;--accent: #b7a2c9;--accent-2: #c8b6d8;--accent-fg: #212531;--accent-soft: rgba(183, 162, 201, .18);--danger: #e07a6a;--ok: #7fb990;--row-hover: #2a2e3a}html[data-theme=sage-olive]{--bg: #262b15;--panel: #3f3f3f;--panel-2: #464b37;--ink: #d6dbcf;--ink-strong: #ebf0e3;--muted: #848871;--border: #3f4232;--border-strong: #464b37;--accent: #afb4ad;--accent-2: #848871;--accent-fg: #262b15;--accent-soft: rgba(175, 180, 173, .18);--danger: #e07a6a;--ok: #afb4ad;--row-hover: #3a3f28}html[data-theme=magenta-indigo]{--bg: #1a1859;--panel: #241149;--panel-2: #2e1857;--ink: #f0d8d6;--ink-strong: #f7b8b3;--muted: #8a7a9c;--border: #2e1857;--border-strong: #641159;--accent: #b91b6f;--accent-2: #d63c8c;--accent-fg: #ffffff;--accent-soft: rgba(185, 27, 111, .2);--danger: #f7b8b3;--ok: #7fb990;--row-hover: #2e1857}html[data-theme=charcoal]{--bg: #1c1c1e;--panel: #262629;--panel-2: #2e2e31;--ink: #d6d7da;--ink-strong: #f2f3f5;--muted: #8b8d93;--border: #34343a;--border-strong: #45464d;--accent: #aeb4bd;--accent-2: #c4c9d0;--accent-fg: #1c1c1e;--accent-soft: rgba(174, 180, 189, .14);--danger: #e07a6a;--ok: #7fb990;--row-hover: #2f2f33}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2);text-decoration:underline}.linklike{background:none;border:0;padding:0;margin:0;font:inherit;color:var(--accent);cursor:pointer}.linklike:hover{color:var(--accent-2);text-decoration:underline}code{font-family:var(--font-mono);font-size:.92em}h1,h2,h3{color:var(--ink-strong);letter-spacing:-.01em}h2{font-size:1.15rem;margin:0 0 .85rem;font-weight:600}h3{font-size:.95rem;margin:1.25rem 0 .5rem;font-weight:600}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}main{padding:1.5rem;min-width:0}.container{max-width:1100px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow)}.panel-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}.panel-grid>.panel{max-width:none!important;width:100%;margin-top:0!important}.panel-grid>.panel--wide{grid-column:1 / -1}.container.panel-grid{max-width:1400px}.motd-banner{display:flex;align-items:flex-start;gap:.75rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:.75rem 1rem;margin-bottom:1.25rem}.motd-text{flex:1;min-width:0;white-space:pre-wrap;color:var(--ink-strong);line-height:1.45}.motd-close{flex:0 0 auto;background:none;border:none;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 .25rem}.motd-close:hover{color:var(--ink-strong)}.notes-box{width:100%;overflow:auto;resize:vertical;min-height:3em;line-height:1.45;font-family:inherit}.scroll-list{max-height:24rem;overflow:auto}.scroll-list table{margin:0}.scroll-list thead th{position:sticky;top:0;background:var(--panel);z-index:1}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink-strong);padding:.25rem .75rem .75rem;border-bottom:1px solid var(--border);margin-bottom:.6rem;display:block}.sidebar-brand:hover{text-decoration:none;color:var(--ink-strong)}.sidebar-brand small{display:block;font-size:.72rem;font-weight:400;color:var(--muted);letter-spacing:.02em}.sidebar-section{font:inherit;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;background:none;border:none;padding:.9rem .75rem .3rem;margin:0;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.sidebar-section:hover{color:var(--ink)}.sidebar-section .chevron{font-size:.7rem;opacity:.7}.sidebar a.nav-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;margin:.05rem 0;border-radius:var(--radius);color:var(--ink);font-size:.92rem;border-left:3px solid transparent;transition:background-color .1s,color .1s,border-color .1s}.sidebar a.nav-item:hover{background:var(--row-hover);text-decoration:none}.sidebar a.nav-item.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar a.nav-item--child{padding-left:1.75rem;font-size:.86rem;color:var(--muted)}.sidebar a.nav-item--child:before{content:"↳";margin-right:.3rem;opacity:.7}.sidebar a.nav-item--child.active{color:var(--accent)}.sidebar .nav-subhead{padding:.55rem .75rem .15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--muted);opacity:.85}.sidebar .nav-group-row{display:flex;align-items:stretch}.sidebar .nav-group-row .nav-item{flex:1}.sidebar .nav-group-toggle{background:none;border:none;cursor:pointer;color:var(--muted);font:inherit;font-size:.7rem;padding:0 .6rem;border-radius:var(--radius)}.sidebar .nav-group-toggle:hover{color:var(--ink);background:var(--row-hover)}.sidebar .nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font:inherit;font-size:.92rem;color:var(--ink);padding:.4rem .75rem;margin:.05rem 0;border-radius:var(--radius)}.sidebar .nav-group-header:hover{background:var(--row-hover)}.sidebar .nav-group-header .chevron{font-size:.7rem;opacity:.7}.switch{position:relative;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.85rem;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{flex:none;width:34px;height:18px;border-radius:999px;background:var(--border-strong);transition:background .15s;position:relative}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--panel);transition:transform .15s}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.sidebar a.nav-item--top{font-weight:600;margin-bottom:.5rem}.sidebar-footer{margin-top:auto;padding:.75rem;border-top:1px solid var(--border);font-size:.86rem}.sidebar-footer .user{color:var(--muted);margin-bottom:.4rem;word-break:break-all}.sidebar-footer .actions{display:flex;gap:.4rem;align-items:center}.sidebar-footer .theme-toggle{background:none;border:1px solid var(--border);color:var(--muted);padding:.3rem .55rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.sidebar-footer .theme-toggle:hover{color:var(--ink);border-color:var(--border-strong)}.sidebar-footer .signout{flex:1;background:none;border:1px solid var(--border);color:var(--ink);padding:.3rem .6rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.sidebar-footer .signout:hover{border-color:var(--accent);color:var(--accent)}.theme-picker{position:relative;display:inline-block}.theme-picker .swatch-button{background:none;border:1px solid var(--border);color:var(--muted);padding:.25rem .35rem;border-radius:var(--radius);cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:.3rem}.theme-picker .swatch-button:hover{border-color:var(--border-strong);color:var(--ink)}.theme-picker .swatch-button .swatch-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:var(--accent)}.theme-picker-menu{position:absolute;bottom:calc(100% + 6px);right:0;z-index:200;min-width:200px;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 6px 18px #00000059;padding:.3rem;display:flex;flex-direction:column;gap:.1rem}.topbar .theme-picker-menu{bottom:auto;top:calc(100% + 6px)}.theme-picker-menu button{background:none;border:1px solid transparent;color:var(--ink);padding:.35rem .45rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;text-align:left;font-size:.85rem;display:flex;align-items:center;gap:.5rem;width:100%}.theme-picker-menu button:hover{background:var(--row-hover)}.theme-picker-menu button.current{border-color:var(--accent);color:var(--accent)}.theme-picker-menu .swatch-strip{display:inline-flex;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.theme-picker-menu .swatch-strip span{width:12px;height:16px;display:block}.theme-picker-menu .theme-name{flex:1}.topbar{display:none;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar .brand{font-weight:700;color:var(--ink-strong)}.topbar button{background:none;border:1px solid var(--border);color:var(--ink);padding:.35rem .55rem;border-radius:var(--radius);cursor:pointer;line-height:1}.sidebar-backdrop{display:none}.scan-fab{position:fixed;top:.85rem;right:1rem;z-index:40;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.92rem;font-weight:600;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);box-shadow:0 2px 8px #0000002e}.scan-fab:hover{filter:brightness(1.08);text-decoration:none;color:var(--accent-fg)}.scan-fab.active{background:var(--accent-2);border-color:var(--accent-2)}@media(max-width:900px){.app{grid-template-columns:1fr}.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .18s ease-out;z-index:60;height:100vh}.sidebar.open{transform:translate(0);box-shadow:0 0 30px #0006}.sidebar-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:55}main{padding:1rem}.scan-fab{display:none}}.recipe-comp-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.recipe-comp-row .rc-material{flex:3 1 11rem;min-width:0}.recipe-comp-row .rc-qty{flex:0 0 5.5rem;width:5.5rem}.recipe-comp-row .rc-unit{flex:0 0 auto;min-width:2.4rem;color:var(--muted);font-size:.9rem}.recipe-comp-row .rc-notes{flex:2 1 8rem;min-width:0}.scan-viewport{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#000}.scan-video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame{width:80%;height:38%;border:2px solid rgba(255,255,255,.9);border-radius:10px;box-shadow:0 0 0 100vmax #0006;animation:scan-frame-pulse 1.6s ease-in-out infinite}@keyframes scan-frame-pulse{0%,to{border-color:#ffffffe6}50%{border-color:var(--accent)}}@media(prefers-reduced-motion:reduce){.scan-frame{animation:none}}main,.container{min-width:0}@media(max-width:1100px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}td.wrap,th.wrap,.scroll-list table{white-space:normal}}@media(max-width:540px){.modal-backdrop{padding:.5rem}.modal{padding:1rem 1.1rem}form .row{max-width:none}.panel>div[style*=space-between]{flex-wrap:wrap;gap:.5rem}}@media(max-width:720px){.tpl-edit-grid{grid-template-columns:1fr!important}}form .row{display:flex;flex-direction:column;margin-bottom:.75rem;max-width:480px}form label{font-size:.82rem;margin-bottom:.25rem;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{font:inherit;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--ink)}textarea{resize:vertical;min-height:5rem;line-height:1.4}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}input::placeholder{color:var(--muted)}.login-card input,.login-card select{border-color:var(--border-strong);box-shadow:0 1px 3px #00000029,inset 0 1px 2px #0000000f}.login-card input:focus,.login-card select:focus{box-shadow:0 1px 3px #00000029}button{font:inherit;font-size:.92rem;padding:.5rem .95rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:filter .1s,background-color .1s,color .1s,border-color .1s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed;filter:none}button.secondary{background:transparent;color:var(--accent);border-color:var(--border-strong)}button.secondary:hover{background:var(--accent-soft)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.link{background:transparent;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem}button.link:hover{filter:none;text-decoration:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);cursor:pointer;vertical-align:middle;filter:none}.icon-btn+.icon-btn{margin-left:.15rem}.icon-btn:hover{background:var(--row-hover);color:var(--ink);border-color:var(--border);filter:none}.icon-btn--danger:hover{color:var(--danger);border-color:var(--danger);background:transparent}.icon-btn:disabled{opacity:.4;cursor:not-allowed;background:transparent;border-color:transparent;color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.88rem;color:var(--muted);-webkit-user-select:none;user-select:none}.toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:32px;height:18px;background:var(--border);border:1px solid var(--border-strong);border-radius:18px;position:relative;cursor:pointer;padding:0;margin:0;transition:background-color .15s,border-color .15s;flex:0 0 auto}.toggle input:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--ink);transition:transform .15s,background-color .15s}.toggle input:checked{background:var(--accent);border-color:var(--accent)}.toggle input:checked:before{transform:translate(14px);background:var(--accent-fg)}.toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle input:disabled{opacity:.55;cursor:not-allowed}.toggle:has(input:disabled){cursor:not-allowed}.toggle:has(input:checked){color:var(--ink)}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0}.success{color:var(--ok);font-size:.9rem;margin:.5rem 0}.muted{color:var(--muted);font-size:.9rem}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:top}thead th{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;border-bottom-color:var(--border-strong)}tbody tr:hover{background:var(--row-hover)}tfoot td{border-top:1px solid var(--border-strong)}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.still-alerts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}.still-alert{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:999px;font-weight:700;font-size:.9rem;letter-spacing:.01em;color:#fff}.still-alert--pump{background:var(--ok)}.still-alert--heat{background:var(--danger);animation:still-heat-pulse 1.1s ease-in-out infinite}@keyframes still-heat-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.still-alert--heat{animation:none}}.badge{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.74rem;background:var(--panel-2);color:var(--ink);border:1px solid var(--border)}.badge--warn{background:#f59e0b;color:#241a00;border-color:#d98c08;font-weight:600}.qr{max-width:220px;display:block;margin:.5rem 0;background:#fff;padding:.4rem;border-radius:var(--radius)}.warning-panel{background:color-mix(in srgb,var(--danger) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:var(--radius);padding:.6rem 1rem;margin:0 0 1rem}.warning-panel strong{color:var(--danger)}.warning-panel ul{margin:.25rem 0 0 1rem;padding:0}.dash-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.dash-grid .kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1.1rem;box-shadow:var(--shadow)}.dash-grid .kpi .label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dash-grid .kpi .value{font-size:1.6rem;font-weight:700;color:var(--ink-strong);margin-top:.2rem;line-height:1.1}.dash-grid .kpi .sub{color:var(--muted);font-size:.82rem;margin-top:.2rem}.dash-grid .kpi.alert .value{color:var(--danger)}.dash-grid .kpi a{display:block;color:inherit}.dash-grid .kpi a:hover{text-decoration:none}.dash-row{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}@media(max-width:1100px){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-row{grid-template-columns:1fr}}@media(max-width:540px){.dash-grid{grid-template-columns:1fr}}.materials-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}.materials-aside{position:sticky;top:1rem}.cat-guide{margin:0;padding:0}.cat-guide-item{margin-bottom:.85rem}.cat-guide-item dt{font-size:.88rem;font-weight:600;margin-bottom:.15rem}.cat-guide-item dd{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}@media(max-width:1100px){.materials-layout{grid-template-columns:1fr}.materials-aside{position:static}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:0 10px 30px #00000059;width:100%;max-width:460px;max-height:90vh;overflow:auto}