:root{--brand-navy:#0f336b;--brand-blue:#1f58ad;--brand-green:#3a8f17;--brand-green-dark:#2f7413;--brand-blue-soft:#e4eefb;--brand-green-soft:#e3f5dc;color:#18202f;font-synthesis:none;text-rendering:optimizelegibility;background:#edf4f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.loginPage{background-color:#0000;background-image:linear-gradient(130deg,#0f336be6,#3a8f17c7),url(https://images.unsplash.com/photo-1587854692152-cbe660dbde88?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{background:#fffffff5;border-radius:8px;gap:20px;width:min(100%,480px);padding:28px;display:grid;box-shadow:0 24px 72px #0f336b47}.loginBrand,.brandBlock{align-items:center;gap:14px;display:flex}.loginBrand img{object-fit:contain;flex:none;width:82px;height:82px}.brandBlock img{object-fit:contain;flex:none;width:58px;height:58px}.appShell{width:min(1440px,100%);margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:18px 0 24px;display:flex}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.1}h2{font-size:20px}h3{font-size:18px}.eyebrow{color:var(--brand-green-dark);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.muted{color:#667085;margin-top:8px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.rightColumn{gap:20px;min-width:0;display:grid}.panel{background:#fff;border:1px solid #d6e0ea;border-radius:8px;padding:20px;box-shadow:0 12px 34px #121f2f14}.ordersPanel{min-width:0}.ordersHeaderActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.notificationStatus{color:#667085;font-size:13px;font-weight:800}.soundToggle{color:#235d10;background:var(--brand-green-soft)}.panelHeader,.orderTop,.itemRow,.orderItem,.accountBox{justify-content:space-between;align-items:center;gap:16px;display:flex}.accountBox{background:#fff;border:1px solid #d6e0ea;border-radius:8px;padding:10px 12px}.accountBox span{color:#667085}.branchSelectionPanel{gap:18px;width:min(100%,760px);margin:40px auto 0;display:grid}.branchChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.branchChoiceButton{min-height:96px;color:var(--brand-navy);text-align:left;background:#f7fbff;border:1px solid #c9d8e8;border-radius:8px;gap:6px;padding:16px;display:grid}.branchChoiceButton:hover,.branchChoiceButton:focus{border-color:var(--brand-blue);box-shadow:0 10px 24px #1f58ad1f}.branchChoiceButton span{color:#667085;font-size:13px;font-weight:800}.form{gap:14px;display:grid}label{color:#344054;gap:7px;font-size:14px;font-weight:700;display:grid}input,select,textarea{color:#18202f;background:#fff;border:1px solid #cbd5df;border-radius:6px;width:100%;min-height:42px;padding:10px 12px}textarea{resize:vertical;min-height:84px}.itemInputGroup{background:#f7fbff;border:1px solid #c9d8e8;border-radius:8px;gap:12px;padding:14px;display:grid}.itemInputHeader{color:var(--brand-navy);align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex}.itemInputHeader:before{content:"";background:var(--brand-green);border-radius:999px;width:8px;height:24px}.productEntryGrid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:14px 12px;display:grid}.productEntryGrid label,.itemEditGrid label{align-self:end;min-width:0}.typeaheadField{gap:7px;display:grid;position:relative}.typeaheadField label{display:block}.suggestions{z-index:10;background:#fff;border:1px solid #cbd5df;border-radius:6px;max-height:240px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #121f2f29}.suggestions button{color:#18202f;text-align:left;background:#fff;border-bottom:1px solid #edf1f5;gap:3px;padding:10px 12px;display:grid}.suggestions button:hover,.suggestions button:focus{background:var(--brand-blue-soft)}.suggestions span{color:#667085;font-size:13px}.primary,.secondary,.danger,.ghost{border-radius:6px;min-height:38px;padding:9px 13px;font-weight:800}.primary{color:#fff;background:var(--brand-blue)}.secondary{color:var(--brand-navy);background:var(--brand-blue-soft)}.danger{color:#8a1f1f;background:#ffe4e4}.ghost{color:#475467;background:0 0}.notice{border-radius:6px;padding:12px 14px;font-weight:700}.notice.error{color:#8a1f1f;background:#ffe4e4}.notice.success{color:#235d10;background:var(--brand-green-soft)}.itemList,.ordersList,.orderItems,.timeline{gap:10px;display:grid}.itemRow{background:#f8fafc;border:1px solid #d6e0ea;border-radius:6px;padding:10px 12px}.itemSummary{gap:3px;min-width:0;display:grid}.itemSummary small{color:#667085;font-size:13px;font-weight:700}.counter{min-width:34px;height:34px;color:var(--brand-navy);background:var(--brand-blue-soft);border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.emptyState{color:#667085;text-align:center;border:1px dashed #bac7d4;border-radius:8px;margin-top:18px;padding:22px}.orderTabs{background:#f4f8fc;border:1px solid #d6e0ea;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 16px;padding:6px;display:grid}.tabButton{color:#475467;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:900;display:flex}.tabButton.active{color:var(--brand-navy);background:#fff;box-shadow:0 8px 18px #0f336b1a}.tabButton.alertPending{color:#174a0b;background:linear-gradient(#f2faed,#e3f5dc)}.tabButton.alertPending strong{color:#fff;background:var(--brand-green)}.tabButton strong{min-width:28px;height:28px;color:var(--brand-navy);background:var(--brand-blue-soft);border-radius:999px;place-items:center;font-size:13px;display:inline-grid}.tabButton.alertGlow{color:var(--brand-navy);animation:1.7s ease-in-out infinite receivedTabGlow}.orderCard{background:#fff;border:1px solid #d6e0ea;border-radius:8px;gap:14px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.orderCard:hover{transform:translateY(-1px)}.orderCardRequested{background:linear-gradient(#f7faff,#eef5ff);border-color:#b7c9eb}.orderCardPreparing{background:linear-gradient(#f4f8ff,#e8f0ff);border-color:#9db6e8}.orderCardPrepared{background:linear-gradient(#f7fcf4,#edf8e9);border-color:#a7d39a}.orderCardDelivered{background:linear-gradient(#fff,#f7fafc);border-color:#d6e0ea}.orderCardCancelled{background:linear-gradient(snow,#fff0f0);border-color:#f0c4c4}.orderCardAlert{border-color:#3a8f1780;box-shadow:0 0 0 1px #3a8f1726,0 12px 34px #3a8f171f}.historyPanel{border-top:1px solid #edf1f5;gap:12px;margin-top:16px;padding-top:14px;display:grid}.historyToggle{color:#344054;text-align:left;background:#f8fafc;border:1px solid #d6e0ea;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 12px;font-weight:900;display:flex}.historyToggle strong{color:var(--brand-navy);white-space:nowrap}.historyContent{gap:12px;display:grid}.paginationBar{color:#667085;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 0;font-size:13px;font-weight:800;display:flex}.orderTop p,.orderItem span,.notes,.timeline span,.quantities{color:#667085;font-size:14px}.statusPill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900}.statusRequested{color:var(--brand-navy);background:var(--brand-blue-soft)}.productEntryGrid .typeaheadField{grid-column:span 12}.productEntryGrid .quantityField{grid-column:span 2}.productEntryGrid label:nth-child(3),.productEntryGrid .packageField{grid-column:span 5}.productEntryGrid label:last-child{grid-column:span 12}.statusPreparing{color:var(--brand-navy);background:#dcecff}.statusPrepared{color:#235d10;background:var(--brand-green-soft)}.statusDelivered{color:#475467;background:#eef2f5}.statusCancelled{color:#8a1f1f;background:#ffe4e4}.orderItem{border-top:1px solid #edf1f5;align-items:start;padding:10px 0}.orderItem div:first-child{gap:4px;display:grid}.quantities{justify-items:end;gap:4px;min-width:110px;display:grid}.timeline{border-top:1px solid #edf1f5;padding-top:8px}.actions{flex-wrap:wrap;gap:10px;display:flex}.editableItem{background:#fff;border:1px solid #d6e0ea;border-radius:8px;gap:12px;padding:12px;display:grid}.editableItemHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.editableItemHeader div:first-child{gap:4px;display:grid}.editableItemHeader span{color:#667085;font-size:13px}.itemActions{flex:none;align-items:center;gap:8px;display:flex}.iconButton{width:36px;height:36px;color:var(--brand-navy);background:var(--brand-blue-soft);border-radius:6px;place-items:center;font-weight:900;display:inline-grid}.itemEditGrid{border-top:1px solid #edf1f5;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding-top:12px;display:grid}.itemEditGrid label:first-child{grid-column:span 12}.itemEditGrid .quantityField{grid-column:span 2}.itemEditGrid label:nth-child(3),.itemEditGrid .packageField{grid-column:span 5}.itemEditGrid label:last-child{grid-column:span 12}.modalBackdrop{z-index:20;background:#11182775;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:8px;gap:16px;width:min(100%,720px);max-height:calc(100vh - 40px);padding:20px;display:grid;overflow-y:auto;box-shadow:0 24px 72px #0c1c2c47}.passwordModal{width:min(100%,460px)}.userEditModal{width:min(100%,560px)}.passwordTarget{background:#f8fbff;border:1px solid #d6e0ea;border-radius:8px;gap:3px;padding:12px;display:grid}.passwordTarget span{color:#667085;font-size:13px}.adminPanel,.summaryPanel{min-width:0}.summaryList{gap:12px;margin-top:16px;display:grid}.summaryCard{background:#f8fbff;border:1px solid #d6e0ea;border-radius:8px;gap:12px;padding:14px;display:grid}.summaryHeader,.summaryProduct{justify-content:space-between;align-items:start;gap:12px;display:flex}.summaryHeader div:first-child,.summaryMetrics,.summaryProduct div:first-child{gap:4px;min-width:0;display:grid}.summaryHeader span,.summaryMetrics span,.summaryProduct span{color:#667085;font-size:13px}.summaryMetrics{text-align:right;flex:none}.summaryProducts{border-top:1px solid #e7edf3;gap:8px;padding-top:10px;display:grid}.summaryProduct{padding:8px 0}.adminUsersForm,.adminUsersList{margin-top:16px}.adminUsersRow{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:12px;display:grid}.checkboxGroup{background:#fff;border:1px solid #cbd5df;border-radius:6px;gap:8px;padding:10px;display:grid}.checkboxOption{color:#344054;align-items:center;gap:8px;font-size:14px;display:flex}.checkboxOption input{flex:none;width:18px;min-height:18px}.adminUserRow{background:#f8fbff;border:1px solid #d6e0ea;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.adminUserRow div:first-child,.adminUserMeta{gap:4px;display:grid}.adminUserRow span,.adminUserMeta span{color:#667085;font-size:13px}.inactiveLabel{color:#8a1f1f;background:#ffe4e4;border-radius:999px;width:fit-content;padding:3px 8px;font-weight:900}.adminUserMeta{text-align:right}@keyframes receivedTabGlow{0%,to{box-shadow:0 0 #3a8f1700}50%{box-shadow:0 0 0 3px #3a8f172e,0 0 18px #3a8f1747}}@media (width<=900px){.appShell{padding:16px}.topbar,.layout{grid-template-columns:1fr;display:grid}.accountBox,.panelHeader,.orderTop,.orderItem{align-items:stretch}.accountBox,.orderTop,.orderItem{flex-direction:column}.productEntryGrid{grid-template-columns:1fr}.productEntryGrid .typeaheadField,.productEntryGrid .quantityField,.productEntryGrid .packageField,.productEntryGrid label:nth-child(3),.productEntryGrid label:last-child,.itemEditGrid label:first-child,.itemEditGrid .quantityField,.itemEditGrid label:nth-child(3),.itemEditGrid .packageField,.itemEditGrid label:last-child{grid-column:auto}.itemEditGrid{grid-template-columns:1fr}.editableItemHeader{flex-direction:column;align-items:stretch}.ordersHeaderActions{flex-wrap:wrap;justify-content:flex-start}.orderTabs,.branchChoiceGrid{grid-template-columns:1fr}.historyToggle,.paginationBar,.summaryHeader,.summaryProduct{flex-direction:column;align-items:stretch}.adminUsersRow,.adminUserRow{grid-template-columns:1fr}.adminUserMeta,.summaryMetrics{text-align:left}.quantities{justify-items:start}}
