@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.lp{color:var(--gray-900);background:#fff;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.lp-nav{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);background:#ffffffeb;position:sticky;top:0}.lp-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:60px;margin:0 auto;padding:0 32px;display:flex}.lp-logo{color:var(--gray-900);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.lp-logo-flow{color:var(--green)}.lp-nav-signin{color:var(--gray-700);border:1px solid var(--gray-300);cursor:pointer;background:0 0;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.lp-nav-signin:hover{border-color:var(--green);color:var(--green)}.lp-hero{padding:80px 32px 72px;animation:.5s both lp-fadein}.lp-hero-inner{grid-template-columns:1fr 420px;align-items:center;gap:64px;max-width:1100px;margin:0 auto;display:grid}.lp-hero-text{animation:.5s both lp-slideup}.lp-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin-bottom:20px;font-size:12px;font-weight:700}.lp-headline{letter-spacing:-.03em;color:var(--gray-900);margin-bottom:22px;font-size:clamp(42px,5vw,58px);font-weight:800;line-height:1.05}.lp-headline span{color:var(--green)}.lp-subhead{color:var(--gray-500);max-width:460px;margin-bottom:36px;font-size:17px;line-height:1.65}.lp-hero-actions{align-items:center;gap:12px;display:flex}.lp-btn-primary{color:#fff;background:var(--green);cursor:pointer;border:none;border-radius:8px;padding:13px 26px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.lp-btn-primary:hover{background:var(--green-d);transform:translateY(-1px)}.lp-btn-primary:active{transform:translateY(0)}.lp-btn-ghost{color:var(--gray-600);border:1.5px solid var(--gray-300);cursor:pointer;background:0 0;border-radius:8px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .15s,color .15s}.lp-btn-ghost:hover{border-color:var(--green);color:var(--green)}.lp-widget{border:1px solid var(--gray-200);border-left:3px solid var(--green);background:#fff;border-radius:12px;font-size:13px;animation:.55s .1s both lp-slideup;overflow:hidden;box-shadow:0 4px 24px #16a34a14,0 1px 4px #0000000d}.lp-widget-head,.lp-widget-waste-head{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.lp-widget-waste-head{background:var(--gray-50);border-top:1px solid var(--gray-100)}.lp-widget-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);font-size:11px;font-weight:700}.lp-widget-meta{color:var(--gray-400);font-size:11px}.lp-widget-body{padding:4px 0}.lp-widget-body--waste{background:var(--gray-50)}.lp-widget-row{border-bottom:1px solid var(--gray-100);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 16px;transition:background .1s;display:grid}.lp-widget-row:last-child{border-bottom:none}.lp-widget-row--new{background:var(--green-pale)}.lp-item-name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.lp-item-qty{color:var(--gray-700);text-align:right;min-width:44px;font-weight:700}.lp-item-qty--waste{color:var(--orange)}.lp-item-useby{color:var(--orange);text-align:right;min-width:72px;font-size:11px;font-weight:600}.lp-item-reason{color:var(--gray-400);text-align:right;min-width:100px;font-size:11px}.lp-widget-row--par{background:#fffbeb}.lp-widget-row--outage{background:#fef2f2}.lp-item-remaining{color:#d97706;text-align:right;grid-column:span 2;font-size:11px;font-weight:600}.lp-item-outage{color:var(--red);text-align:right;grid-column:span 2;font-size:11px;font-weight:600}.lp-widget-head--section{background:var(--gray-50);border-top:1px solid var(--gray-100)}.lp-widget-foot{color:var(--gray-400);border-top:1px solid var(--gray-100);background:var(--gray-50);justify-content:space-between;padding:9px 16px;font-size:11px;display:flex}.lp-strip{background:var(--green-pale);border-top:1px solid var(--green-l);border-bottom:1px solid var(--green-l);padding:56px 32px}.lp-strip-inner{grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:start;gap:48px;max-width:1100px;margin:0 auto;display:grid}.lp-strip-divider{background:var(--green-l);align-self:stretch;width:1px}.lp-strip-head{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:10px;font-size:20px;font-weight:800;line-height:1.2}.lp-strip-body{color:var(--gray-500);font-size:14px;line-height:1.65}.lp-labels{background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:96px 32px}.lp-labels-inner{grid-template-columns:1fr 400px;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid}.lp-label-stack{width:100%;max-width:380px;height:180px;margin:0 auto;position:relative}.lp-label{border:1px solid var(--gray-300);background:#fff;border-radius:6px;position:absolute;left:0;right:0}.lp-label--back{background:var(--gray-100);border-color:var(--gray-200);inset:20px -16px -20px 16px}.lp-label--mid{background:var(--gray-50);border-color:var(--gray-200);inset:10px -8px -10px 8px}.lp-label--front{border-color:var(--gray-300);background:#fff;flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex;inset:0;box-shadow:0 2px 12px #00000014}.lp-label-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lp-label-name{color:var(--gray-900);letter-spacing:-.02em;font-size:17px;font-weight:800}.lp-label-category{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);flex-shrink:0;font-size:10px;font-weight:600}.lp-label-dates{border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-end;padding:8px 0;display:flex}.lp-label-field{flex-direction:column;gap:2px;display:flex}.lp-label-field--right{text-align:right}.lp-label-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);font-size:9px;font-weight:600}.lp-label-field-value{color:var(--gray-700);font-size:13px;font-weight:700}.lp-label-use-by{color:var(--orange);letter-spacing:-.01em;font-size:16px;font-weight:800}.lp-label-ref{color:var(--gray-400);font-size:10px;font-weight:500}.lp-visibility{background:#fff;padding:96px 32px}.lp-visibility-inner{grid-template-columns:1fr 440px;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid}.lp-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin-bottom:16px;font-size:11px;font-weight:700}.lp-section-head{letter-spacing:-.03em;color:var(--gray-900);margin-bottom:20px;font-size:clamp(30px,3.5vw,40px);font-weight:800;line-height:1.1}.lp-section-body{color:var(--gray-500);margin-bottom:28px;font-size:15px;line-height:1.7}.lp-checklist{flex-direction:column;gap:10px;list-style:none;display:flex}.lp-checklist li{color:var(--gray-700);padding-left:22px;font-size:14px;font-weight:500;line-height:1.4;position:relative}.lp-checklist li:before{content:"";background:var(--green);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:0}.lp-dashboard-mock{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:14px;font-size:13px;overflow:hidden}.lp-dash-head{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);border-bottom:1px solid var(--gray-200);background:#fff;padding:14px 20px 10px;font-size:11px;font-weight:700}.lp-dash-stats{border-bottom:1px solid var(--gray-200);grid-template-columns:repeat(3,1fr);display:grid}.lp-dash-stat{border-right:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.lp-dash-stat:last-child{border-right:none}.lp-dash-num{letter-spacing:-.03em;color:var(--green);font-size:26px;font-weight:800;line-height:1}.lp-dash-num small{font-size:16px}.lp-dash-label{color:var(--gray-400);font-size:11px;font-weight:500}.lp-dash-sub{text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400);padding:14px 20px 10px;font-size:11px;font-weight:700}.lp-dash-items{flex-direction:column;gap:10px;padding:0 20px 16px;display:flex}.lp-dash-item{color:var(--gray-700);grid-template-columns:130px 1fr auto;align-items:center;gap:10px;font-size:12px;font-weight:500;display:grid}.lp-dash-bar-wrap{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.lp-dash-bar{background:var(--green);border-radius:3px;height:100%}.lp-dash-item-n{color:var(--gray-400);text-align:right;min-width:48px;font-size:11px}.lp-dash-num--up{color:var(--green)}.lp-dash-footer{border-top:1px solid var(--gray-200);color:var(--gray-500);background:var(--green-pale);justify-content:space-between;align-items:center;padding:10px 20px;font-size:11px;font-weight:500;display:flex}.lp-dash-footer-link{color:var(--green);font-weight:700}.lp-cta{background:var(--green);text-align:center;padding:80px 32px}.lp-cta-inner{max-width:560px;margin:0 auto}.lp-cta-head{letter-spacing:-.03em;color:#fff;margin-bottom:14px;font-size:clamp(28px,3vw,38px);font-weight:800}.lp-cta-sub{color:#ffffffc7;margin-bottom:32px;font-size:16px;line-height:1.6}.lp-cta-btn{color:var(--green);cursor:pointer;background:#fff;border:none;border-radius:9px;padding:15px 36px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-block}.lp-cta-btn:hover{opacity:.92;transform:translateY(-1px)}.lp-cta-btn:active{transform:translateY(0)}.lp-cta-signin{color:#ffffffb3;margin-top:20px;font-size:14px}.lp-cta-signin-link{color:#ffffffe6;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline}.lp-footer{border-top:1px solid var(--gray-200);background:#fff;padding:28px 32px}.lp-footer-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.lp-logo--footer{color:var(--gray-400);font-size:14px}.lp-footer-copy{color:var(--gray-400);font-size:13px}@keyframes lp-fadein{0%{opacity:0}to{opacity:1}}@keyframes lp-slideup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.lp-hero-inner{grid-template-columns:1fr;gap:48px}.lp-widget{max-width:480px}.lp-strip-inner{grid-template-columns:1fr;gap:32px}.lp-strip-divider{display:none}.lp-labels-inner,.lp-visibility-inner{grid-template-columns:1fr;gap:48px}}@media (width<=600px){.lp-hero{padding:48px 20px}.lp-strip,.lp-visibility,.lp-cta{padding-left:20px;padding-right:20px}.lp-nav-inner{padding:0 20px}.lp-hero-actions{flex-direction:column;align-items:flex-start}.lp-dash-item{grid-template-columns:100px 1fr auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#16a34a;--green-d:#15803d;--green-l:#dcfce7;--green-pale:#f0f9f4;--orange:#ea580c;--orange-l:#ffedd5;--red:#dc2626;--red-l:#fee2e2;--blue:#2563eb;--blue-l:#dbeafe;--gray-50:#f7faf8;--gray-100:#eef2ef;--gray-200:#dde4df;--gray-300:#c4cfca;--gray-400:#8fa89c;--gray-500:#6b7b6d;--gray-600:#4d5e51;--gray-700:#374840;--gray-800:#1e2820;--gray-900:#111a13;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 1px 4px #0000000f, 0 2px 8px #0000000a;--shadow-lg:0 4px 16px #0000001a, 0 2px 6px #0000000f;--sidebar-w:224px;--bg:#f7faf8;--surface:#fff;--text:#1e2820;--text-muted:#6b7b6d;--text-secondary:#6b7b6d;--border:#dde4df;--input-bg:#fff;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-700:#c2410c;--orange-800:#9a3412;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-700:#b91c1c;--red-800:#991b1b}html.dark{--bg:#0d1710;--surface:#1a2a1e;--text:#e0ece2;--text-muted:#8fa89c;--text-secondary:#8fa89c;--border:#2e4433;--orange-50:#431407;--orange-100:#431407;--orange-200:#7c2d12;--orange-700:#fb923c;--orange-800:#fdba74;--red-50:#450a0a;--red-100:#450a0a;--red-200:#7f1d1d;--red-700:#f87171;--red-800:#fca5a5;--input-bg:#0d1710;--gray-50:#1a2a1e;--gray-100:#1a2a1e;--gray-200:#2e4433;--gray-300:#3d5944;--gray-400:#8fa89c;--gray-500:#b0c8b5;--gray-600:#c4d9c9;--gray-700:#d8e8db;--gray-800:#e8f2eb;--gray-900:#f4faf5;--green-l:#052e16;--green-pale:#0a2015;--orange-l:#431407;--red-l:#450a0a;--blue-l:#0c1a3a}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px}#root{height:100%}.app{flex-direction:row;height:100vh;display:flex}.main-content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.navbar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;padding:0;display:flex;overflow:hidden}.navbar-brand{color:var(--text);letter-spacing:-.03em;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:24px 20px 20px;font-size:1.15rem;font-weight:800;display:flex}.navbar-brand-flow{color:var(--green)}.navbar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0 12px;font-size:.9rem;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-btn:hover{background:var(--gray-100);color:var(--text)}.nav-btn.active{background:var(--green-pale);color:var(--green);font-weight:600}.nav-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-btn-icon svg{width:18px;height:18px}.navbar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);padding:10px 12px 4px;font-size:.68rem;font-weight:700}.navbar-footer{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 10px;display:flex}.user-badge{border-radius:var(--radius-sm);background:var(--gray-50);align-items:center;gap:8px;padding:8px 12px;display:flex}.user-badge-name{color:var(--text);font-size:.82rem;font-weight:600}.user-badge-role{color:var(--text-muted);font-size:.72rem}.logout-btn{border-radius:var(--radius-sm);min-height:40px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0 12px;font-size:.85rem;font-weight:500;transition:background .12s,color .12s;display:flex}.logout-btn:hover{background:var(--red-l);color:var(--red)}.dark-toggle{border-radius:var(--radius-sm);min-height:40px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0 12px;font-size:.85rem;font-weight:500;transition:background .12s;display:flex}.dark-toggle:hover{background:var(--gray-100)}.loading-screen{height:100vh;color:var(--text-muted);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px}.card-title{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:600;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-d)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-outline{color:var(--green);border:1.5px solid var(--green);background:0 0}.btn-outline:hover:not(:disabled){background:var(--green-pale)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:16px 28px;font-size:1.05rem}.btn-sm{padding:8px 14px;font-size:.85rem}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text);outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #16a34a1a}.form-textarea{resize:vertical;min-height:80px}.setup-page{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.setup-card{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:520px;padding:48px;box-shadow:0 20px 60px #0000001f}.setup-logo{text-align:center;margin-bottom:32px}.setup-logo h1{color:var(--green);font-size:2rem;font-weight:800}.setup-logo p{color:var(--gray-500);margin-top:4px}.setup-step{color:var(--green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:600}.setup-card h2{color:var(--gray-800);margin-bottom:8px;font-size:1.4rem;font-weight:700}.setup-card .sub{color:var(--gray-500);margin-bottom:28px;font-size:.9rem}.setup-actions{justify-content:flex-end;margin-top:24px;display:flex}.input-error{border-color:var(--red)!important}.field-hint{margin-top:4px;font-size:.8rem}.field-hint-error{color:var(--red)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center;width:100%;max-width:400px;padding:48px 40px}.login-logo{color:var(--green);letter-spacing:-.5px;margin-bottom:6px;font-size:2rem;font-weight:800}.login-sub{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.pin-display{letter-spacing:16px;text-align:center;color:var(--text);background:var(--gray-50);border-radius:var(--radius-sm);border:1.5px solid var(--border);justify-content:center;align-items:center;min-height:60px;margin-bottom:24px;padding:10px;font-size:2.2rem;font-weight:700;display:flex}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.pin-key{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);min-width:72px;min-height:72px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;font-weight:600;transition:all .1s;display:flex}.pin-key:hover{background:var(--gray-50);border-color:var(--gray-300);transform:scale(.97)}.pin-key:active{background:var(--gray-100);transform:scale(.94)}.pin-key.del{color:var(--red);font-size:1.1rem}.pin-key.zero{grid-column:2}.pin-error{color:var(--red);text-align:center;min-height:22px;font-size:.875rem}.prep-screen{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.location-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.loc-btn{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;min-width:80px;min-height:56px;color:var(--text);flex:1;padding:12px;font-size:.95rem;font-weight:500;transition:all .15s}.loc-btn.active{border-color:var(--green);background:var(--green-pale);color:var(--green-d);font-weight:600}.category-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.chip:hover{border-color:var(--green);color:var(--green)}.chip-active{font-weight:600;border-color:var(--green)!important;background:var(--green-pale)!important;color:var(--green-d)!important}.search-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.search-bar input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.search-bar input::placeholder{color:var(--gray-400)}.category-group{margin-bottom:20px}.category-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:8px;padding-left:2px;font-size:.75rem;font-weight:700}.item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.item-tile{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:88px;padding:16px 12px;transition:all .15s;display:flex;position:relative}.item-tile:hover{border-color:var(--green);background:var(--gray-50)}.item-tile.selected{border-color:var(--green);background:var(--green-pale)}.item-tile-name{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.3}.item-tile-unit{color:var(--gray-400);margin-top:4px;font-size:.72rem}.item-tile-note{color:var(--orange);margin-top:2px;font-size:.7rem}.fav-btn{cursor:pointer;color:var(--gray-300);background:0 0;border:none;padding:0;font-size:.9rem;line-height:1;transition:color .1s;position:absolute;top:6px;right:6px}.fav-btn:hover,.item-tile.favorited .fav-btn{color:#f59e0b}.selected-panel{position:sticky;top:0}.selected-list{flex-direction:column;gap:10px;max-height:55vh;margin-bottom:16px;display:flex;overflow-y:auto}.selected-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px}.selected-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.selected-item-name{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.3}.remove-btn{cursor:pointer;color:var(--gray-400);background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1}.remove-btn:hover{color:var(--red)}.preset-btns{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.preset-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .1s}.preset-btn:hover{border-color:var(--green);color:var(--green)}.preset-btn.active{border-color:var(--green);background:var(--green-pale);color:var(--green-d)}.qty-row{align-items:center;gap:8px;display:flex}.qty-input{border:1.5px solid var(--border);text-align:center;background:var(--input-bg);width:80px;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.9rem}.qty-input:focus{border-color:var(--green)}.qty-unit{color:var(--text-muted);font-size:.8rem}.use-by-preview{color:var(--orange);margin-top:6px;font-size:.75rem}.empty-panel{text-align:center;color:var(--gray-400);padding:40px 16px;font-size:.9rem}.tab-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:4px;padding:6px;display:flex}.tab-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .15s}.tab-btn:hover{background:var(--gray-100);color:var(--text)}.tab-btn.active{background:var(--green);color:#fff}.dashboard{flex-direction:column;gap:20px;display:flex}.stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;display:grid}.stat-card{text-align:center;padding:18px 10px}.stat-number{color:var(--green);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:.75rem;font-weight:500}.chart-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.kpi-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.72rem;font-weight:600}.kpi-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:1.1rem;font-weight:700;overflow:hidden}.kpi-sub{color:var(--text-muted);font-size:.82rem}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-row label{color:var(--text-muted);font-size:.85rem;font-weight:500}.filter-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);outline:none;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.filter-select:focus{border-color:var(--green);box-shadow:0 0 0 3px #16a34a1a}.section-title{color:var(--text);margin-bottom:14px;font-size:1.05rem;font-weight:600}.activity-feed{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-item.is-reprint{opacity:.7}.activity-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.activity-item-name{color:var(--text);font-size:.9rem;font-weight:600}.activity-qty{color:var(--text-muted);font-size:.85rem}.activity-meta{color:var(--gray-400);width:100%;font-size:.78rem}.item-library{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-title{color:var(--text);font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--gray-50);border-bottom:1px solid var(--border);padding:10px 14px;font-size:.78rem;font-weight:700}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--text);padding:10px 14px;font-size:.88rem}.data-table tr:hover td{background:var(--gray-50)}.badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{background:var(--green-l);color:var(--green-d)}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-orange{background:var(--orange-l);color:var(--orange)}.badge-blue{background:var(--blue-l);color:var(--blue)}.badge-warning{background:var(--orange-l);color:var(--orange)}.card-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.location-tabs{flex-wrap:wrap;gap:8px;display:flex}.location-tab{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.location-tab.active,.location-tab:hover{background:var(--green-pale);color:var(--green);border-color:var(--green)}.notes-list{flex-direction:column;gap:12px;display:flex}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.note-card--pending{border-left:3px solid var(--green)}.note-card--overdue{border-left:3px solid var(--orange)}.note-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.note-card-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.note-card-author{color:var(--text);font-weight:600}.note-card-date{color:var(--text-secondary)}.note-card-ack{color:var(--green-d);font-size:.75rem}.note-card-sep{color:var(--border)}.note-card-actions{flex-shrink:0;gap:6px;display:flex}.note-card-body{white-space:pre-wrap;margin:0;line-height:1.55}.note-card-footer{color:var(--text-secondary);margin-top:10px;font-size:.75rem}.below-par-outage-ingredient{color:var(--orange);font-size:.8rem;font-weight:500}.eod-last-prep{color:var(--text-secondary);font-size:.9rem}.eod-last-prep strong{color:var(--text)}.eod-category-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:700}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--text);font-size:1.1rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:1.25rem;line-height:1;transition:background .12s,color .12s}.modal-close:hover{background:var(--gray-100);color:var(--text)}.modal-body{padding:20px 24px 24px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal>.modal-title:first-child{margin-bottom:0;padding:24px 24px 0}.modal>p,.modal>.form-group,.modal>.modal-actions{padding-left:24px;padding-right:24px}@media screen{.print-preview-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.print-preview-box{background:var(--gray-100);border-radius:var(--radius);width:100%;max-width:760px;max-height:90vh;padding:24px;overflow-y:auto}.print-preview-title{color:var(--gray-800);margin-bottom:14px;font-size:1.05rem;font-weight:600}.print-preview-actions{gap:10px;margin-bottom:18px;display:flex}.labels-preview{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}}.prep-label{color:#111;width:4in;height:2in;box-shadow:var(--shadow);background:#fff;border:1.5px solid #ccc;border-radius:6px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.label-2x2{width:2in;height:2in}.label-head{border-bottom:1px solid #ebe9e6;flex-direction:column;flex:1.1;justify-content:center;padding:0 14px;display:flex}.label-item-name{color:#111;letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.15}.label-category{color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:.65rem}.label-dates-zone{background:#f8f7f5;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:0 14px;display:flex}.label-dates-row{justify-content:space-between;align-items:flex-end;display:flex}.label-field span{text-transform:uppercase;letter-spacing:.08em;color:#bbb;margin-bottom:2px;font-size:.58rem;display:block}.label-field strong{color:#111;font-size:.85rem;font-weight:600;display:block}.label-use-by-date{color:#c2410c!important;font-size:1rem!important;font-weight:700!important}.label-ref{color:#bbb;font-size:.65rem}.label-notes{color:#666;font-size:.65rem;font-style:italic}.label-reprint-badge{color:#bbb;letter-spacing:.06em;border:1px solid #e0dedd;border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:700;position:absolute;top:6px;right:8px}.label-2x2 .label-head{padding:0 10px}.label-2x2 .label-item-name{font-size:1.1rem}.label-2x2 .label-dates-zone{padding:0 10px}.label-2x2 .label-field strong{font-size:.72rem}.label-2x2 .label-use-by-date{font-size:.85rem!important}@media print{#root{display:none!important}.print-area{flex-direction:column;gap:0;display:flex!important}.prep-label{page-break-after:always;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:none;border-radius:0}.print-size-4x2 .prep-label{width:4in;height:2in;margin:0}.print-size-2x2 .prep-label{width:2in;height:2in;margin:0}}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;display:flex}.alert-error{background:var(--red-l);color:#7f1d1d}.alert-success{background:var(--green-l);color:#14532d}.alert-info{background:var(--blue-l);color:#1e3a8a}.alert-warning{background:var(--orange-l);color:#7c2d12}.sel-wrap{width:100%;display:inline-block;position:relative}.sel-trigger{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text);cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.sel-trigger:hover:not(:disabled){border-color:var(--gray-300)}.sel-open .sel-trigger,.sel-trigger:focus{border-color:var(--green);box-shadow:0 0 0 3px #16a34a1a}.sel-disabled .sel-trigger{opacity:.55;cursor:not-allowed}.sel-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sel-placeholder{color:var(--gray-400);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sel-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.sel-chevron svg{width:10px;height:6px;margin:auto;display:block}.sel-open .sel-chevron{transform:rotate(180deg)}.sel-dropdown{z-index:200;background:var(--surface);border:1.5px solid var(--green);border-radius:var(--radius-sm);max-height:220px;padding:4px;list-style:none;animation:.12s sel-open;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014}@keyframes sel-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sel-drop-up{animation-name:sel-open-up;top:auto;bottom:calc(100% + 4px)}@keyframes sel-open-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sel-empty{color:var(--gray-400);text-align:center;cursor:default;padding:10px 12px;font-size:.875rem;font-style:italic}.sel-option{cursor:pointer;color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.875rem;transition:background .1s;display:flex}.sel-option:hover{background:var(--gray-50)}.sel-highlighted{color:var(--green-d);background:var(--green-pale)!important}.sel-selected{color:var(--green-d);font-weight:600}.sel-check{width:14px;height:10px;color:var(--green);flex-shrink:0}.filter-row .sel-wrap{width:auto;min-width:130px}.filter-row .sel-trigger{padding:8px 12px;font-size:.875rem}.sel-compact{width:110px!important}.sel-compact .sel-trigger{padding:8px 10px;font-size:.875rem}.form-group .sel-trigger{padding:12px 14px;font-size:.95rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.mt-4{margin-top:16px}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.w-full{width:100%}.below-par-section{background:var(--surface);border-left:4px solid var(--orange);border-top:1px solid #ea580c2e;border-bottom:1px solid #ea580c2e;border-right:1px solid #ea580c2e;border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #ea580c14,0 1px 3px #0000000d}.below-par-header{cursor:pointer;text-align:left;width:100%;color:var(--orange-800);letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(105deg,#ea580c17 0%,#ea580c08 55%,#0000 100%);border:none;align-items:center;gap:10px;padding:11px 14px;font-size:.78rem;font-weight:800;transition:background .18s;display:flex;position:relative}.below-par-header:after{content:"";background:linear-gradient(90deg,#ea580c40 0%,#0000 70%);height:1px;position:absolute;bottom:0;left:0;right:0}.below-par-header:hover{background:linear-gradient(105deg,#ea580c24 0%,#ea580c0d 55%,#0000 100%)}.below-par-badge{background:var(--orange);color:#fff;letter-spacing:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.74rem;font-weight:900;animation:2.8s ease-in-out infinite par-badge-pulse;display:inline-flex;box-shadow:0 2px 6px #ea580c73}@keyframes par-badge-pulse{0%,to{box-shadow:0 2px 6px #ea580c73}50%{box-shadow:0 2px 14px #ea580cb3}}.below-par-list{flex-direction:column;display:flex}.below-par-row{border-top:1px solid #ea580c1a;align-items:center;transition:background .12s;display:flex}.below-par-row-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:10px 10px 10px 14px;transition:background .12s;display:flex}.below-par-row:hover .below-par-row-main{background:#ea580c0b}.below-par-row.added .below-par-row-main{background:#16a34a0f}.below-par-name{color:var(--text);text-align:left;flex:1;font-size:.9rem;font-weight:500}.below-par-need{color:var(--orange-800);white-space:nowrap;letter-spacing:.01em;background:#ea580c1a;border-radius:5px;padding:3px 9px;font-size:.75rem;font-weight:700;transition:background .12s,color .12s}.below-par-row.added .below-par-need{color:var(--green-d);background:#16a34a1a}.below-par-add{background:var(--orange);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 1px 5px #ea580c66}.below-par-row-main:hover .below-par-add{transform:scale(1.1);box-shadow:0 2px 10px #ea580c80}.below-par-row.added .below-par-add{background:var(--green);box-shadow:0 1px 5px #16a34a66}.below-par-out-btn{color:var(--orange-800);letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ea580c66;border-radius:6px;flex-shrink:0;align-items:center;margin:auto 12px auto 0;padding:5px 11px;font-size:.78rem;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:flex}.below-par-out-btn:hover{border-color:var(--orange);color:var(--orange);background:#ea580c14}.below-par-outages{background:#ea580c08;border-top:1px solid #ea580c1f}.below-par-outages-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);justify-content:space-between;align-items:center;padding:7px 14px 5px;font-size:.62rem;font-weight:800;display:flex}.below-par-outage-row{border-top:1px solid #ea580c14;align-items:center;gap:10px;padding:7px 12px 7px 14px;display:flex}.below-par-outage-name{color:var(--gray-400);flex:1;font-size:.82rem;-webkit-text-decoration:line-through #9ba39980;text-decoration:line-through #9ba39980}.below-par-outage-ingredient{color:var(--orange);font-size:.78rem;font-style:italic;font-weight:500;text-decoration:none}.below-par-unmark-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);letter-spacing:0;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:.78rem;font-weight:500;transition:background .12s,border-color .12s,color .12s}.below-par-unmark-btn:hover{background:var(--gray-100);color:var(--text);border-color:var(--gray-300)}.below-par-outages.below-par-stockouts{background:#dc262608;border-top:1px solid #dc262626}.below-par-outages.below-par-stockouts .below-par-outages-label{color:#991b1bbf}.below-par-outages.below-par-stockouts .below-par-outage-row{border-top-color:#dc262614}.below-par-outages.below-par-stockouts .below-par-out-btn{color:var(--red-800);border-color:#dc262659}.below-par-outages.below-par-stockouts .below-par-out-btn:hover{border-color:var(--red);color:var(--red);background:#dc262612}.below-par-outages.below-par-stockouts .below-par-unmark-btn:hover{color:var(--red);background:#dc26260f;border-color:#dc26264d}html.dark .below-par-section{border-left-color:var(--orange);border-top-color:#ea580c40;border-bottom-color:#ea580c40;border-right-color:#ea580c40;box-shadow:0 2px 12px #ea580c1f,0 1px 3px #0003}html.dark .below-par-header{background:linear-gradient(105deg,#ea580c24 0%,#ea580c0d 55%,#0000 100%)}html.dark .below-par-header:hover{background:linear-gradient(105deg,#ea580c33 0%,#ea580c14 55%,#0000 100%)}html.dark .below-par-row:hover .below-par-row-main{background:#ea580c14}html.dark .below-par-need{color:var(--orange-800);background:#ea580c26}html.dark .below-par-outages{background:#ea580c0d}html.dark .below-par-outages.below-par-stockouts{background:#dc26260d}.celebration-overlay{z-index:1000;pointer-events:all;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-box{text-align:center;background:#fff;border-radius:20px;padding:40px 52px;animation:.35s cubic-bezier(.34,1.56,.64,1) both celebration-pop;box-shadow:0 24px 60px #0000002e}.celebration-emoji{margin-bottom:12px;font-size:3.5rem;line-height:1}.celebration-title{color:var(--green-d);margin-bottom:6px;font-size:1.5rem;font-weight:700}.celebration-msg{color:var(--gray-500);font-size:1.1rem}@keyframes celebration-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.prep-screen{grid-template-columns:1fr}.selected-panel{position:static}.stats-row{grid-template-columns:repeat(3,1fr)}.chart-row,.kpi-row{grid-template-columns:1fr}}.mobile-more-btn,.mobile-active-page,.mobile-menu-overlay{display:none}@media (width<=768px){.app{flex-direction:column}.navbar{border-right:none;border-top:1px solid var(--border);z-index:50;background:var(--surface);flex-direction:row;align-items:center;width:100%;height:auto;padding:0;position:fixed;bottom:0;left:0;right:0;overflow:visible}.navbar-brand,.navbar-nav,.navbar-footer{display:none}.mobile-active-page{color:var(--green);pointer-events:none;flex:1;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-size:.95rem;font-weight:600;display:flex}.mobile-active-page .nav-btn-icon,.mobile-active-page .nav-btn-icon svg{width:22px;height:22px}.mobile-more-btn{border:none;border-left:1px solid var(--border);min-width:72px;min-height:56px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:6px 12px;font-size:.7rem;font-weight:500;display:flex}.mobile-more-btn .nav-btn-icon,.mobile-more-btn .nav-btn-icon svg{width:20px;height:20px}.mobile-menu-overlay{z-index:200;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{background:var(--surface-card,var(--surface));width:100%;padding:12px 0 max(20px, env(safe-area-inset-bottom)) 0;border-radius:16px 16px 0 0;max-height:85vh;overflow-y:auto}.mobile-menu-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.mobile-menu-user{border-bottom:1px solid var(--border);color:var(--text-secondary);margin-bottom:4px;padding:4px 20px 14px;font-size:.85rem}.mobile-menu-user strong{color:var(--text);margin-bottom:2px;font-size:1rem;display:block}.mobile-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:13px 20px;font-size:1rem;display:flex}.mobile-menu-item:active{background:var(--gray-100)}.mobile-menu-item-active{color:var(--green);font-weight:600}.mobile-menu-item .nav-btn-icon{width:22px;height:22px;color:inherit;flex-shrink:0}.mobile-menu-item .nav-btn-icon svg{width:22px;height:22px}.mobile-menu-signout{color:var(--red,#e53e3e)}.main-content{padding:16px 16px 76px}}@media (width<=600px){.main-content{padding:12px 12px 76px}.stats-row{grid-template-columns:1fr 1fr}}