:root{--color-primary:#603308;--color-primary-container:#7c4a1e;--color-on-primary:#fff;--color-on-primary-container:#ffbe8c;--color-on-primary-fixed:#2f1500;--color-primary-fixed:#ffdcc3;--color-primary-fixed-dim:#fdb882;--color-secondary:#835500;--color-secondary-container:#feae2c;--color-on-secondary:#fff;--color-on-secondary-container:#6b4500;--color-secondary-fixed:#ffddb4;--color-secondary-fixed-dim:#ffb955;--color-tertiary:#692c00;--color-tertiary-container:#8e3e00;--color-on-tertiary:#fff;--color-on-tertiary-container:#ffbc98;--color-surface:#fcf9f8;--color-surface-dim:#dcd9d9;--color-surface-bright:#fcf9f8;--color-surface-container-lowest:#fff;--color-surface-container-low:#f6f3f2;--color-surface-container:#f0eded;--color-surface-container-high:#eae7e7;--color-surface-container-highest:#e5e2e1;--color-surface-variant:#e5e2e1;--color-surface-tint:#865225;--color-on-surface:#1c1b1b;--color-on-surface-variant:#52443b;--color-on-background:#1c1b1b;--color-background:#fcf9f8;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#93000a;--color-outline:#847469;--color-outline-variant:#d6c3b6;--color-inverse-surface:#313030;--color-inverse-on-surface:#f3f0ef;--color-inverse-primary:#fdb882;--font-headline:"Sora", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--text-display-lg:3.5rem;--text-headline-md:1.75rem;--text-title-md:1.125rem;--text-body-md:.875rem;--text-label-md:.75rem;--text-label-sm:.625rem;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--radius-default:.25rem;--radius-lg:.5rem;--radius-full:9999px;--shadow-ambient:0 10px 30px -5px #1c1b1b0f;--shadow-elevated:0 20px 60px -10px #1c1b1b1a;--shadow-subtle:0 4px 14px 0 #8355001a;--gradient-industrial:linear-gradient(135deg, #603308 0%, #7c4a1e 100%);--touch-min:44px;--nav-width:260px;--content-max-width:1200px;--topbar-height:56px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--color-brand-dark:#3d2008;--color-brand-light:#6b3a1f;--color-brand-mid:#c8945a;--color-brand-pale:#f5efe8;--color-page-bg:#f7f5f2;--color-card-bg:#fff;--color-card-border:#00000014;--card-radius:12px;--status-active-bg:#eaf3de;--status-active-text:#3b6d11;--status-draft-bg:#e6f1fb;--status-draft-text:#185fa5;--status-parked-bg:#faeeda;--status-parked-text:#854f0b;--status-rejected-bg:#fcebeb;--status-rejected-text:#a32d2d;--status-archived-bg:#f1efe8;--status-archived-text:#5f5e5a;--allergen-gluten-bg:#fef3c7;--allergen-gluten-text:#92400e;--allergen-dairy-bg:#eff6ff;--allergen-dairy-text:#1e40af;--allergen-nuts-bg:#fdf2f8;--allergen-nuts-text:#831843;--allergen-eggs-bg:#fffbeb;--allergen-eggs-text:#78350f;--allergen-none-bg:#eaf3de;--allergen-none-text:#3b6d11}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:DM Sans,system-ui,sans-serif;font-weight:var(--weight-regular);color:var(--color-on-surface);background:var(--color-page-bg);margin:0;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:var(--weight-bold);color:var(--color-on-surface);line-height:1.2}h1{font-size:var(--text-headline-md);font-weight:var(--weight-extrabold)}h2{margin:0 0 var(--space-sm);font-size:1.5rem}h3{font-size:var(--text-title-md)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,a,input,select,textarea,[role=button]{min-height:var(--touch-min)}button{cursor:pointer;font-family:inherit}code,.font-mono{font-family:var(--font-mono)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}::selection{color:var(--color-on-surface);background:#feae2c4d}::selection{color:var(--color-on-surface);background:#feae2c4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}*{scrollbar-width:thin;scrollbar-color:var(--color-outline-variant) var(--color-surface-container-low)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-layout{flex-direction:row;min-height:100dvh;display:flex}.app-sidebar{width:var(--nav-width);z-index:30;background:#141420;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.app-content{margin-left:var(--nav-width);padding:var(--space-2xl);max-width:var(--content-max-width);flex:1;min-height:100dvh}.app-topbar{height:var(--topbar-height);background:var(--color-surface);z-index:40;padding:0 var(--space-lg);justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.app-topbar-brand{font-family:var(--font-headline);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em;font-size:1.125rem}.app-topbar-right{align-items:center;gap:var(--space-md);display:flex}.app-topbar-avatar{border-radius:var(--radius-full);background:var(--color-surface-container-highest);width:32px;height:32px;color:var(--color-on-surface-variant);font-family:var(--font-headline);font-weight:var(--weight-bold);justify-content:center;align-items:center;font-size:.75rem;display:flex;overflow:hidden}.app-topbar-menu-btn{color:var(--color-primary);padding:var(--space-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-bottom-nav{z-index:50;-webkit-backdrop-filter:blur(12px);height:64px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffb3;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.app-bottom-nav-item{color:var(--color-outline);padding:var(--space-xs) var(--space-sm);min-width:64px;transition:color var(--transition-fast);font-family:var(--font-mono);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.app-bottom-nav-item.active{color:var(--color-secondary);font-weight:var(--weight-bold)}.app-bottom-nav-item .material-symbols-outlined{font-size:24px}.app-bottom-nav-label{font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}@media (width<=768px){.app-sidebar{display:none}.app-topbar{display:flex}.app-bottom-nav{display:none}.app-content{padding:calc(var(--topbar-height) + var(--space-lg)) var(--space-lg) var(--space-xl);max-width:100%;margin-left:0}}.hamburger-btn{color:var(--color-on-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.mobile-overlay{z-index:999;background:#1c1b1b80;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-slide-menu{z-index:1000;width:280px;box-shadow:var(--shadow-elevated,0 8px 24px #00000026);background:#141420;flex-direction:column;animation:.2s ease-out slideIn;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.mobile-menu-brand{font-family:var(--font-headline);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.02em;font-size:1rem}.mobile-menu-close{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.mobile-slide-menu .nav{flex:1;height:auto}.user-avatar-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.user-menu-dropdown{background:var(--color-surface-container-lowest,var(--color-surface));border-radius:var(--radius-lg,12px);width:260px;box-shadow:var(--shadow-elevated,0 8px 24px #00000026);z-index:1001;position:absolute;top:56px;right:0;overflow:hidden}.user-menu-header{background:var(--color-surface-container-low);align-items:center;gap:12px;padding:16px;display:flex}.user-menu-avatar{border-radius:var(--radius-full,50%);background:var(--color-secondary-container);width:40px;height:40px;color:var(--color-on-secondary-container);font-family:var(--font-headline);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.user-menu-name{font-family:var(--font-headline);font-weight:var(--weight-bold);font-size:var(--text-body-md);color:var(--color-on-surface)}.user-menu-role{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.user-menu-item{width:100%;font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-on-surface);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;min-height:44px;padding:12px 16px;display:flex}.user-menu-item:hover{background:var(--color-surface-container-low)}.user-menu-item--static{cursor:default}.user-menu-item--static:hover{background:0 0}.user-menu-lang-toggle{margin-left:auto}.user-menu-logout{color:var(--color-error,#c62828)}.user-menu-divider{background:var(--color-outline-variant);opacity:.3;height:1px;margin:4px 0}.user-menu-item .material-symbols-outlined{color:var(--color-on-surface-variant);font-size:20px}.user-menu-logout .material-symbols-outlined{color:var(--color-error,#c62828)}.access-log-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-outline-variant);padding-bottom:0;display:flex}.access-log-tab{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-body-md);color:var(--color-on-surface-variant);cursor:pointer;min-height:44px;transition:color var(--transition-fast,.15s), border-color var(--transition-fast,.15s);background:0 0;border:none;border-bottom:2px solid #0000;display:flex}.access-log-tab:hover{color:var(--color-on-surface)}.access-log-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--weight-bold)}.access-log-tab .material-symbols-outlined{font-size:20px}.access-log-filters{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--space-xs);flex-direction:column;display:flex}.filter-label{font-size:var(--text-label-sm);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.filter-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);font-family:var(--font-mono);font-size:var(--text-body-md);background:var(--color-surface);color:var(--color-on-surface);min-height:40px}.filter-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.pagination{padding:var(--space-lg) 0;justify-content:center;align-items:center;gap:var(--space-md);display:flex}.nav{background:#141420;flex-direction:column;height:100%;display:flex}.nav-brand{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);font-family:var(--font-headline);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.02em;font-size:1rem;line-height:1.3;display:flex}.nav-brand-icon{background:var(--color-brand-mid);border-radius:var(--radius-default);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-brand-icon .material-symbols-outlined{color:#fff;font-size:20px}.nav-links{padding:0 var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-section{margin-bottom:4px}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:10px var(--space-lg) 4px;opacity:1;font-size:10px;font-weight:600}.nav-badge{background:var(--color-brand-mid);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600;line-height:1.4}.nav-link{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-body-md);color:#ffffffb3;border-radius:var(--radius-default);transition:background var(--transition-fast), color var(--transition-fast);min-height:var(--touch-min);text-decoration:none;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-link.active{color:var(--color-brand-mid);font-weight:var(--weight-semibold);background:#c8945a1f}.nav-link.active:before{content:"";background:var(--color-brand-mid);border-radius:0 var(--radius-default) var(--radius-default) 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link .material-symbols-outlined{flex-shrink:0;font-size:20px}.nav-footer{padding:var(--space-lg);gap:var(--space-md);border-top:1px solid #ffffff14;flex-direction:column;display:flex}.nav-role-chip{padding:var(--space-xs) var(--space-md);color:var(--color-brand-mid);border-radius:var(--radius-full);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-label-md);text-transform:capitalize;background:#c8945a33;justify-content:center;align-items:center;display:inline-flex}.nav-user-info{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-default);background:#ffffff0f;display:flex}.nav-user-name{font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-logout-btn{color:#ffffff80;padding:var(--space-sm);border-radius:var(--radius-default);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-logout-btn:hover{color:#fff;background:#ffffff14}.nav-user{align-items:center;gap:var(--space-md);white-space:nowrap;font-size:.8125rem;display:flex}.btn-logout{color:var(--color-on-surface-variant);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);cursor:pointer;min-height:var(--touch-min);transition:background var(--transition-fast);font-size:.8125rem;font-family:var(--font-body);background:0 0;border:none}.btn-logout:hover{background:var(--color-surface-container)}.card{background:var(--color-surface-container-lowest);padding:var(--space-xl);border-radius:var(--radius-default);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-ambient)}.card h3{font-size:var(--text-title-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.dashboard-cards{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-default);padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-weight:var(--weight-semibold);min-height:var(--touch-min);cursor:pointer;transition:background var(--transition-normal), transform var(--transition-fast);border:none;font-size:1rem;display:inline-flex}.btn-primary:hover{background:#4e2806}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-surface-container-high);color:var(--color-on-surface);border-radius:var(--radius-default);padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-weight:var(--weight-semibold);min-height:var(--touch-min);cursor:pointer;transition:background var(--transition-normal);border:none;font-size:1rem;display:inline-flex}.btn-secondary:hover{background:var(--color-surface-container-highest)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-on-surface);border-radius:var(--radius-default);padding:var(--space-md) var(--space-2xl);font-family:var(--font-mono);font-weight:var(--weight-regular);font-size:var(--text-body-md);min-height:var(--touch-min);cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;display:inline-flex}.btn-ghost:hover{background:var(--color-surface-container)}.btn-danger{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-error);color:var(--color-on-error);border-radius:var(--radius-default);padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-weight:var(--weight-semibold);min-height:var(--touch-min);cursor:pointer;transition:background var(--transition-normal);border:none;font-size:1rem;display:inline-flex}.btn-danger:hover{background:#a01616}.btn-sm{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-default);cursor:pointer;background:var(--color-surface-container-high);color:var(--color-on-surface);min-height:var(--touch-min);margin-right:var(--space-xs);transition:background var(--transition-fast);font-size:.8125rem;font-family:var(--font-body);border:none}.btn-sm:hover{background:var(--color-surface-container-highest)}.btn-sm:last-child{margin-right:0}.btn-edit{color:#2980b9}.btn-edit:hover{background:#e8f4fd}.btn-reset{color:#d68910}.btn-reset:hover{background:#fef3e2}.btn-danger-fill{background:var(--color-error);color:var(--color-on-error)}.btn-danger-fill:hover{background:#a01616}.btn-success{color:#2e7d32}.btn-success:hover{background:#edf7ed}.btn-add{width:auto;padding:var(--space-md) var(--space-xl);font-size:var(--text-body-md);white-space:nowrap}.btn-close{cursor:pointer;color:var(--color-on-surface-variant);padding:var(--space-xs) var(--space-sm);min-height:var(--touch-min);min-width:var(--touch-min);border-radius:var(--radius-default);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.btn-close:hover{background:var(--color-surface-container)}.badge{border-radius:var(--radius-full);font-size:var(--text-label-md);font-weight:var(--weight-semibold);margin-right:var(--space-xs);font-family:var(--font-body);white-space:nowrap;align-items:center;padding:3px 10px;line-height:1.5;display:inline-flex}.badge-active{background:var(--color-secondary-container);color:#6b4500}.badge-draft{background:var(--color-surface-container-low);color:var(--color-on-surface-variant)}.badge-archived,.badge-inactive{background:var(--color-surface-container-highest);color:var(--color-outline)}.badge-pass,.badge-green{color:#2e7d32;background:#c8e6c9}.badge-warn,.badge-yellow{color:#856404;background:#fff3cd}.badge-fail,.badge-red{color:var(--color-error);background:#ffdad6}.badge-qa,.badge-review{color:#e65100;background:#ffe0b2}.badge-owner{background:var(--color-primary-fixed);color:var(--color-primary)}.badge-baker{color:#8e44ad;background:#f0e6f6}.badge-panelist{color:#1abc9c;background:#e8f8f5}.badge-unit{color:#2980b9;font-family:var(--font-mono);background:#e8f4fd}.badge-allergen{background:var(--color-error-container);color:var(--color-error);font-size:.6875rem}.badge-safe{color:#2e7d32;background:#c8e6c9;font-size:.6875rem}.badge-coming{background:var(--color-surface-container);color:var(--color-outline)}.form-group{margin-bottom:var(--space-xl)}.form-group label{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin-bottom:var(--space-xs);display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface-container-highest);border-radius:var(--radius-default);font-family:var(--font-body);color:var(--color-on-surface);min-height:var(--touch-min);transition:background var(--transition-normal), border-color var(--transition-normal);border:none;border-bottom:2px solid #0000;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--color-surface-container-lowest);border-bottom-color:var(--color-secondary-container);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-outline-variant)}.form-group select{appearance:auto}.form-error{color:var(--color-error);font-size:var(--text-body-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-error-container);border-radius:var(--radius-default)}.form-hint{font-size:var(--text-label-md);color:var(--color-on-surface-variant);margin-top:var(--space-xs);display:block}.form-row{gap:var(--space-md);align-items:flex-end;display:flex}.form-row .form-group{flex:1}.data-table-wrap,.table-wrap,.staff-table-wrap{-webkit-overflow-scrolling:touch;margin-bottom:var(--space-sm);overflow-x:auto}.data-table,.staff-table{border-collapse:separate;width:100%;border-spacing:0 var(--space-sm);background:0 0}.data-table th,.staff-table th{text-align:left;padding:var(--space-md) var(--space-lg);font-family:var(--font-headline);font-weight:var(--weight-semibold);font-size:var(--text-label-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);white-space:nowrap;background:0 0;border:none}.data-table td,.staff-table td{padding:var(--space-md) var(--space-lg);font-size:var(--text-body-md);vertical-align:middle;background:var(--color-surface-container-lowest);transition:background var(--transition-fast);border:none}.data-table td:first-child,.staff-table td:first-child{border-radius:var(--radius-default) 0 0 var(--radius-default)}.data-table td:last-child,.staff-table td:last-child{border-radius:0 var(--radius-default) var(--radius-default) 0}.data-table tbody tr:hover td,.staff-table tbody tr:hover td{background:var(--color-surface-container-low)}.row-inactive{opacity:.6}.td-name{font-weight:var(--weight-medium)}.td-email{color:var(--color-on-surface-variant)}.td-empty{text-align:center;color:var(--color-on-surface-variant);padding:var(--space-3xl) var(--space-lg)}.td-actions{white-space:nowrap}.td-cost{font-weight:var(--weight-semibold);font-family:var(--font-mono);font-size:.8125rem}.td-secondary{color:var(--color-on-surface-variant)}.cost-unit{color:var(--color-on-surface-variant);font-weight:var(--weight-regular)}.clickable-row{cursor:pointer}.table-link{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.table-link:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;padding:var(--space-xl);background:#1c1b1b66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--space-2xl);box-shadow:var(--shadow-elevated);max-height:90vh;overflow-y:auto}.modal-wide{max-width:600px}.modal-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-family:var(--font-headline);font-weight:var(--weight-bold);font-size:var(--text-title-md);color:var(--color-primary)}.modal-subtitle{color:var(--color-on-surface-variant);font-size:var(--text-body-md);margin-bottom:var(--space-xl)}.modal-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-2xl);display:flex}.modal-actions .btn-primary{width:auto;padding:var(--space-md) var(--space-2xl)}.confirm-text{margin-bottom:var(--space-sm);font-size:.9375rem}.confirm-detail{color:var(--color-on-surface-variant);font-size:.8125rem}.login-container{min-height:100dvh;padding:var(--space-xl);background:var(--color-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";border:60px solid var(--color-primary);opacity:.04;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:-10%}.login-container:after{content:"";border:40px solid var(--color-secondary);opacity:.04;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-5%;left:-5%}.login-wrapper{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);width:100%;max-width:1100px;min-height:640px;box-shadow:var(--shadow-elevated);z-index:1;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}@media (width<=768px){.login-wrapper{grid-template-columns:1fr;min-height:auto}}.login-brand-panel{background:var(--gradient-industrial);padding:var(--space-4xl);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}@media (width<=768px){.login-brand-panel{padding:var(--space-2xl);min-height:200px}}.login-brand-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);display:flex}.login-brand-logo{background:var(--color-secondary-container);border-radius:var(--radius-default);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-brand-logo .material-symbols-outlined{color:var(--color-on-secondary-container);font-size:22px}.login-brand-name{font-family:var(--font-headline);font-weight:var(--weight-extrabold);color:var(--color-on-primary);letter-spacing:-.02em;font-size:1.5rem}.login-brand-label{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-on-primary-container);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm)}.login-brand-title{font-family:var(--font-headline);font-size:3rem;font-weight:var(--weight-bold);color:#fff;line-height:1.1}@media (width<=768px){.login-brand-title{font-size:2rem}}.login-brand-accent{background:var(--color-secondary-container);width:64px;height:4px;margin-top:var(--space-2xl);border-radius:var(--radius-full)}.login-brand-footer{margin-top:var(--space-3xl)}.login-brand-desc{color:#fffc;font-weight:var(--weight-medium);max-width:360px;line-height:1.6;font-size:var(--text-body-md)}.login-form-panel{padding:var(--space-3xl) var(--space-4xl);background:var(--color-surface-container-lowest);flex-direction:column;justify-content:center;display:flex}@media (width<=768px){.login-form-panel{padding:var(--space-2xl)}}.login-form-inner{width:100%;max-width:400px;margin:0 auto}.login-form-header{margin-bottom:var(--space-3xl)}.login-form-title{font-family:var(--font-headline);font-size:1.875rem;font-weight:var(--weight-bold);color:var(--color-on-surface);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.login-form-subtitle{color:var(--color-on-surface-variant);font-weight:var(--weight-medium);font-size:var(--text-body-md)}.login-form-group{margin-bottom:var(--space-2xl)}.login-form-group label{font-family:var(--font-mono);color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);display:block}.login-form-group .login-input-wrap{position:relative}.login-form-group .login-input-icon{left:var(--space-lg);color:var(--color-outline);font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.login-form-group input{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-4xl);background:var(--color-surface-container-highest);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-on-surface);min-height:var(--touch-min);transition:background var(--transition-normal), border-color var(--transition-normal);font-weight:var(--weight-medium);border:none;border-bottom:2px solid #0000}.login-form-group input:focus{background:var(--color-surface-container-lowest);border-bottom-color:var(--color-secondary-container);outline:none}.login-form-group input::placeholder{color:var(--color-outline-variant)}.login-submit-btn{justify-content:center;align-items:center;gap:var(--space-md);background:var(--color-secondary);width:100%;color:var(--color-on-secondary);border-radius:var(--radius-default);padding:var(--space-xl);font-family:var(--font-headline);font-weight:var(--weight-bold);cursor:pointer;min-height:56px;box-shadow:var(--shadow-subtle);transition:background var(--transition-normal), transform var(--transition-fast);border:none;font-size:1rem;display:flex}.login-submit-btn:hover{background:#6e4800}.login-submit-btn:active{transform:scale(.98)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--space-4xl);padding-top:var(--space-2xl)}.login-footer-status{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.login-footer-dot{border-radius:var(--radius-full);background:#2e7d32;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.login-footer-status span{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-on-surface-variant)}.login-footer-legal{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-outline);line-height:1.6}.login-card{background:var(--color-surface-container-lowest);padding:var(--space-4xl) var(--space-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:100%;max-width:400px}.login-card h1{font-family:var(--font-headline);font-size:1.5rem;font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-xs);color:var(--color-primary)}.login-subtitle{text-align:center;color:var(--color-on-surface-variant);font-size:var(--text-body-md);margin-bottom:var(--space-3xl)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h2{font-family:var(--font-headline);font-weight:var(--weight-bold);font-size:var(--text-headline-md);color:var(--color-primary);margin-bottom:0}.page-title{font-family:var(--font-headline);font-size:var(--text-headline-md);color:var(--color-primary);letter-spacing:-.02em;margin:0;font-weight:700}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.page-subtitle{font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin-top:.25rem}.page{padding:0}.page h2{font-family:var(--font-headline);font-size:1.375rem;font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--space-lg)}.main-content{padding:var(--space-xl) var(--space-lg);max-width:var(--content-max-width);margin:0 auto}.dash-subtitle{color:var(--color-on-surface-variant);margin-bottom:var(--space-xl)}.dash-queue-row{gap:var(--space-md);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.dash-queue-card{background:var(--color-surface-container-lowest);border-left:3px solid var(--color-secondary-container);border-radius:var(--radius-default);padding:var(--space-lg) var(--space-md);color:var(--color-on-surface);transition:box-shadow var(--transition-normal);text-align:center;min-height:var(--touch-min);flex-direction:column;align-items:center;text-decoration:none;display:flex}.dash-queue-card:hover{box-shadow:var(--shadow-ambient);text-decoration:none}.dash-queue-icon{margin-bottom:var(--space-xs);font-size:1.5rem}.dash-queue-count{font-family:var(--font-headline);font-size:1.75rem;font-weight:var(--weight-bold);color:var(--color-primary)}.dash-queue-label{font-size:var(--text-label-md);color:var(--color-on-surface-variant);margin-top:2px;line-height:1.3}.dash-queue-action{font-size:var(--text-label-md);font-weight:var(--weight-semibold);color:var(--color-secondary);margin-top:var(--space-xs)}.dash-all-clear{align-items:center;gap:var(--space-md);color:#2e7d32;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-default);font-size:.9375rem;font-weight:var(--weight-medium);margin-bottom:var(--space-sm);background:#c8e6c9;display:flex}.dash-all-clear-icon{border-radius:var(--radius-full);color:#fff;width:28px;height:28px;font-size:1rem;font-weight:var(--weight-bold);background:#2e7d32;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dash-kpi-groups{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.dash-kpi-group{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-lg) var(--space-xl)}.dash-kpi-title{font-family:var(--font-headline);font-size:.8125rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:var(--space-md)}.dash-kpi-grid{gap:var(--space-md);text-align:center;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));display:grid}.dash-kpi-item{flex-direction:column;align-items:center;display:flex}.dash-kpi-value{font-family:var(--font-headline);font-size:var(--text-display-lg);font-weight:var(--weight-extrabold);color:var(--color-primary)}.dash-kpi-label{color:var(--color-on-surface-variant);margin-top:2px;font-size:.6875rem}.dash-activity-list{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);overflow:hidden}.dash-activity-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-body-md);transition:background var(--transition-fast);display:flex}.dash-activity-item:hover{background:var(--color-surface-container-low)}.dash-activity-text{line-height:1.5}.dash-activity-time{margin-left:var(--space-xs);color:var(--color-on-surface-variant);font-size:var(--text-label-md);font-family:var(--font-mono);display:inline-block}.dash-baker-cta{justify-content:center;align-items:center;gap:var(--space-md);background:var(--gradient-industrial);color:var(--color-on-primary);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-default);font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);min-height:56px;transition:opacity var(--transition-normal);cursor:pointer;border:none;width:100%;text-decoration:none;display:flex}.dash-baker-cta:hover{opacity:.92;text-decoration:none}.dash-baker-cta-icon{border-radius:var(--radius-full);border:2px solid #ffffff80;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:inline-flex}.stat-row{gap:var(--space-lg);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.stat-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-xl) var(--space-2xl);flex:1;min-width:140px}.stat-number{font-family:var(--font-headline);font-size:2rem;font-weight:var(--weight-bold);color:var(--color-primary)}.stat-label{color:var(--color-on-surface-variant);margin-top:2px;font-size:.8125rem}.status-dot{color:#2e7d32}.dash-rec-cards{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.dash-rec-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-lg);color:var(--color-on-surface);transition:box-shadow var(--transition-normal);text-decoration:none;display:block}.dash-rec-card:hover{box-shadow:var(--shadow-ambient)}.dash-rec-topic{font-size:var(--text-body-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.dash-rec-product{color:var(--color-on-surface-variant);font-size:.8125rem}.dash-rec-date{font-size:var(--text-label-md);color:var(--color-on-surface-variant);margin-top:var(--space-xs);font-family:var(--font-mono)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);margin-bottom:var(--space-lg);font-size:var(--text-body-md)}.alert-error{background:var(--color-error-container);color:var(--color-error)}.alert-success{color:#2e7d32;background:#c8e6c9}.alert-warn{color:#856404;background:#fff3cd}.loading{text-align:center;padding:var(--space-4xl);color:var(--color-on-surface-variant)}.action-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.action-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-xl);color:var(--color-on-surface);transition:box-shadow var(--transition-normal);min-height:var(--touch-min);text-decoration:none;display:block}.action-card:hover{box-shadow:var(--shadow-ambient);text-decoration:none}.action-card-live{border-left:3px solid #2e7d32}.action-icon{margin-bottom:var(--space-sm);font-size:1.75rem}.action-title{font-size:1rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.action-desc{color:var(--color-on-surface-variant);margin-bottom:var(--space-md);font-size:.8125rem;line-height:1.4}.language-toggle{padding:var(--space-xs) var(--space-md);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);box-shadow:var(--shadow-ambient);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:var(--weight-bold);min-height:32px;transition:box-shadow var(--transition-normal);background:#ffffff1a;border:none;align-items:center;gap:2px;display:inline-flex}.language-toggle:hover{box-shadow:var(--shadow-elevated)}.lang-option{padding:2px var(--space-sm);border-radius:var(--radius-full);color:#ffffff80;transition:all var(--transition-normal)}.lang-active{background:var(--color-brand-mid);color:#fff}.lang-separator{color:#fff3;margin:0 1px}.translated-badge-wrapper{display:inline-flex;position:relative}.translated-badge{align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-label-md);font-weight:var(--weight-semibold);font-family:var(--font-body);cursor:default;border:none;min-height:auto;display:inline-flex}.translated-badge--pending{color:#856404;background:#fff3cd}.translated-badge--complete{background:var(--color-secondary-container);color:var(--color-on-secondary-container);cursor:pointer}.translated-badge--complete:hover{opacity:.85}.translated-badge--failed{background:var(--color-error-container);color:var(--color-error)}.translated-badge__spinner{border-radius:var(--radius-full);border:2px solid #856404;border-top-color:#0000;width:12px;height:12px;animation:.8s linear infinite badge-spin;display:inline-block}@keyframes badge-spin{to{transform:rotate(360deg)}}.translated-badge__tooltip{bottom:calc(100% + var(--space-sm));background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);font-size:var(--text-label-md);white-space:nowrap;z-index:100;box-shadow:var(--shadow-ambient);position:absolute;left:50%;transform:translate(-50%)}.filter-bar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.filter-search{min-width:200px;padding:var(--space-md) var(--space-lg);background:var(--color-surface-container-highest);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-body-md);min-height:var(--touch-min);color:var(--color-on-surface);transition:background var(--transition-normal), border-color var(--transition-normal);border:none;border-bottom:2px solid #0000;flex:1}.filter-search:focus{background:var(--color-surface-container-lowest);border-bottom-color:var(--color-secondary-container);outline:none}.filter-select{padding:var(--space-md) var(--space-lg);background:var(--color-surface-container-highest);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-body-md);min-height:var(--touch-min);color:var(--color-on-surface);border:none}.filter-count{color:var(--color-on-surface-variant);white-space:nowrap;font-size:.8125rem}.detail-grid{gap:var(--space-lg);margin:var(--space-lg) 0;grid-template-columns:1fr 1fr;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-full{grid-column:1/-1}.detail-label{font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.detail-highlight{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary)}.allergen-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.allergen-chip{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-surface-container-high);border-radius:var(--radius-full);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.8125rem;font-family:var(--font-body);border:none;display:flex}.allergen-chip input{display:none}.allergen-chip.selected{background:var(--color-primary);color:var(--color-on-primary)}.pagination{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;display:flex}.pagination-info{color:var(--color-on-surface-variant);font-size:.8125rem;font-family:var(--font-mono)}.empty-state{text-align:center;padding:60px var(--space-xl);color:var(--color-on-surface-variant)}.empty-state p{margin-bottom:var(--space-sm)}.coming-soon{max-width:600px;margin:var(--space-4xl) auto;text-align:center}.coming-soon h2{margin-bottom:var(--space-sm)}.coming-desc{color:var(--color-on-surface-variant);margin:var(--space-lg) 0 var(--space-2xl);font-size:.9375rem}.coming-features{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-2xl);text-align:left}.coming-features h3{font-family:var(--font-mono);font-size:var(--text-body-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:var(--space-md)}.coming-features ul{padding:0;list-style:none}.coming-features li{padding:var(--space-sm) 0;font-size:var(--text-body-md);padding-left:var(--space-xl);color:var(--color-on-surface);position:relative}.coming-features li:before{content:"○";color:var(--color-on-surface-variant);position:absolute;left:0}.progress-list{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-lg) var(--space-xl)}.progress-item{padding:var(--space-sm) 0;font-size:var(--text-body-md);gap:var(--space-md);align-items:center;display:flex}.progress-check{text-align:center;width:20px;font-size:1rem}.progress-item.done .progress-check{color:#2e7d32}.progress-item.pending{color:var(--color-on-surface-variant)}.price-add-form{background:var(--color-surface-container-low);padding:var(--space-lg);border-radius:var(--radius-default);margin-bottom:var(--space-lg)}.price-add-form .form-row{margin-bottom:0}.btn-add-price{width:auto;padding:var(--space-md) var(--space-xl);white-space:nowrap;margin-bottom:var(--space-xl);align-self:flex-end}.dash-wh-alert{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-default);margin-bottom:var(--space-sm);display:flex}.dash-wh-alert-warn{background:#fff3cd}.dash-wh-alert-ok{background:#c8e6c9}.dash-wh-alert-count{font-family:var(--font-headline);font-size:2rem;font-weight:var(--weight-bold);color:#856404}.dash-wh-alert-text{font-size:.9375rem;font-weight:var(--weight-medium);flex:1}.dash-wh-alert-link{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-default);font-size:var(--text-body-md);font-weight:var(--weight-semibold);white-space:nowrap;min-height:var(--touch-min);align-items:center;text-decoration:none;display:flex}.dash-wh-alert-link:hover{background:#4e2806;text-decoration:none}.dash-wh-missing-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.dash-wh-missing-item{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:#856404;background:#fff3cd;font-size:.8125rem;text-decoration:none}.dash-wh-missing-item:hover{background:#ffe9a0}.dash-wh-vendors{gap:var(--space-2xl);background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.dash-wh-vendor-stat{text-align:center;min-width:80px}.section-heading{font-family:var(--font-headline);font-size:1rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-md);color:var(--color-on-surface-variant)}.font-mono{font-family:var(--font-mono)}.font-headline{font-family:var(--font-headline)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-outline)}.text-error{color:var(--color-error)}.bg-industrial{background:var(--gradient-industrial)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3}.touch-target{min-height:var(--touch-min);min-width:var(--touch-min)}.dash-page{padding:var(--space-sm) 0}.dash-header{margin-bottom:var(--space-2xl)}.dash-header-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary);margin-bottom:var(--space-xs)}.dash-header-title{font-family:var(--font-headline);font-size:1.75rem;font-weight:var(--weight-bold);color:var(--color-primary);line-height:1.15}.dash-loading{color:var(--color-outline)}.dash-empty-text{color:var(--color-outline);font-size:var(--text-body-md)}.dash-avatar{border-radius:var(--radius-full);background:var(--color-primary-container);width:32px;height:32px;color:var(--color-secondary-container);font-size:.8125rem;font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dash-section-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--color-outline);margin-bottom:var(--space-md);margin-top:var(--space-2xl)}.dash-alert-banner{align-items:center;gap:var(--space-md);background:var(--color-error-container);color:var(--color-on-error-container);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-decoration:none;display:flex}.dash-alert-icon{color:var(--color-error);font-size:1.5rem}.dash-alert-content{flex:1}.dash-alert-title{font-size:var(--text-body-md);font-weight:var(--weight-semibold)}.dash-alert-subtitle{font-family:var(--font-mono);font-size:var(--text-label-md);opacity:.8}.dash-queue-grid{gap:var(--space-md);margin-bottom:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.dash-queue-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-lg);color:var(--color-on-surface);transition:background var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.dash-queue-card:hover{background:var(--color-surface-container-low)}.dash-queue-card-top{justify-content:space-between;align-items:flex-start;display:flex}.dash-queue-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-outline)}.dash-queue-icon{color:var(--color-primary);font-size:1.125rem}.dash-queue-count{font-family:var(--font-headline);font-size:var(--text-display-lg);font-weight:var(--weight-extrabold);color:var(--color-primary);margin-top:var(--space-sm)}.dash-queue-action{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;color:var(--color-secondary);margin-top:var(--space-xs);text-decoration:underline}.dash-kpi-bento{gap:var(--space-md);margin-bottom:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.dash-kpi-bento-wide{background:var(--color-surface-container-lowest);padding:var(--space-xl);border-radius:var(--radius-default);border-bottom:2px solid var(--color-secondary-container);grid-column:1/-1}.dash-kpi-bento-top{justify-content:space-between;align-items:flex-start;display:flex}.dash-kpi-hero{align-items:baseline;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.dash-kpi-unit{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-secondary)}.dash-kpi-sub-row{gap:var(--space-2xl);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-surface-container-low);display:flex}.dash-kpi-sub{flex-direction:column;display:flex}.dash-kpi-sub-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;color:var(--color-outline)}.dash-kpi-sub-value{font-size:var(--text-body-md);font-weight:var(--weight-bold)}.dash-kpi-tile{background:var(--color-surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-default);gap:var(--space-xs);flex-direction:column;display:flex}.dash-kpi-tile .dash-kpi-value{margin-top:var(--space-xs);font-size:1.75rem}.dash-kpi-production-card{background:var(--gradient-industrial);padding:var(--space-xl);border-radius:var(--radius-default);color:var(--color-on-primary-container);grid-column:1/-1;position:relative;overflow:hidden}.dash-kpi-production-inner{z-index:1;position:relative}.dash-kpi-production-inner .dash-kpi-label{color:#ffbe8cb3}.dash-kpi-production-inner .dash-kpi-value{color:var(--color-on-primary)}.dash-kpi-production-hero{margin-top:var(--space-sm)}.dash-kpi-production-bg{opacity:.1;color:var(--color-on-primary);font-size:7.5rem;position:absolute;bottom:-16px;right:-16px}.dash-quick-actions{gap:var(--space-md);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);display:flex;overflow-x:auto}.dash-quick-action-btn{align-items:center;gap:var(--space-sm);background:var(--color-surface-container-highest);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);color:var(--color-on-surface);font-size:var(--text-body-md);font-weight:var(--weight-semibold);transition:background var(--transition-fast);flex-shrink:0;text-decoration:none;display:flex}.dash-quick-action-btn:hover{background:var(--color-surface-container-high)}.dash-quick-action-btn .material-symbols-outlined{color:var(--color-primary)}.dash-activity-header{margin-bottom:var(--space-md);margin-top:var(--space-2xl);justify-content:space-between;align-items:flex-end;display:flex}.dash-activity-header .dash-section-label{margin:0}.dash-view-all{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;color:var(--color-secondary);text-decoration:underline}.dash-activity-row-top{justify-content:space-between;display:flex}.dash-activity-user{font-size:var(--text-label-md);font-weight:var(--weight-bold)}.dash-activity-desc{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin-top:var(--space-xs)}.dash-activity-code{color:var(--color-secondary)}.dash-baker-hero{text-align:center;background:var(--gradient-industrial);border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-2xl);color:var(--color-on-primary);margin-bottom:var(--space-lg);flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.dash-baker-hero-texture{opacity:.1;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#fff 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.dash-baker-hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.dash-baker-hero-icon-wrap{border-radius:var(--radius-full);width:64px;height:64px;margin-bottom:var(--space-2xl);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.dash-baker-hero-icon{color:#fff;font-size:2rem}.dash-baker-hero-title{font-size:1.25rem;font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.dash-baker-hero-desc{font-size:var(--text-body-md);color:#ffffffb3;margin-bottom:var(--space-2xl);max-width:200px}.dash-baker-hero-btn{width:100%;padding:var(--space-lg);background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:var(--radius-default);font-size:var(--text-body-md);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.15em;text-align:center;display:block}.dash-baker-kpis{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.dash-baker-kpi-tile{background:var(--color-surface-container-low);padding:var(--space-lg);border-radius:var(--radius-xl)}.dash-baker-kpi-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;color:var(--color-secondary);display:block}.dash-baker-kpi-value{font-family:var(--font-headline);font-size:1.5rem;font-weight:var(--weight-bold);margin-top:var(--space-xs);display:block}.dash-baker-section-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold)}.dash-baker-section-meta{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;color:var(--color-outline)}.dash-baker-batch-list{gap:var(--space-md);flex-direction:column;display:flex}.dash-baker-batch-card{background:var(--color-surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-default);color:var(--color-on-surface);transition:background var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.dash-baker-batch-card:hover{background:var(--color-surface-container-low)}.dash-baker-batch-info{gap:var(--space-xs);flex-direction:column;display:flex}.dash-baker-batch-name-row{align-items:center;gap:var(--space-sm);display:flex}.dash-baker-batch-name{font-family:var(--font-headline);font-size:var(--text-body-md);font-weight:var(--weight-bold)}.dash-baker-batch-meta{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--color-outline);font-size:.6875rem;display:flex}.dash-baker-batch-divider{color:var(--color-outline-variant)}.dash-baker-batch-lot{font-weight:var(--weight-medium);color:var(--color-on-surface)}.dash-baker-batch-arrow{color:var(--color-outline)}.dash-wh-hero-metrics{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.dash-wh-metric-card{background:var(--color-surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-default);flex-direction:column;justify-content:space-between;min-height:100px;display:flex}.dash-wh-metric-label{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface-variant)}.dash-wh-metric-value{font-family:var(--font-headline);font-size:1.75rem;font-weight:var(--weight-bold);color:var(--color-primary)}.dash-wh-metric-unit{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-secondary)}.dash-wh-alert-section{margin-bottom:var(--space-lg)}.dash-wh-alert-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.dash-wh-alert-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold)}.dash-wh-alert-badge{font-family:var(--font-mono);background:var(--color-error-container);color:var(--color-on-error-container);font-size:var(--text-label-sm);padding:2px var(--space-sm);border-radius:var(--radius-full);font-weight:var(--weight-bold)}.dash-wh-alert-list{gap:var(--space-sm);flex-direction:column;display:flex}.dash-wh-alert-card{background:var(--color-surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-default);border-left:4px solid var(--color-error);justify-content:space-between;align-items:center;display:flex}.dash-wh-alert-card-info{flex-direction:column;display:flex}.dash-wh-alert-card-name{font-family:var(--font-headline);font-size:var(--text-body-md);font-weight:var(--weight-bold)}.dash-wh-alert-card-lot{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-on-surface-variant)}.dash-wh-fix-btn{background:var(--color-surface-container-highest);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);color:var(--color-primary);font-size:var(--text-label-md);font-weight:var(--weight-bold);transition:background var(--transition-fast);text-decoration:none}.dash-wh-fix-btn:hover{background:var(--color-surface-container-high)}.dash-wh-quick-section{margin-bottom:var(--space-lg)}.dash-wh-section-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);margin-bottom:var(--space-md)}.dash-wh-quick-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.dash-wh-action-btn{padding:var(--space-2xl);border-radius:var(--radius-default);justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-label-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.02em;transition:transform var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.dash-wh-action-btn:active{transform:scale(.95)}.dash-wh-action-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.dash-wh-action-btn--secondary{background:var(--color-surface-container-high);color:var(--color-primary)}.dash-wh-recent-list{background:var(--color-surface-container-low);border-radius:var(--radius-xl);overflow:hidden}.dash-wh-recent-item{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-container-lowest);display:flex}.dash-wh-recent-icon{background:var(--color-surface-container-high);border-radius:var(--radius-default);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dash-wh-recent-icon .material-symbols-outlined{color:var(--color-secondary)}.dash-wh-recent-info{flex:1}.dash-wh-recent-top{justify-content:space-between;align-items:flex-start;display:flex}.dash-wh-recent-name{font-family:var(--font-headline);font-size:var(--text-body-md);font-weight:var(--weight-bold)}.dash-wh-recent-time{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-on-surface-variant)}.dash-wh-recent-bottom{margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.dash-wh-recent-id{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-secondary)}.dash-wh-recent-cat{font-family:var(--font-mono);color:var(--color-on-secondary-container);padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:.5625rem;font-weight:var(--weight-bold);background:#feae2c33}.products-page{padding-top:0}.products-top{margin-bottom:var(--space-2xl)}.products-search-wrap{margin-bottom:var(--space-lg);position:relative}.products-search-icon{left:var(--space-md);color:var(--color-outline);position:absolute;top:50%;transform:translateY(-50%)}.products-search-input{background:var(--color-surface-container-highest);border-radius:var(--radius-default);width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) 44px;font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-on-surface);transition:background var(--transition-normal);border:none}.products-search-input:focus{background:var(--color-surface-container-lowest);box-shadow:0 0 0 2px var(--color-secondary-container);outline:none}.products-header-row{justify-content:space-between;align-items:center;display:flex}.products-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:0}.products-add-btn{align-items:center;gap:var(--space-xs);background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none;display:flex}.products-add-btn:hover{background:var(--color-primary-container)}.products-add-btn .material-symbols-outlined{font-size:1.125rem}.products-filter-pills{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-2xl);display:flex;overflow-x:auto}.products-pill{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-medium);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.products-pill:hover{background:var(--color-surface-variant)}.products-pill--active{background:var(--color-secondary);color:var(--color-on-secondary);font-weight:var(--weight-bold)}.products-card-list{gap:var(--space-lg);flex-direction:column;display:flex}.products-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all .2s ease-in-out}.products-card:hover{box-shadow:var(--shadow-ambient)}.products-card:active{transform:scale(.98)}.products-card--archived{opacity:.75}.products-card-inner{gap:var(--space-lg);display:flex}.products-card-photo{border-radius:var(--radius-default);background:var(--color-surface-container-high);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.products-card-emoji{font-size:2rem}.products-card-body{flex-direction:column;flex:1;justify-content:space-between;display:flex}.products-card-top{justify-content:space-between;align-items:flex-start;display:flex}.products-card-name{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0;line-height:1.2}.products-card-tags{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.products-card-tag{font-family:var(--font-mono);font-size:var(--text-label-sm);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);padding:2px var(--space-sm);border-radius:var(--radius-default)}.products-card-sku{font-family:var(--font-mono);color:var(--color-outline);margin-top:var(--space-sm);font-size:.6875rem}.pd-hero{margin-bottom:var(--space-2xl)}.pd-hero-badges{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.pd-version-badge{font-family:var(--font-mono);background:var(--color-surface-container-highest);color:var(--color-on-surface-variant);padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.15em}.pd-name{font-family:var(--font-headline);font-size:1.75rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-sm);line-height:1.15}.pd-meta{gap:var(--space-md);font-size:var(--text-body-md);color:var(--color-on-surface-variant);flex-wrap:wrap;display:flex}.pd-meta-item{align-items:center;gap:var(--space-xs);display:flex}.pd-meta-icon{font-size:1rem}.pd-actions{margin-top:var(--space-lg)}.pd-action-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);border-radius:var(--radius-default);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-semibold);transition:all var(--transition-fast);min-height:var(--touch-min);border:none;display:flex}.pd-action-btn--primary{background:var(--color-primary);color:var(--color-on-primary);margin-bottom:var(--space-sm)}.pd-action-btn--primary:hover{background:var(--color-primary-container)}.pd-action-btn--secondary{background:var(--color-surface-container-high);color:var(--color-on-surface)}.pd-action-btn--secondary:hover{background:var(--color-surface-container-highest)}.pd-action-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.pd-section{margin-bottom:var(--space-2xl)}.pd-section-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-md)}.pd-section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.pd-ingredients-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg)}.pd-ingredients-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.pd-cost-badge{font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-secondary);text-decoration:none}.pd-ingredients-note{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.pd-ingredients-warn{align-items:center;gap:var(--space-sm);color:var(--color-error);font-size:var(--text-body-md);display:flex}.pd-description{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin-top:var(--space-sm)}.pd-qa-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg)}.pd-qa-list{gap:var(--space-md);flex-direction:column;display:flex}.pd-qa-item{padding:var(--space-md);border-radius:var(--radius-default);justify-content:space-between;align-items:center;display:flex}.pd-qa-item:nth-child(odd){background:#c8e6c94d}.pd-qa-item:nth-child(2n){background:#fff3cd4d}.pd-qa-item-left{align-items:center;gap:var(--space-md);display:flex}.pd-qa-dot{border-radius:var(--radius-full);width:8px;height:8px}.pd-qa-dot--pass{background:#2e7d32}.pd-qa-dot--warn{background:#f9a825}.pd-qa-verdict{font-size:var(--text-body-md);font-weight:var(--weight-bold)}.pd-qa-ref{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-outline)}.pd-qa-icon{font-size:1.25rem}.pd-batch-history{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg)}.pd-history-icon{color:var(--color-secondary)}.pd-batch-list{gap:var(--space-xs);flex-direction:column;display:flex}.pd-batch-item{padding:var(--space-sm);border-radius:var(--radius-default);color:var(--color-on-surface);transition:background var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.pd-batch-item:hover{background:var(--color-surface-container-low)}.pd-batch-lot{font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-bold)}.pd-batch-yield{font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-outline)}.pd-batch-right{text-align:right}.pd-batch-date{font-size:var(--text-label-md);font-weight:var(--weight-medium)}.pd-batch-status{font-size:var(--text-label-sm);font-weight:var(--weight-bold);text-transform:uppercase}.pd-batch-status--pass{color:#2e7d32}.pd-batch-status--fail{color:var(--color-error)}.pd-new-version-btn{font-size:.8125rem;font-weight:var(--weight-semibold);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-default);text-decoration:none}.batches-page{padding-top:0}.batches-header{margin-bottom:var(--space-2xl)}.batches-breadcrumb{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-secondary);margin-bottom:var(--space-xs);display:block}.batches-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs);line-height:1.15}.batches-subtitle{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.batches-search-section{margin-bottom:var(--space-2xl)}.batches-search-wrap{margin-bottom:var(--space-md);position:relative}.batches-search-icon{left:var(--space-md);color:var(--color-on-surface-variant);font-size:1.125rem;position:absolute;top:50%;transform:translateY(-50%)}.batches-search-input{background:var(--color-surface-container-highest);border-radius:var(--radius-default);width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) 40px;font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-on-surface);border:none}.batches-search-input::placeholder{color:var(--color-outline)}.batches-search-input:focus{background:var(--color-surface-container-lowest);box-shadow:0 0 0 2px var(--color-secondary-container);outline:none}.batches-filter-pills{gap:var(--space-sm);padding-bottom:var(--space-sm);display:flex;overflow-x:auto}.batches-pill{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-medium);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;display:flex}.batches-pill--active{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-bold)}.batches-pill--clear{color:var(--color-secondary);background:0 0;text-decoration:underline}.batches-pill-icon{font-size:1rem}.batches-fab{background:var(--color-primary);width:56px;height:56px;color:var(--color-on-primary);border-radius:var(--radius-default);cursor:pointer;z-index:40;transition:transform var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 8px 24px #6033084d}.batches-fab:active{transform:scale(.95)}.batches-fab .material-symbols-outlined{font-size:1.75rem}.batches-card-list{gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.batch-card{background:var(--color-surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-default);border-left:4px solid var(--color-outline);cursor:pointer;transition:background .2s}.batch-card:hover{background:var(--color-surface-container-low)}.batch-card--approved{border-left-color:var(--color-secondary)}.batch-card--pending{border-left-color:var(--color-secondary-container)}.batch-card--failed{border-left-color:var(--color-error)}.batch-card--logged{border-left-color:var(--color-outline)}.batch-card-top{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.batch-card-lot{font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-medium);color:var(--color-on-surface-variant);background:var(--color-surface-container-low);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-default)}.batch-card-product{font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0 0 var(--space-md) 0}.batch-card-details{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.batch-card-detail{flex-direction:column;display:flex}.batch-card-detail-label{font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-outline)}.batch-card-detail-value{font-size:var(--text-body-md);font-weight:var(--weight-medium)}.nb-page{padding-top:0}.nb-header{margin-bottom:var(--space-2xl);padding-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.nb-header-left{align-items:center;gap:var(--space-md);display:flex}.nb-close-btn{cursor:pointer;color:var(--color-primary);padding:var(--space-sm);border-radius:var(--radius-default);transition:background var(--transition-fast);background:0 0;border:none}.nb-close-btn:hover{background:var(--color-surface-container-low)}.nb-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0}.nb-live-badge{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:#feae2c33}.nb-section{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-xl);margin-bottom:var(--space-2xl);border-bottom:2px solid #feae2c33}.nb-section-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);align-items:center;gap:var(--space-sm);display:flex}.nb-type-tiles{background:var(--color-surface-container-highest);padding:var(--space-xs);border-radius:var(--radius-default);display:flex}.nb-type-tile{padding:var(--space-lg);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-body-md);cursor:pointer;color:var(--color-on-surface-variant);font-weight:var(--weight-medium);transition:all var(--transition-fast);background:0 0;border:none;flex:1}.nb-type-tile-selected,.nb-type-tile.nb-type-tile-selected{background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-weight:var(--weight-bold);box-shadow:var(--shadow-ambient)}.nb-type-tile-disabled{opacity:.5;cursor:not-allowed}.nb-type-tile-wrap{flex-direction:column;flex:1;display:flex}.nb-submit-section{padding-bottom:40px}.nb-submit-btn{justify-content:center;align-items:center;gap:var(--space-md);background:var(--gradient-industrial);width:100%;color:var(--color-on-primary);padding:var(--space-xl);border-radius:var(--radius-default);font-size:1rem;font-weight:var(--weight-bold);letter-spacing:.05em;cursor:pointer;min-height:56px;transition:transform var(--transition-fast);border:none;display:flex;box-shadow:0 8px 24px #60330833}.nb-submit-btn:hover{transform:scale(1.01)}.nb-submit-btn:active{transform:scale(.98)}.nb-submit-btn:disabled{opacity:.6;cursor:not-allowed}.nb-submit-icon{font-size:1.5rem}.nb-compliance-note{text-align:center;font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-on-surface-variant);margin-top:var(--space-lg);opacity:.5;text-transform:uppercase;letter-spacing:.15em}.nb-success-card{text-align:center;padding:40px var(--space-xl);flex-direction:column;align-items:center;display:flex}.nb-success-icon{color:#2e7d32;margin-bottom:var(--space-lg);font-size:4rem}.nb-success-icon .material-symbols-outlined{font-size:4rem}.nb-success-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-sm)}.nb-success-lot{font-family:var(--font-mono);color:var(--color-secondary);margin-bottom:var(--space-2xl);font-size:1.125rem}.nb-success-actions{gap:var(--space-md);flex-direction:column;width:100%;max-width:320px;display:flex}.bd-page{padding-top:0}.bd-nav{margin-bottom:var(--space-sm)}.bd-back-btn{cursor:pointer;color:var(--color-primary);padding:var(--space-sm);background:0 0;border:none}.bd-header{margin-bottom:var(--space-2xl)}.bd-lot-code{font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-md)}.bd-meta-badges{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.bd-product-link{color:var(--color-primary);font-weight:var(--weight-semibold);font-size:var(--text-body-md);text-decoration:none}.bd-product-link:hover{text-decoration:underline}.bd-version-badge{font-family:var(--font-mono);background:var(--color-surface-container-highest);color:var(--color-on-surface-variant);padding:2px var(--space-sm);border-radius:var(--radius-default);font-size:var(--text-label-md)}.bd-info-row{gap:var(--space-lg);display:flex}.bd-info-item{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.bd-intent{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-default);font-size:var(--text-body-md)}.bd-section{margin-bottom:var(--space-2xl)}.bd-section-title{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-md)}.batch-photo-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.bd-photo-item{border-radius:var(--radius-xl);cursor:pointer;position:relative;overflow:hidden}.bd-photo-item img{object-fit:cover;border-radius:var(--radius-xl);width:100%;height:120px}.batch-qa-measurements-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.batch-qa-measurement-card{background:var(--color-surface-container-lowest);padding:var(--space-md);border-radius:var(--radius-default)}.batch-qa-measurement-label{font-family:var(--font-mono);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-size:.6875rem}.batch-qa-measurement-value{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold)}.qa-in-range .batch-qa-measurement-value{color:#2e7d32}.qa-out-range{background:var(--color-error-container)}.qa-out-range .batch-qa-measurement-value{color:var(--color-error)}.qa-warn-range{background:#fff3cd}.qa-warn-range .batch-qa-measurement-value{color:#f9a825}.badge-status{border-radius:var(--radius-full);font-size:var(--text-label-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;display:inline-block}.badge-status-approved,.badge-status-active{color:#2e7d32;background:#c8e6c980}.badge-status-pending{color:#856404;background:#fff3cd80}.badge-status-failed{background:var(--color-error-container);color:var(--color-on-error-container)}.badge-status-logged{background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.badge-status-draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.badge-status-archived{background:var(--color-error-container);color:var(--color-error)}.inv-detail-header{padding:var(--space-2xl);margin-bottom:var(--space-xl)}.inv-detail-header h2{font-family:var(--font-headline);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0 0 var(--space-xs)}.inv-detail-sku{font-family:var(--font-mono);font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.inv-detail-badges{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.inv-stock-display{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.inv-stock-number{font-family:var(--font-headline);font-size:2rem;font-weight:var(--weight-bold);line-height:1.1}.inv-stock-unit{font-family:var(--font-mono);font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin-top:var(--space-xs)}.inv-stock-thresholds{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-on-surface-variant);margin-top:var(--space-xs)}.inv-stock-deficit,.inv-stock-avg-price{font-family:var(--font-mono);font-size:var(--text-body-md);margin-top:var(--space-sm)}.inv-tabs{margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-surface-container);gap:0;display:flex;overflow-x:auto}.inv-tab{font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-regular);padding:var(--space-md) var(--space-lg);color:var(--color-on-surface-variant);cursor:pointer;align-items:center;gap:var(--space-sm);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;display:flex}.inv-tab:hover{color:var(--color-primary)}.inv-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--weight-semibold)}.inv-tab .material-symbols-outlined{font-size:18px}.inv-section{padding:var(--space-2xl)}.inv-section-header{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0 0 var(--space-lg)}.inv-section-header-row{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.inv-section-header-row h4{font-family:var(--font-headline);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);margin:0}.inv-metric-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.inv-metric-card{padding:var(--space-lg);background:var(--color-surface-container);border-radius:var(--radius-lg)}.inv-metric-label{font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.inv-metric-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:var(--weight-semibold);margin-top:var(--space-xs)}.inv-detail-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.inv-detail-grid-3{gap:var(--space-lg);grid-template-columns:1fr 1fr 1fr;display:grid}.inv-field-label{font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:2px;display:block}.inv-field-value{font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-regular);color:var(--color-on-surface)}.inv-vendor-card{padding:var(--space-lg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);position:relative}.inv-vendor-card.best-price{background:var(--color-surface-container);border:2px solid var(--color-primary)}.inv-vendor-name{font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold)}.inv-vendor-purchases{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-on-surface-variant)}.inv-overall-price{padding:var(--space-lg);background:var(--color-surface-container);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.inv-overall-price-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--weight-bold);margin:var(--space-xs) 0 0}.inv-overall-price-unit{font-family:var(--font-mono);font-size:var(--text-body-md);font-weight:var(--weight-regular)}.inv-recent-purchases{margin-top:var(--space-md);font-size:var(--text-label-md);color:var(--color-on-surface-variant)}@media (width<=768px){.dash-queue-grid{grid-template-columns:1fr 1fr}.td-actions{gap:var(--space-xs);flex-direction:column;display:flex}.btn-sm{margin-right:0}.modal{max-width:100%;margin:var(--space-md)}.detail-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}.page{background:var(--color-page-bg)}.card-v2{background:var(--color-card-bg);border:.5px solid var(--color-card-border);border-radius:var(--card-radius);padding:16px}.metric-card-v2{background:var(--color-card-bg);border:.5px solid var(--color-card-border);border-radius:10px;padding:16px}.metric-card-v2 .metric-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:500}.metric-card-v2 .metric-val{margin-top:4px;font-size:24px;font-weight:600;line-height:1}.metric-card-v2 .metric-sub{color:var(--color-on-surface-variant);margin-top:4px;font-size:11px}.metric-card-v2.red .metric-val{color:var(--status-rejected-text)}.metric-card-v2.green .metric-val{color:var(--status-active-text)}.metric-card-v2.amber .metric-val{color:var(--status-parked-text)}.badge-v2{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-v2.approved,.badge-v2.active{background:var(--status-active-bg);color:var(--status-active-text)}.badge-v2.draft,.badge-v2.testing,.badge-v2.in_testing{background:var(--status-draft-bg);color:var(--status-draft-text)}.badge-v2.parked,.badge-v2.warning{background:var(--status-parked-bg);color:var(--status-parked-text)}.badge-v2.rejected,.badge-v2.error{background:var(--status-rejected-bg);color:var(--status-rejected-text)}.badge-v2.archived,.badge-v2.neutral{background:var(--status-archived-bg);color:var(--status-archived-text)}.allergen-tag{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.allergen-tag.gluten{background:var(--allergen-gluten-bg);color:var(--allergen-gluten-text)}.allergen-tag.dairy{background:var(--allergen-dairy-bg);color:var(--allergen-dairy-text)}.allergen-tag.nuts,.allergen-tag.tree-nuts{background:var(--allergen-nuts-bg);color:var(--allergen-nuts-text)}.allergen-tag.eggs{background:var(--allergen-eggs-bg);color:var(--allergen-eggs-text)}.allergen-tag.none{background:var(--allergen-none-bg);color:var(--allergen-none-text)}.product-tag-v2{color:#534ab7;background:#7c6fcd1f;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.filter-tab-v2{cursor:pointer;border:.5px solid var(--color-card-border);background:var(--color-card-bg);color:var(--color-on-surface-variant);border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.filter-tab-v2.active{background:var(--color-brand-mid);border-color:var(--color-brand-mid);color:#1a1a0e;font-weight:500}.table-v2-wrap{background:var(--color-card-bg);border:.5px solid var(--color-card-border);border-radius:10px;overflow:hidden}.table-v2{border-collapse:collapse;width:100%}.table-v2 th{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;border-bottom:.5px solid var(--color-card-border);text-align:left;background:var(--color-page-bg);padding:10px 14px;font-size:11px;font-weight:500}.table-v2 td{border-bottom:.5px solid var(--color-card-border);padding:11px 14px;font-size:13px}.table-v2 tr:last-child td{border-bottom:none}.table-v2 tr:hover td{background:#00000004}.stacked-bar-wrap{border-radius:6px;gap:2px;height:24px;display:flex;overflow:hidden}.stacked-seg{color:#fff;justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:500;transition:width .5s;display:flex}.btn-v2{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-v2-primary{background:var(--color-brand-mid);color:#1a1a0e}.btn-v2-primary:hover{background:#b8855a}.btn-v2-ghost{border:.5px solid var(--color-card-border);color:var(--color-on-surface);background:0 0}.btn-v2-ghost:hover{background:var(--color-page-bg)}.cost-cell{font-weight:500;font-family:var(--font-mono);font-size:12px}.cost-cell.loss{color:var(--status-rejected-text)}.cost-cell.gain{color:var(--status-active-text)}.icon-btn-v2{border:.5px solid var(--color-card-border);background:var(--color-card-bg);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:inline-flex}.icon-btn-v2:hover{background:var(--color-page-bg)}.icon-btn-v2.approve:hover{background:var(--status-active-bg);border-color:#c0dd97}.icon-btn-v2.reject:hover{background:var(--status-rejected-bg);border-color:#f7c1c1}.summary-bar-v2{background:var(--color-card-bg);border-bottom:.5px solid var(--color-card-border);color:var(--color-on-surface-variant);gap:24px;padding:12px 28px;font-size:12px;display:flex}.breakdown-card-v2{background:var(--color-card-bg);border:.5px solid var(--color-card-border);border-radius:10px;padding:16px}.breakdown-bar-wrap{background:var(--color-page-bg);border-radius:4px;flex:1;height:6px;overflow:hidden}.breakdown-bar-v2{border-radius:4px;height:100%;transition:width .4s}.verdict-opt-v2{border:.5px solid var(--color-card-border);text-align:center;cursor:pointer;border-radius:8px;padding:14px 10px;transition:all .15s}.verdict-opt-v2:hover{border-color:var(--color-brand-mid)}.verdict-opt-v2.selected{border-width:2px}.verdict-opt-v2.selected.approve{border-color:var(--status-active-text);background:var(--status-active-bg)}.verdict-opt-v2.selected.reject{border-color:var(--status-rejected-text);background:var(--status-rejected-bg)}.verdict-opt-v2.selected.park{border-color:var(--status-parked-text);background:var(--status-parked-bg)}.stock-bar-mini{background:var(--color-page-bg);vertical-align:middle;border-radius:3px;width:60px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.stock-bar-mini .fill{border-radius:3px;height:100%}.stock-bar-mini .fill.green{background:var(--status-active-text)}.stock-bar-mini .fill.amber{background:var(--status-parked-text)}.stock-bar-mini .fill.red{background:var(--status-rejected-text)}.media-gallery-container{width:100%}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.media-thumb{aspect-ratio:1;cursor:pointer;background:var(--color-page-bg);border-radius:8px;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-thumb:hover .media-thumb-overlay{opacity:1}.media-video-badge{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;right:4px}.media-primary-badge{background:var(--status-active-bg);color:var(--status-active-text);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;top:4px;left:4px}.media-add-btn{aspect-ratio:1;border:2px dashed var(--color-card-border);cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;font-size:12px;transition:border-color .2s;display:flex}.media-add-btn:hover{border-color:var(--color-brand-mid);color:var(--color-brand-dark,var(--color-brand-mid))}.media-add-btn:disabled{opacity:.5;cursor:not-allowed}.media-lightbox{z-index:2000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-lightbox img,.media-lightbox video{border-radius:8px;max-width:90vw;max-height:90vh}.nb-v2-steps{gap:4px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.nb-v2-step-indicator{cursor:pointer;border:.5px solid var(--color-card-border);background:var(--color-card-bg);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.nb-v2-step-indicator.active{background:var(--color-brand-mid);border-color:var(--color-brand-mid);color:#1a1a0e;font-weight:600}.nb-v2-step-indicator.completed{background:var(--status-active-bg);border-color:var(--status-active-text);color:var(--status-active-text)}.nb-v2-step-dot{background:var(--color-page-bg);border:1.5px solid var(--color-card-border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.nb-v2-step-indicator.active .nb-v2-step-dot{color:var(--color-brand-mid);background:#1a1a0e;border-color:#1a1a0e}.nb-v2-step-indicator.completed .nb-v2-step-dot{background:var(--status-active-text);color:#fff;border-color:var(--status-active-text)}.nb-v2-type-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.nb-v2-type-tile{text-align:center;cursor:pointer;border:.5px solid var(--color-card-border);background:var(--color-card-bg);border-radius:12px;min-height:44px;padding:20px 16px;transition:all .15s}.nb-v2-type-tile:hover{border-color:var(--color-brand-mid)}.nb-v2-type-tile.selected{border-color:var(--color-brand-mid);background:#c49b6814;border-width:2px}.nb-v2-type-tile.disabled{opacity:.4;cursor:not-allowed}.nb-v2-type-tile-label{margin-bottom:4px;font-size:16px;font-weight:700;display:block}.nb-v2-type-tile-desc{color:var(--color-on-surface-variant);font-size:12px;display:block}.nb-v2-summary-row{border-bottom:.5px solid var(--color-card-border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.nb-v2-summary-row:last-child{border-bottom:none}.nb-v2-summary-label{color:var(--color-on-surface-variant)}.nb-v2-summary-value{font-weight:500}.eco-pill{cursor:pointer;background:0 0;border:1.5px solid;border-radius:20px;align-items:center;gap:4px;margin:3px;padding:4px 10px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.eco-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.eco-pill.dimmed{opacity:.15;pointer-events:none}.eco-pill.highlighted{border-width:2px;font-weight:600}.eco-pill.selected{font-weight:600}.eco-pill .eco-count{opacity:.6;font-size:10px;font-weight:500}.eco-group{margin-bottom:16px}.eco-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);margin-bottom:6px;font-size:11px;font-weight:600}.eco-section-label{color:var(--color-brand-dark);border-bottom:.5px solid var(--color-card-border);margin:24px 0 12px;padding-bottom:8px;font-size:14px;font-weight:600}.eco-detail{margin-bottom:20px}.eco-detail-connections{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}