:root{--navy:#1b3a5c;--emerald:#2ecc71;--amber:#f39c12;--red:#e74c3c;--bg:#f5f7fa;--card:#fff;--text:#2c3e50}.app-shell{--sidebar-width:260px;background:var(--bg);height:100vh;min-height:100vh;color:var(--text);overflow:hidden}.app-content{height:100vh;min-height:0;margin-left:var(--sidebar-width);overflow:hidden auto}.sidebar{background:var(--navy);color:#fff;box-sizing:border-box;overscroll-behavior:contain;flex-direction:column;gap:2rem;width:260px;height:100vh;max-height:100vh;padding:1.5rem;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.brand-mark{font-size:1.65rem;font-weight:900}.brand-mark span{color:var(--emerald)}.sidebar nav{gap:.75rem;display:grid}.sidebar a{color:#fff;background:#ffffff14;border-radius:8px;align-items:center;gap:.65rem;min-height:48px;padding:0 1rem;text-decoration:none;display:flex}.nav-icon{font-size:1.1rem;line-height:1}.inventory-page{gap:1.5rem;margin-left:0;padding:2rem;display:grid}.business-context-bar{z-index:20;color:var(--navy);background:#fff;border-bottom:1px solid #1b3a5c1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #1b3a5c14}.business-context-bar a{color:#fff;background:var(--emerald);border-radius:999px;padding:.45rem .85rem;font-weight:900;text-decoration:none}.master-business-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.master-business-card{gap:.75rem;display:grid}.master-business-button,.location-picker button{cursor:pointer;border:0;border-radius:10px;min-height:52px;font-weight:900}.master-business-button{text-align:left;background:var(--navy);color:#fff;justify-content:space-between;gap:1rem;width:100%;padding:1rem;display:flex}.master-business-button small{color:#ffffffc7;margin-top:.25rem;display:block}.location-picker{gap:.5rem;display:grid}.location-picker button{color:var(--navy);background:#2ecc7124}.mobile-header,.bottom-tabs,.mobile-voice-wrap{display:none}.page-title-card,.inventory-card,.action-card,.empty-inventory,.review-queue-card{background:var(--card);border-radius:8px;box-shadow:0 8px 24px #1b3a5c1a}.page-title-card{grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.page-title-card h1,.inventory-toolbar h2{color:var(--navy);margin:.2rem 0}.data-status{color:var(--navy);background:#2ecc711f;border-radius:999px;margin:.5rem 0 0;padding:.35rem .65rem;font-size:.9rem;font-weight:800;display:inline-flex}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.action-card{text-align:left;color:var(--text);border:0;min-height:140px;padding:1.25rem}.action-card button,.secondary-action,.inline-actions button,.upload-target{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 1rem;font-weight:800;text-decoration:none;display:inline-flex}.upload-target input{display:none}.referral-dashboard{gap:.85rem;display:grid}.referral-dashboard label{color:var(--navy);gap:.35rem;font-weight:800;display:grid}.referral-dashboard input{min-height:48px;color:var(--text);border:1px solid #1b3a5c2e;border-radius:8px;padding:0 1rem}.referral-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.referral-stats-grid strong{color:var(--navy);background:#2ecc711f;border-radius:10px;padding:.85rem}.quick-login-settings{gap:.8rem;display:grid}.device-list{gap:.65rem;padding:0;list-style:none;display:grid}.device-list li{background:#1b3a5c0f;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.device-list button{background:var(--navy);color:#fff;border:0;border-radius:8px;min-height:40px;padding:0 .8rem;font-weight:800}.action-card video{background:#e8edf3;border-radius:8px;width:100%;max-height:110px}.voice-panel{text-align:center;justify-items:center;gap:.5rem;max-width:260px;display:grid}.mic-button{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:999px;width:72px;height:72px;font-size:2rem;box-shadow:0 0 #2ecc7166}.mic-button.recording,.mobile-primary .mic-button{animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #e74c3c73}70%{transform:scale(1.03);box-shadow:0 0 0 22px #e74c3c00}to{transform:scale(1);box-shadow:0 0 #e74c3c00}}.inventory-card{padding:1rem;overflow:hidden}.inventory-toolbar{grid-template-columns:1fr minmax(220px,320px) auto;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.inventory-toolbar input{border:1px solid #1b3a5c2e;border-radius:8px;min-height:48px;padding:0 1rem}.inventory-table-wrap{overflow:auto}.inventory-mobile-list{display:none}.mobile-inventory-item{background:#f5f7fae6;border-radius:12px;gap:.5rem;padding:1rem;display:grid}.mobile-inventory-item div{justify-content:space-between;gap:.75rem;display:flex}.mobile-inventory-item p{color:#5d6d7e;margin:0}.inventory-table{border-collapse:collapse;width:100%;min-width:980px}.inventory-table th{background:var(--navy);color:#fff;z-index:1;position:sticky;top:0}.inventory-table th,.inventory-table td{border-bottom:1px solid #e9eef4;padding:.85rem}.category-row td{color:var(--navy);background:#eef4f8;font-weight:900}.row-button{all:unset;cursor:pointer;color:var(--navy);font-weight:800}.quantity-fill{background:#e7edf2;border-radius:99px;width:120px;height:12px;overflow:hidden}.quantity-fill span{border-radius:inherit;height:100%;display:block}.quantity-fill.green span,.pace-badge.green{background:var(--emerald)}.quantity-fill.amber span,.pace-badge.amber{background:var(--amber)}.quantity-fill.red span,.pace-badge.red{background:var(--red)}.pace-badge{color:#fff;border-radius:999px;padding:.35rem .65rem;font-weight:900}.sparkline{width:86px;height:34px}.price-arrow.up{color:var(--red);font-weight:900}.price-arrow.down{color:var(--emerald);font-weight:900}.price-arrow.flat{color:#7f8c8d;font-weight:900}.price-trends-page{margin-left:0}.price-trends-card{gap:1rem;display:grid}.price-trends-table{min-width:1040px}.supplier-comparison{gap:.25rem;font-size:.85rem;display:grid}.savings-badge{color:#fff;background:var(--emerald);border-radius:999px;padding:.35rem .65rem;font-weight:900;display:inline-flex}.analytics-page{margin-left:0}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.analytics-item{background:#f5f7fae6;border-radius:12px;gap:.9rem;padding:1rem;display:grid}.analytics-item header{justify-content:space-between;gap:.75rem;display:flex}.analytics-item h3,.analytics-item p{margin:0}.analytics-item dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.analytics-item dt,.analytics-charts span{color:#5d6d7e;font-size:.85rem}.analytics-item dd{color:var(--navy);margin:0;font-weight:900}.analytics-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.inline-detail{gap:.75rem;padding:1rem;display:grid}.price-history-detail{background:#f5f7fae6;border-radius:10px;gap:.75rem;padding:1rem;display:grid}.price-history-detail h4,.price-history-detail p{margin:0}.price-history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.price-history-summary div{gap:.15rem;display:grid}.price-history-summary span{color:#5d6d7e;font-size:.85rem}.price-history-summary strong{color:var(--navy)}.inline-actions{gap:.75rem;display:flex}.inline-actions .danger{background:var(--red)}.toast{z-index:20;color:#fff;border-radius:8px;padding:1rem;animation:.2s slideIn;position:fixed;top:1rem;right:1rem;box-shadow:0 12px 30px #00000029}.toast.is-dismissing{animation:none;transform:translate(16px)}.toast.success{background:var(--emerald)}.toast.warning{background:var(--amber)}.toast.error{background:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.empty-inventory{text-align:center;padding:3rem}.backup-controls,.backup-status,.backup-reminder{background:var(--card);border-radius:12px;gap:.75rem;padding:1rem;display:grid;box-shadow:0 8px 24px #1b3a5c1a}.backup-export-options,.backup-history{flex-wrap:wrap;gap:.65rem;display:flex}.backup-export-options button,.backup-history button,.backup-reminder button,.backup-modal button{background:var(--emerald);color:#fff;border:0;border-radius:8px;min-height:44px;padding:0 .85rem;font-weight:900}.backup-history article{background:var(--bg);border-radius:10px;gap:.35rem;min-width:10rem;padding:.75rem;display:grid}.backup-reminder{border:2px solid #f39c1259}.backup-modal{z-index:50;background:#1b3a5c6b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.backup-modal__card{background:#fff;border-radius:16px;gap:.75rem;max-width:620px;padding:1.5rem;display:grid}.alert-dot{background:var(--red);border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse}.review-queue-card{border:2px solid #f39c1240;padding:1.25rem}.review-queue-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.review-queue-header h2{color:var(--navy);margin:.2rem 0}.review-count{background:var(--amber);color:#fff;border-radius:999px;padding:.35rem .75rem;font-weight:900}.review-queue-help{margin-top:0}.review-list{gap:1rem;display:grid}.review-item{background:var(--bg);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid}.heard-text p{margin:.35rem 0;font-style:italic}.review-fields{grid-template-columns:1.5fr .75fr .75fr;gap:.75rem;display:grid}.review-fields label{gap:.35rem;font-weight:800;display:grid}.review-fields input{border:1px solid #1b3a5c2e;border-radius:8px;min-height:48px;padding:0 1rem}.review-actions{gap:.5rem;display:flex}.review-actions button{color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:0 1rem;font-weight:900}.confirm-review{background:var(--emerald)}.confirm-review:disabled{opacity:.55;cursor:not-allowed}.discard-review{background:var(--red)}.barcode-card{gap:.75rem;display:grid}.barcode-camera{background:#0f172a;border-radius:12px;min-height:180px;position:relative;overflow:hidden}.barcode-camera video{object-fit:cover;width:100%;height:100%;min-height:180px}.barcode-camera:not(.active) video{opacity:.35}.scan-frame{border:3px solid var(--emerald);border-radius:14px;width:min(78%,320px);height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0000006b,0 0 22px #2ecc7173}.scan-frame:after{content:"";background:#2ecc71e6;height:2px;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 8px #2ecc71cc}.barcode-actions{flex-wrap:wrap;gap:.5rem;display:flex}.barcode-result{background:var(--bg);border-radius:8px;gap:.75rem;padding:.85rem;display:grid}.barcode-result h4,.barcode-result p{margin:0}.barcode-result dl{gap:.5rem;margin:0;display:grid}.barcode-result dl div,.barcode-result label,.receive-card label,.shelf-life-card label{gap:.25rem;display:grid}.barcode-result dt,.barcode-result label,.receive-card label,.shelf-life-card label{color:var(--navy);font-weight:900}.barcode-result dd{margin:0}.barcode-result input,.receive-card input,.shelf-life-card input,.invoice-line input{border:1px solid #1b3a5c2e;border-radius:8px;min-height:44px;padding:0 .75rem}.receive-card,.shelf-life-card,.invoice-card,.invoice-review,.invoice-history,.invoice-lines{gap:.75rem;display:grid}.invoice-review,.invoice-history{border-top:1px solid #1b3a5c1f;padding-top:.75rem}.invoice-line{grid-template-columns:1fr 2fr .8fr .8fr .9fr;gap:.4rem;display:grid}.invoice-history-row{background:#f5f7fae6;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem;display:flex}.invoice-history-row div{gap:.15rem;display:grid}.invoice-history-row span{color:#5d6d7e;font-size:.85rem}.shelf-life-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.expiry-badge{color:var(--navy);background:#e7edf2;border-radius:999px;padding:.35rem .65rem;font-weight:900;display:inline-flex}.expiry-badge.expired,.item-row.expired{background:#e74c3c1f}.expiry-badge.expired{color:#fff;background:var(--red)}.expiry-badge.expiring{color:#fff;background:var(--amber)}@media (max-width:1000px){.review-item,.review-fields,.invoice-line,.price-history-summary{grid-template-columns:1fr}}@media (max-width:820px){.sidebar{display:none}.app-content{margin-left:0}.inventory-page{margin-left:0;padding:5rem 1rem 5.5rem}.mobile-header{z-index:10;background:var(--navy);color:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.page-title-card{grid-template-columns:1fr}.page-title-card .voice-panel{display:none}.mobile-voice-wrap{display:block}.mobile-primary{background:var(--card);border-radius:8px;max-width:none;padding:1.5rem;box-shadow:0 8px 24px #1b3a5c1a}.mobile-primary .mic-button{width:132px;height:132px;font-size:3rem}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-toolbar{grid-template-columns:1fr}.inventory-table-wrap{display:none}.inventory-mobile-list{gap:.75rem;display:grid}.bottom-tabs{background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1b3a5c1a}.bottom-tabs a{min-height:56px;color:var(--navy);place-items:center;gap:.15rem;font-size:.78rem;font-weight:800;text-decoration:none;display:grid}}.year-selector{color:#1b3a5c;gap:.35rem;font-weight:700;display:grid}.year-selector select{color:#1b3a5c;font:inherit;background:#fff;border:1px solid #1b3a5c2e;border-radius:12px;padding:.65rem .85rem}.yearly-bar-chart{gap:.85rem;margin-top:1rem;display:grid}.usage-bar-row{grid-template-columns:minmax(9rem,1fr) minmax(10rem,3fr) minmax(7rem,auto);align-items:center;gap:.75rem;display:grid}.usage-bar-row span{color:#1b3a5c;font-weight:700}.usage-bar-row strong{color:#0f8b8d;text-align:right}.usage-bar-track{background:#1b3a5c14;border-radius:999px;min-height:1rem;overflow:hidden}.usage-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#0f8b8d,#7ac74f);height:100%;min-height:1rem}@media (max-width:720px){.usage-bar-row{grid-template-columns:1fr;gap:.35rem}.usage-bar-row strong{text-align:left}}.waste-card select,.waste-card input{width:100%;font:inherit;color:#1b3a5c;background:#fff;border:1px solid #1b3a5c2e;border-radius:12px;padding:.65rem .8rem}.segmented-control{background:#1b3a5c14;border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.segmented-control button{color:#1b3a5c;text-transform:capitalize;background:0 0;border:0;border-radius:999px;flex:1;padding:.45rem .65rem;font-weight:800}.segmented-control button.active{color:#1b3a5c;background:#f2c94c}.badge-stack{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.waste-risk-badge{color:#8a5a00;text-transform:uppercase;letter-spacing:.03em;background:#f2c94c38;border:1px solid #f2c94ca6;border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.72rem;font-weight:900;display:inline-flex}.waste-risk-badge.inline{margin-left:.45rem}.waste-report-table{gap:.6rem;display:grid}.waste-report-row{border-bottom:1px solid #1b3a5c14;grid-template-columns:1fr auto;align-items:center;gap:.2rem .75rem;padding:.7rem 0;display:grid}.waste-report-row span{color:#1b3a5c;text-transform:capitalize;font-weight:800}.waste-report-row strong{color:#a43e2f}.waste-report-row small{color:#1b3a5cad;grid-column:1/-1}.waste-total-card h2{color:#a43e2f}.quick-count-card{border:2px solid #0f8b8d33}.quick-count-flashcard,.quick-count-summary{background:linear-gradient(135deg,#0f8b8d14,#7ac74f14);border-radius:18px;gap:.85rem;padding:1rem;display:grid}.quick-count-flashcard h4,.quick-count-summary h4{color:#1b3a5c;margin:0;font-size:clamp(1.5rem,5vw,2.4rem)}.quick-count-progress,.quick-count-actions,.quick-count-summary-list div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.quick-count-progress span{color:#0f8b8d;background:#fff;border-radius:999px;padding:.25rem .65rem;font-weight:900}.quick-count-card input{width:100%;font:inherit;color:#1b3a5c;border:1px solid #1b3a5c2e;border-radius:14px;padding:.85rem 1rem;font-size:1.25rem}.quick-count-actions button{flex:1;min-width:7rem}.quick-count-actions.secondary button{color:#1b3a5c;background:#fff;border:1px solid #1b3a5c1f}.quick-count-summary-list{gap:.45rem;max-height:18rem;display:grid;overflow:auto}.quick-count-summary-list div{border-bottom:1px solid #1b3a5c1a;padding:.65rem 0}.quick-count-summary-list span{color:#1b3a5c;font-weight:800}.offline-banner{z-index:30;color:#1b3a5c;text-align:center;background:#f39c12;padding:.7rem 1rem;font-weight:900;position:sticky;top:0}.offline-banner.syncing{background:#2ecc712e}.install-banner{color:#fff;background:#1b3a5c;border-radius:18px;gap:.85rem;margin:.75rem;padding:1rem;display:grid;position:relative;box-shadow:0 10px 25px #1b3a5c38}.install-banner-prominent{border:2px solid #2ecc7173;margin:1rem 0;padding:1.1rem}.install-banner-copy{grid-template-columns:auto 1fr;align-items:start;gap:.8rem;display:grid}.install-banner-copy strong{font-size:1.05rem;display:block}.install-banner-copy p{color:#ffffffe6;margin:.25rem 0 0}.install-share-icon{color:#fff;background:#ffffff29;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;font-size:1.25rem;font-weight:900;display:inline-grid}.mobile-home-install{background:linear-gradient(135deg,#1b3a5c,#12304f);box-shadow:0 16px 35px #1b3a5c47}.install-banner button:not(.install-close),.mobile-pwa-shell button,.mobile-pwa-shell .secondary-action{color:#fff;background:#2ecc71;border:0;border-radius:14px;min-height:48px;padding:.75rem 1rem;font-weight:900}.install-close{position:absolute;top:.5rem;right:.5rem;color:#fff!important;background:0 0!important;min-height:32px!important}.mobile-pwa-shell{min-height:100dvh;padding:env(safe-area-inset-top) .85rem calc(5rem + env(safe-area-inset-bottom));background:#f5f7fa}.mobile-business-bar{z-index:20;background:#f5f7fa;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 0;display:grid;position:sticky;top:0}.mobile-business-bar div{color:#1b3a5c;display:grid}.mobile-business-bar span{color:#1b3a5ca6;font-size:.85rem}.mobile-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.mobile-home-grid button{color:#1b3a5c;background:#fff;border-radius:24px;align-content:center;place-items:center;gap:.65rem;min-height:9.5rem;font-size:1.05rem;display:grid;box-shadow:0 12px 28px #1b3a5c1f}.mobile-home-grid button span{font-size:2.4rem}.mobile-screen-card,.mobile-pwa-shell .inventory-card,.mobile-pwa-shell .action-card{border-radius:24px;margin-top:1rem}.mobile-alert-row{border-bottom:1px solid #1b3a5c1a;gap:.3rem;padding:.9rem 0;display:grid}.mobile-alert-row strong{color:#1b3a5c}.mobile-alert-row em{color:#e74c3c;font-style:normal;font-weight:900}.mobile-pwa-tabs{z-index:25;padding:.6rem max(.6rem, env(safe-area-inset-left)) calc(.6rem + env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px #1b3a5c1f}.mobile-pwa-tabs button,.mobile-pwa-tabs a{min-height:44px;color:var(--navy);background:#f5f7fa;border:0;border-radius:10px;place-items:center;padding:.45rem;font-size:.78rem;font-weight:800;text-decoration:none;display:grid}@media (min-width:768px){.mobile-pwa-shell{max-width:520px;margin:0 auto}}