*{box-sizing:border-box}html,body{color:#15324a;background:#f5fbff;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.center{place-items:center;min-height:100vh;display:grid}.loader{background:#fff;border:1px solid #dcecf5;border-radius:18px;padding:24px 30px;box-shadow:0 12px 35px #194f6d14}.authPage{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.brandPanel{color:#fff;background:linear-gradient(145deg,#0b7fab,#30b7cf);flex-direction:column;justify-content:center;padding:72px;display:flex;position:relative;overflow:hidden}.brandPanel h1{letter-spacing:-2px;margin:20px 0 6px;font-size:64px}.brandPanel p{opacity:.9;font-size:22px}.logoMark{color:#118bad;background:#fff;border-radius:20px;place-items:center;width:68px;height:68px;font-weight:900;display:grid;box-shadow:0 12px 30px #0000001f}.logoMark.small{border-radius:13px;width:42px;height:42px}.authCard{background:#fff;flex-direction:column;justify-content:center;padding:10vw;display:flex}.authCard h2,.onboardCard h1{margin:8px 0 10px;font-size:36px;line-height:1.1}.eyebrow{letter-spacing:1.6px;color:#169bb9;margin:0 0 6px;font-size:12px;font-weight:800}.muted{color:#6d8291;line-height:1.55}.stack,.gridForm{gap:16px;margin-top:26px;display:grid}.gridForm{grid-template-columns:1fr 1fr}.gridForm .wide{grid-column:1/-1}.stack label,.gridForm label{color:#496477;gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{background:#fff;border:1px solid #cfe2ec;border-radius:12px;outline:none;width:100%;padding:13px 14px}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{border-color:#20a7c2;box-shadow:0 0 0 3px #20a7c21c}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font-weight:800}.primary{color:#fff;background:#128fae}.primary:hover{background:#0c7995}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#147f99;background:#edf8fb}.notice{color:#745c18;background:#fff7df;border:1px solid #f2d994;border-radius:12px;padding:12px 14px}.onboarding{background:linear-gradient(#eaf8fd,#f9fcfe);place-items:center;min-height:100vh;padding:30px;display:grid}.onboardCard{background:#fff;border-radius:24px;width:min(720px,100%);padding:40px;box-shadow:0 20px 60px #154d681f}.appShell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;overscroll-behavior:contain;scrollbar-gutter:stable;background:#0d3045;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#9fc0cf6b;border-radius:999px}.sidebar::-webkit-scrollbar-track{background:0 0}.brand{align-items:center;gap:12px;padding:4px 8px 22px;display:flex}.brand strong{font-size:18px;display:block}.brand small{color:#9fc0cf;margin-top:2px;display:block}.sidebar nav{flex:none;gap:6px;display:grid}.sidebar nav button{color:#c9dce5;text-align:left;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-weight:700}.sidebar nav button:hover:not(:disabled),.sidebar nav button.active{color:#fff;background:#164b64}.sidebar nav hr{border:0;border-top:1px solid #234b60;width:100%;margin:10px 0}.sidebarFooter{border-top:1px solid #234b60;flex:none;margin-top:18px;padding:14px 8px 8px}.sidebarFooter small{color:#9fc0cf;text-overflow:ellipsis;display:block;overflow:hidden}.sidebarFooter button{color:#fff;background:0 0;border:0;margin-top:10px;padding:0}.roleBadge{border-bottom:1px solid #234b60;gap:3px;margin-bottom:8px;padding:0 8px 18px;display:grid}.roleBadge strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.roleBadge span{color:#9fc0cf;font-size:11px}.workspace{width:100%;min-width:0;max-width:100%;padding:34px}.workspace header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.workspace header h1{letter-spacing:-.5px;margin:0;font-size:30px}.headerActions{flex-wrap:wrap;gap:10px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stats article,.panel{background:#fff;border:1px solid #dcebf3;border-radius:18px;box-shadow:0 8px 25px #1c57730e}.stats article{padding:20px}.stats span,.settingsGrid span{color:#6e8594;font-size:13px;display:block}.stats strong{margin:8px 0 3px;font-size:32px;display:block}.panel{margin-bottom:18px;padding:22px}.panel h2{margin:4px 0 18px}.panel h3{margin:26px 0 12px}.panelHead{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panelHead small,.panelHead span{color:#7c929f}.workflow{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.workflow div{background:#f1f9fc;border:1px solid #d7ecf4;border-radius:14px;min-height:118px;padding:15px}.workflow span{color:#117e9a;background:#d8f1f7;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.workflow strong{margin-top:14px;display:block}.workflow b{margin-top:6px;font-size:28px;display:block}.twoCols{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.table{display:grid}.tableHeader,.tableRow{grid-template-columns:1.5fr 1.2fr .7fr .4fr;gap:14px;padding:12px;display:grid}.tableHeader{color:#6d8290;text-transform:uppercase;background:#f4fafc;border-radius:10px;font-size:12px;font-weight:800}.tableRow{border-bottom:1px solid #edf3f6;align-items:center}.loyaltyRow{border-top:1px solid #edf3f6;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.loyaltyRow>div:first-child{flex:1;gap:2px;display:grid}.loyaltyRow small{color:#8297a3}.points{color:#168ca8;font-size:20px;font-weight:900}.actions{gap:8px;display:flex}.actions button,.iconBtn,.miniBtn{color:#167f99;background:#fff;border:1px solid #d4e7ef;border-radius:9px;padding:7px 10px;font-weight:800}.settingsGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 26px;display:grid}.settingsGrid div{background:#f4fafc;border-radius:12px;padding:16px}.settingsGrid strong{margin-top:5px;display:block}.featureList{background:#e8f1f5;border:1px solid #e8f1f5;border-radius:12px;gap:1px;display:grid;overflow:hidden}.featureList>div{background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 15px;display:grid}.featureList>div span{color:#29495d;font-size:14px}.featureList>div .miniBtn{min-width:92px}.featureList b{color:#168a62}.adminToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.adminToolbar .scanBar{flex:1;min-width:min(540px,100%)}.adminRow{border-top:1px solid #edf3f6;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.adminRow:first-of-type{border-top:0}.adminRow>div:first-child{gap:3px;min-width:0;display:grid}.adminRow small{color:#8297a3;overflow-wrap:anywhere}.adminRow select{width:auto;min-width:160px;padding:9px 10px}.modalBackdrop{z-index:10;background:#0a25347a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(680px,100%);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 25px 75px #0003}.iconBtn{padding:2px 9px;font-size:22px}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.serviceGrid article{background:#f9fdff;border:1px solid #dbeaf2;border-radius:14px;padding:16px}.serviceGrid small{color:#8095a2}.serviceGrid b{color:#118dab;margin-top:18px;font-size:22px;display:block}.servicePicker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.servicePicker button{text-align:left;color:#16354a;background:#f8fcfe;border:1px solid #d5e8f0;border-radius:14px;min-height:76px;padding:15px 16px;transition:all .15s}.servicePicker button:hover{background:#effafd;border-color:#20a7c2;transform:translateY(-1px)}.servicePicker strong,.servicePicker small{display:block}.servicePicker small{color:#77909e;margin-top:5px}.orderLayout{grid-template-columns:minmax(0,1.5fr) minmax(330px,.65fr);align-items:start;gap:22px}.orderLayout>.panel:first-child{padding:28px}.orderLayout h3{border-top:1px solid #edf3f6;margin:26px 0 12px;padding-top:18px;font-size:17px}.orderLayout h3:first-of-type{margin-top:20px}.orderSummary h2{margin-bottom:20px;font-size:25px}.cartRow{border-bottom:1px solid #edf3f6;grid-template-columns:minmax(0,1fr) 74px 105px;align-items:center;gap:10px;padding:12px 0;display:grid}.cartRow div{gap:3px;display:grid}.cartRow small{color:#8297a3}.cartRow input{padding:9px}.cartRow>b{text-align:right}.totals{gap:0;margin-top:8px;display:grid}.totals label{grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:12px;padding:10px 0;display:grid}.totals label input{padding:10px 12px}.totals div{border-top:1px solid #edf3f6;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.totals .grand{border-top:1px solid #cfe2ec;margin-top:3px;padding:15px 0 12px;font-size:22px}.totals .grand b{font-size:24px}.orderList{gap:14px;display:grid}.orderCard{background:#fbfeff;border:1px solid #dcebf3;border-radius:16px;padding:16px}.orderTop,.orderMeta,.orderActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.orderTop>div{gap:4px;display:grid}.orderTop>div:last-child{justify-items:end}.orderTop small{color:#8094a0}.orderMeta{color:#607785;border-top:1px solid #edf3f6;border-bottom:1px solid #edf3f6;margin:14px 0;padding:11px 0}.orderActions{justify-content:flex-start}.orderActions select,.orderActions input{width:auto;min-width:150px;padding:10px 11px}.status{color:#147f99;background:#e8f6fa;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.status.ready,.status.active{color:#197447;background:#e7f7ee}.status.completed{color:#53636d;background:#eef0f2}.customerCard{text-align:center;justify-items:center;gap:10px;padding:18px;display:grid}.customerCard img{width:min(320px,80vw);height:auto}.qrActions{justify-content:center;gap:10px;display:flex}.customerDirectoryPage{padding:42px 48px}.customerDirectoryHeader{margin-bottom:28px!important}.customerDirectoryHeader h1{letter-spacing:-1px!important;font-size:38px!important}.customerDirectoryHeader .muted{margin-top:12px;font-size:16px}.customerSummaryGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.customerSummaryCard{background:#fff;border:1px solid #dcebf3;border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 8px 25px #1c57730b}.summaryIcon{color:#1191ad;background:#e9f7fb;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-size:24px;font-weight:900;display:grid}.customerSummaryCard>div{gap:4px;display:grid}.customerSummaryCard small{color:#78909f;letter-spacing:.45px;font-size:11px;font-weight:900}.customerSummaryCard strong{color:#16344a;font-size:27px}.customerSummaryCard span:last-child{color:#6d8492;font-size:13px}.customerDirectoryPanel{padding:26px}.customerToolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.customerToolbar h2{margin:0 0 3px}.customerToolbar>div:first-child span{color:#8295a1;font-size:13px}.customerFilters{align-items:center;gap:10px;display:flex}.customerFilters select{width:160px}.customerFilters input{width:min(360px,36vw)}.customerTableWrap{border:1px solid #edf3f6;border-radius:14px;overflow:auto}.customerTable{border-collapse:collapse;background:#fff;width:100%;min-width:1050px}.customerTable thead{background:#f5fafc}.customerTable th{text-transform:uppercase;letter-spacing:.45px;color:#6e8795;text-align:left;border-bottom:1px solid #e8f1f5;padding:15px 14px;font-size:11px}.customerTable td{vertical-align:middle;border-bottom:1px solid #edf3f6;padding:18px 14px}.customerTable tbody tr:last-child td{border-bottom:0}.customerTable td>strong,.customerTable td>small{display:block}.customerTable td>small{color:#8296a1;margin-top:3px}.customerIdentity{align-items:center;gap:12px;min-width:220px;display:flex}.customerIdentity>div{gap:3px;display:grid}.customerIdentity strong{font-size:14px}.customerIdentity small{color:#738a99;font-size:12px}.customerAvatar{color:#138d76;background:#dff7f1;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.loyaltyLevelBadge{color:#a75d07;white-space:nowrap;background:#fff2e4;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.customerActions{gap:8px;min-width:128px;display:grid}.customerActions .miniBtn{white-space:nowrap;width:100%;padding:9px 11px}.customerEmpty{text-align:center;color:#7e929e;padding:34px}.customerDirectoryPage .qrModal .customerCard{padding-top:10px}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.twoCols,.orderLayout{grid-template-columns:1fr}.serviceGrid{grid-template-columns:repeat(2,1fr)}.orderSummary{position:static}.settingsGrid{grid-template-columns:repeat(2,1fr)}.customerDirectoryPage{padding:32px}.customerToolbar{flex-direction:column;align-items:stretch}.customerFilters,.customerFilters select,.customerFilters input{width:100%}}@media (width<=760px){.authPage{grid-template-columns:1fr}.brandPanel{min-height:260px;padding:36px}.authCard{padding:36px}.appShell{grid-template-columns:1fr}.sidebar{scrollbar-gutter:auto;height:auto;position:relative;overflow:visible}.sidebar nav{grid-template-columns:1fr 1fr}.workspace{padding:20px}.workspace header{flex-direction:column;align-items:flex-start}.stats,.workflow{grid-template-columns:1fr 1fr}.gridForm{grid-template-columns:1fr}.gridForm .wide{grid-column:auto}.settingsGrid,.serviceGrid,.servicePicker,.scanBar{grid-template-columns:1fr}.cartRow{grid-template-columns:1fr 72px}.cartRow>b{grid-column:1/-1}.orderActions select,.orderActions input,.orderActions button{width:100%}.adminRow{grid-template-columns:1fr}.adminRow select,.adminRow .miniBtn{width:100%}.featureList>div{grid-template-columns:1fr auto}.customerDirectoryPage{padding:22px}.customerDirectoryHeader h1{font-size:32px!important}.customerSummaryGrid{grid-template-columns:1fr 1fr}.customerFilters{flex-direction:column}}@media (width<=480px){.stats,.workflow,.settingsGrid{grid-template-columns:1fr}.headerActions{width:100%}.headerActions button{flex:1}.featureList>div{grid-template-columns:1fr}.featureList>div .miniBtn{width:100%}.customerSummaryGrid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.customerCard,.customerCard *{visibility:visible}.customerCard{width:100%;padding:30px;position:absolute;top:0;left:0}.noPrint{display:none!important}}.logoMark{overflow:hidden;color:#0000!important;background:#fff url(/labaflow-icon.svg) 50%/92% no-repeat!important;font-size:0!important}.logoMark.small{background-size:94%!important}.brandPanel:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 25%,#ffffff29,#0000 28%),linear-gradient(145deg,#052a4429,#0000 55%);position:absolute;inset:0}.brandPanel>*{z-index:1;position:relative}.brandPanel h1{font-weight:850}.brandPanel h1:after{content:"Flow";color:#bffaff}.brandPanel h1{font-size:0}.brandPanel h1:before{content:"Laba";color:#fff;font-size:64px}.brandPanel h1:after{font-size:64px}.brandPanel>p:first-of-type{font-weight:650}.brandLockup{width:min(560px,90%);height:auto;display:block}.brand .logoMark{box-shadow:0 6px 18px #0000002e}.authPageV2{background:#f7fbfe;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.authBrandV2{color:#fff;background:linear-gradient(165deg,#08799f 0%,#13a9c1 68%,#31c0d0 100%);flex-direction:column;min-height:100vh;padding:44px 34px;display:flex;position:relative;overflow:hidden;box-shadow:8px 0 28px #0d4b6914}.authBrandV2:before{content:"";background:#ffffff0f;border-radius:50%;width:330px;height:330px;position:absolute;top:18%;left:-180px}.authBrandLogo{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.authBrandLogo .logoMark{border-radius:16px;flex:none;width:58px;height:58px;box-shadow:0 10px 25px #00314b2e}.authBrandLogo strong{letter-spacing:-.7px;font-size:27px;display:block}.authBrandLogo span{opacity:.9;margin-top:2px;font-size:13px;display:block}.authBrandBenefits{z-index:2;gap:0;margin:auto 0 110px;display:grid;position:relative}.authBrandBenefits article{border-bottom:1px solid #ffffff40;grid-template-columns:46px 1fr;gap:14px;padding:22px 0;display:grid}.authBrandBenefits article:last-child{border-bottom:0}.authBrandBenefits b{border:1px solid #fff9;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.authBrandBenefits strong,.authBrandBenefits span{display:block}.authBrandBenefits strong{font-size:14px}.authBrandBenefits span{opacity:.9;margin-top:5px;font-size:12px;line-height:1.5}.authWave{background:#ffffff1f;border-radius:50% 50% 0 0;height:150px;position:absolute;bottom:-52px;left:-40px;right:-40px;transform:rotate(-5deg)}.authWave:after{content:"";background:#ffffff17;border-radius:50% 50% 0 0;height:120px;position:absolute;top:34px;left:-20px;right:0;transform:rotate(8deg)}.authStage{background:radial-gradient(circle at 85% 8%,#1ca6c30f,#0000 18%),linear-gradient(#fbfdff,#f6fbfe);flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100vh;padding:42px 32px 22px;display:flex}.authCardV2{text-align:center;border:1px solid #e1edf3;border-radius:26px;width:min(760px,100%);box-shadow:0 22px 65px #174d691a;background:#fffffffa!important;justify-content:flex-start!important;padding:46px 68px 38px!important}.authCardLogo{border-radius:22px;width:74px;height:74px;margin:0 auto 24px;box-shadow:0 8px 25px #128fae1f;background-size:94%!important}.authCardV2 .eyebrow{letter-spacing:3px;margin-bottom:10px;font-size:13px}.authCardV2 h2{letter-spacing:-1.5px;color:#102f48;margin:0 0 10px;font-size:42px}.authIntro{max-width:560px;margin:0 auto;font-size:16px}.authFormV2{text-align:left;gap:20px;margin-top:32px}.authFormV2 label{color:#17364e;font-size:14px}.authInput{background:#fff;border:1px solid #cfe1eb;border-radius:13px;align-items:center;height:58px;transition:all .15s;display:flex;overflow:hidden}.authInput:focus-within{border-color:#20a7c2;box-shadow:0 0 0 3px #20a7c21a}.authInput>span{text-align:center;color:#7890a0;flex:none;width:50px;font-size:18px}.authInput input{min-width:0;height:100%;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 8px!important}.authInput input::placeholder{color:#8da0ad}.passwordToggle{color:#178da8;background:0 0;border:0;height:100%;padding:0 16px;font-size:12px;font-weight:800}.authSignIn{height:58px;margin-top:3px;font-size:17px;box-shadow:0 8px 20px #128fae2b;background:linear-gradient(90deg,#078aa9,#159eb8)!important;border-radius:13px!important}.authSignIn:hover{filter:brightness(.96)}.authOrgCallout{text-align:left;background:linear-gradient(90deg,#eef8fc,#f6fbfd);border:1px solid #dcecf3;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:17px 18px;display:flex}.authOrgCallout div{gap:3px;display:grid}.authOrgCallout strong{color:#17364e;font-size:14px}.authOrgCallout span{color:#728896;font-size:12px}.authOrgCallout button{color:#147f99;white-space:nowrap;background:#fff;border:1px solid #1494b0;border-radius:10px;padding:10px 14px;font-weight:800}.authCardV2 .notice{text-align:left;margin:18px 0 0}.authLegal{color:#8295a1;margin-top:26px;font-size:11px;line-height:1.5;display:block}.authFooter{color:#78909f;margin-top:28px;font-size:12px}@media (width<=900px){.authPageV2{grid-template-columns:1fr}.authBrandV2{background:linear-gradient(120deg,#08799f,#20afc4);min-height:auto;padding:22px 26px}.authBrandBenefits,.authWave{display:none}.authBrandLogo .logoMark{width:48px;height:48px}.authBrandLogo strong{font-size:22px}.authStage{min-height:calc(100vh - 92px);padding:28px 18px}.authCardV2{padding:34px 28px!important}.authCardV2 h2{font-size:34px}}@media (width<=520px){.authBrandV2{padding:16px 18px}.authBrandLogo span{display:none}.authStage{justify-content:flex-start;padding:18px 12px 60px}.authCardV2{border-radius:20px;padding:28px 18px!important}.authCardLogo{width:62px;height:62px;margin-bottom:18px}.authCardV2 h2{font-size:29px}.authIntro{font-size:14px}.authOrgCallout{flex-direction:column;align-items:stretch}.authOrgCallout button{width:100%}.authFooter{margin-top:18px}}@media (width<=760px){.brandPanel h1:before,.brandPanel h1:after{font-size:46px}}.appShell:has(.sidebar.collapsed){grid-template-columns:76px 1fr}.sidebar{transition:width .18s}.sidebar .brand{position:relative}.sidebarToggle{color:#fff;background:#164b64;border:1px solid #28586d;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;font-size:22px;line-height:1;display:grid}.sidebar .navIcon{text-align:center;width:28px;font-weight:900;display:none}.sidebar nav{gap:14px}.navSection{gap:5px;display:grid}.navSectionLabel{color:#6f9aae;letter-spacing:1.2px;text-transform:uppercase;padding:0 12px 4px;font-size:10px;font-weight:900}.navGroupToggle{width:100%;color:#9fc0cf!important;letter-spacing:.7px!important;text-transform:uppercase!important;background:0 0!important;border:0!important;align-items:center!important;gap:8px!important;padding:9px 12px!important;font-size:11px!important;font-weight:900!important;display:flex!important}.navGroupToggle:hover{color:#fff!important}.navChevron{margin-left:auto;font-size:16px;line-height:1}.navGroupItems{gap:5px;padding-top:3px;display:grid}.adminGroup{border-top:1px solid #234b60;margin-top:2px;padding-top:12px}.adminGroup .navGroupItems button{padding-left:18px}.sidebar.collapsed{padding-left:10px;padding-right:10px}.sidebar.collapsed .navText,.sidebar.collapsed .roleBadge,.sidebar.collapsed .brand>div:not(.logoMark),.sidebar.collapsed .sidebarFooter small{display:none!important}.sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .brand .logoMark{display:none}.sidebar.collapsed .sidebarToggle{margin:0 auto}.sidebar.collapsed nav{gap:8px}.sidebar.collapsed .navSection{gap:4px}.sidebar.collapsed .adminGroup{padding-top:8px}.sidebar.collapsed nav button{justify-content:center;align-items:center;padding:11px 6px;display:flex}.sidebar.collapsed nav button .navIcon{display:inline-block}.sidebar.collapsed .navGroupToggle{padding:10px 6px!important}.sidebar.collapsed .navGroupItems button{padding-left:6px}.sidebar.collapsed .sidebarFooter{justify-items:center;padding-left:0;padding-right:0;display:grid}.sidebar.collapsed .sidebarFooter button{margin-top:8px}.sidebar.collapsed .sidebarFooter .navIcon{display:inline-block}.sharedSidebar nav button{align-items:center;gap:8px;display:flex}.sharedSidebar .sidebarFooter button{color:#fff;background:0 0;border:0}@media (width<=760px){.appShell:has(.sidebar.collapsed){grid-template-columns:1fr}.sidebar.collapsed{height:auto}.sidebar.collapsed nav{grid-template-columns:1fr}.sidebar.collapsed .brand{justify-content:flex-start}.sidebar.collapsed .sidebarToggle{margin-left:0}.navSectionLabel{display:none}.navSection,.navGroupItems{grid-template-columns:1fr 1fr}.adminGroup{grid-column:1/-1}}.newOrderExperience{padding-top:28px}.newOrderHeader{margin-bottom:18px!important}.newOrderHeader h1{font-size:34px!important}.customerWelcome{background:linear-gradient(135deg,#f1fbf8,#fbfffe);border:1px solid #ccebe1;border-radius:18px;grid-template-columns:auto minmax(0,1.4fr) repeat(3,minmax(130px,.55fr));align-items:center;gap:18px;margin:0 0 20px;padding:18px 22px;display:grid;box-shadow:0 8px 24px #1c57730b}.customerAvatar{color:#147a58;background:#d9f5e8;border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:grid}.welcomeText h2{margin:0 0 4px;font-size:20px}.welcomeText p{color:#6c8290;margin:0;font-size:13px}.welcomeMetric{border-left:1px solid #d7ebe4;gap:5px;padding-left:18px;display:grid}.welcomeMetric span{color:#6f8592;font-size:12px}.welcomeMetric strong{color:#14364a;font-size:17px}.newOrderMain{grid-template-columns:minmax(0,1.55fr) minmax(330px,.62fr);align-items:start;gap:20px;display:grid}.orderDetailsPanel{padding:28px}.sectionTitle{align-items:center;gap:12px;margin-bottom:22px;display:flex}.sectionTitle h2{margin:0!important}.sectionTitle p{color:#718796;margin:3px 0 0;font-size:13px}.sectionIcon{color:#0c8fa8;background:#e7f7fa;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.customerContextGrid{grid-template-columns:1fr 1.1fr;gap:14px;margin:16px 0;display:grid}.memberSnapshot,.addressSnapshot{background:#fbfeff;border:1px solid #dcebf1;border-radius:14px;padding:16px}.memberSnapshot{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.memberSnapshot div{gap:2px;display:grid}.memberSnapshot span,.addressSnapshot small{color:#738a98;font-size:12px}.memberSnapshot strong{font-size:14px}.addressSnapshot>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.addressSnapshot p{margin:12px 0 5px;font-size:14px}.addressSnapshot .secondary{margin-top:13px;padding:8px 12px}.notesLabel{color:#29475d;gap:7px;font-size:13px;font-weight:700;display:grid}.notesLabel small{color:#7a8e9b;font-weight:500}.notesLabel textarea{min-height:105px}.orderDetailsPanel h3{border-top:1px solid #edf3f6;margin:26px 0 13px;padding-top:20px;font-size:18px}.servicePicker{gap:12px}.servicePicker button{background:#fff;border:1px solid #d7e3ea;border-radius:14px;min-height:82px;padding:16px 18px;transition:all .15s;position:relative;box-shadow:0 1px 2px #123c5205}.servicePicker button:hover{background:#fbfeff;border-color:#19a5bd;transform:translateY(-1px);box-shadow:0 7px 18px #16809a14}.servicePicker button:after{content:"+";color:#17354a;font-size:22px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.newOrderSide{gap:16px;display:grid}.quickActions{padding:20px}.quickActions h2{margin:0 0 12px}.quickActions>button{text-align:left;color:#15324a;background:0 0;border:0;border-bottom:1px solid #edf3f6;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.quickActions>button:last-child{border-bottom:0}.quickActions>button>span{color:#128faa;background:#eef8fb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.quickActions>button>div{gap:2px;display:grid}.quickActions>button small{color:#7a8f9c;font-weight:500}.quickActions>button b{color:#78909d;font-size:20px}.orderSummary{padding:22px;position:sticky;top:18px}.orderSummary h2{margin:0 0 16px;font-size:22px}.cartRow{grid-template-columns:minmax(0,1fr) 62px 95px;gap:10px;padding:13px 0}.promoApply,.loyaltyControls{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.loyaltyBoxHead{justify-content:space-between;gap:10px;display:flex}.totals{margin-top:12px}.totals>div{border-top:1px solid #edf3f6;justify-content:space-between;gap:16px;padding:11px 0;display:flex}.totals .grand{padding-top:16px}.totals .grand span{font-size:18px;font-weight:800}.totals .grand b{color:#0b8faa;font-size:25px}.orderSummary>.primary.wide{width:100%;margin-top:6px;padding:14px 16px}.empty{color:#8194a0;font-size:13px}.notice{margin-bottom:16px}.qrModal .customerCard img{width:min(320px,70vw)}@media (width<=1180px){.customerWelcome{grid-template-columns:auto 1fr 1fr 1fr}.welcomeText{grid-column:2/-1}.newOrderMain{grid-template-columns:1fr}.orderSummary{position:static}.customerContextGrid{grid-template-columns:1fr 1fr}}@media (width<=760px){.customerWelcome{grid-template-columns:auto 1fr}.welcomeText{grid-column:auto}.welcomeMetric{border-top:1px solid #d7ebe4;border-left:0;grid-column:1/-1;padding:10px 0 0}.customerContextGrid,.memberSnapshot{grid-template-columns:1fr}.newOrderExperience{padding:20px}.newOrderHeader{align-items:flex-start!important}.newOrderMain{gap:14px}.orderDetailsPanel,.orderSummary,.quickActions{padding:18px}.cartRow{grid-template-columns:1fr 64px}.cartRow>b{text-align:right;grid-column:1/-1}}.promoBox,.loyaltyBox{background:#fbfeff;border:1px solid #d7e8ef;border-radius:14px;margin-top:18px;padding:16px}.loyaltyBox{background:#effcf8;border-color:#ccefe4}.promoHead,.loyaltyBoxHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.promoHead strong,.loyaltyBoxHead strong{font-size:14px}.loyaltyBoxHead span{color:#5f7a86;font-size:12px}.promoApply,.loyaltyControls{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.promoBox small,.loyaltyBox small{color:#6e8594;margin-top:9px;display:block}.rewardHint{color:#2c67a0;text-align:center;background:#eef6ff;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px}.orderSummary .promoBox input,.orderSummary .loyaltyBox input{padding:11px 12px}.orderSummary .promoBox .secondary,.orderSummary .loyaltyBox .secondary{white-space:nowrap}@media (width<=480px){.promoApply,.loyaltyControls{grid-template-columns:1fr}.promoApply button,.loyaltyControls button{width:100%}.promoHead,.loyaltyBoxHead{flex-direction:column;align-items:flex-start}}.scanBar{grid-template-columns:1fr auto;gap:10px;display:grid}.miniBtn{color:#167f99;background:#fff;border:1px solid #d4e7ef;border-radius:9px;padding:7px 10px;font-weight:800}.qrModal{width:min(520px,100%)}.customerCard{text-align:center;background:linear-gradient(#fff,#f3fbfe);border:1px solid #d7eaf2;border-radius:20px;padding:24px}.cardBrand{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cardBrand strong,.cardBrand small{display:block}.cardBrand small{color:#7e939f}.customerCard img{background:#fff;border-radius:18px;width:min(300px,85%);height:auto;padding:10px}.customerCard h2{margin:14px 0 4px}.customerCode{color:#118dab;letter-spacing:1px;display:block}.cardStats{justify-content:center;gap:26px;margin:18px 0;display:flex}.cardStats span{color:#718793;font-size:13px;display:grid}.cardStats b{color:#15324a;font-size:20px}.customerCard>small{color:#78909d;line-height:1.45;display:block}.qrActions{gap:10px;margin-top:14px;display:flex}.qrActions button{flex:1}@media (width<=600px){.scanBar{grid-template-columns:1fr}.qrActions{flex-direction:column}}@media print{body *{visibility:hidden!important}.qrModal,.qrModal *,.customerCard,.customerCard *{visibility:visible!important}.modalBackdrop{background:#fff!important;padding:0!important;position:static!important}.qrModal{position:absolute;top:0;left:0;width:100%!important;box-shadow:none!important;padding:0!important}.customerCard{width:90mm;box-shadow:none;border:1px solid #999;margin:0 auto}.noPrint{display:none!important}}.cameraQrButton{white-space:nowrap}.cameraQrBackdrop{z-index:30}.cameraQrModal{width:min(620px,100%)}.cameraViewport{aspect-ratio:4/3;background:#082636;border-radius:18px;margin:20px 0 14px;position:relative;overflow:hidden}.cameraViewport video{object-fit:cover;width:100%;height:100%;display:block}.cameraFrame{pointer-events:none;position:absolute;inset:18%}.cameraFrame span{border-color:#44d0e7;width:44px;height:44px;position:absolute}.cameraFrame span:first-child{border-top:4px solid #44d0e7;border-left:4px solid #44d0e7;border-radius:12px 0 0;top:0;left:0}.cameraFrame span:nth-child(2){border-top:4px solid #44d0e7;border-right:4px solid #44d0e7;border-radius:0 12px 0 0;top:0;right:0}.cameraFrame span:nth-child(3){border-bottom:4px solid #44d0e7;border-left:4px solid #44d0e7;border-radius:0 0 0 12px;bottom:0;left:0}.cameraFrame span:nth-child(4){border-bottom:4px solid #44d0e7;border-right:4px solid #44d0e7;border-radius:0 0 12px;bottom:0;right:0}.cameraStatus{text-align:center;color:#597384;margin:10px 0 4px}.cameraError{margin-top:14px}.cameraQrActions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=760px){.scanBar .cameraQrButton{width:100%}.cameraFrame{inset:14%}}.receiptPrint{display:none}@media print{body *{visibility:hidden!important}.receiptPrint,.receiptPrint *{visibility:visible!important}.receiptPrint{color:#000;background:#fff;width:72mm;padding:2mm;font-family:Arial,sans-serif;font-size:11px;position:absolute;top:0;left:0;display:block!important}.receiptPrint h1{text-align:center;margin:0 0 2px;font-size:18px}.receiptPrint .center{text-align:center}.receiptPrint .line{border-top:1px dashed #000;margin:7px 0}.receiptPrint .row{justify-content:space-between;gap:8px;margin:3px 0;display:flex}.receiptPrint .row strong:last-child{text-align:right}.receiptPrint .total{font-size:14px;font-weight:700}.receiptPrint .small{font-size:9px}.receiptPrint .thanks{text-align:center;margin-top:10px;font-weight:700}@page{size:80mm auto;margin:2mm}}