:root{--brand:#5b21d6;--brand-strong:#4c11c9;--ink:#0c1020;--muted:#667085;--surface:#ffffff;--surface-soft:#f7f5ff;--line:#e6e8ef;--page:#fbfbfe;--success:#067647;--warning:#b54708;--radius:8px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden}body{background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{min-height:44px}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand),white 40%);outline-offset:2px}nextjs-portal{display:none!important}.publicBillShell{align-items:center;background:radial-gradient(circle at top left,rgb(91 33 214/.12),transparent 34rem),var(--page);display:grid;min-height:100dvh;padding:20px}.publicBillCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 55px rgb(12 16 32/.08);display:grid;gap:18px;margin:0 auto;max-width:680px;padding:20px;width:100%}.publicBillHeader,.publicBillRow,.publicBillTitle,.publicBillTotals{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.publicBillHeader{border-bottom:1px solid var(--line);padding-bottom:14px}.publicBillHeader strong{display:block;font-size:1.2rem}.publicBillHeader span,.publicBillNote,.publicBillRow span,.publicBillTitle p,.publicBillTotals span{color:var(--muted)}.publicBillTitle h1,.publicBillTitle p{margin:0}.publicBillHeader>div,.publicBillRow>div,.publicBillTitle>div{min-width:0}.publicBillHeader strong,.publicBillRow strong,.publicBillTitle h1{overflow-wrap:anywhere}.publicBillBadge{background:#ecfdf3;border-radius:999px;color:var(--success);flex:0 0 auto;font-weight:800;padding:8px 12px}.publicBillBadge.warning{background:#fff6ed;color:var(--warning)}.publicBillRows{display:grid}.publicBillRow{border-top:1px solid var(--line);gap:12px;padding:14px 0}.publicBillRow:first-child{border-top:0}.publicBillTotals{background:var(--surface-soft);border-radius:var(--radius);display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.publicBillTotals div{display:grid;gap:4px}.publicBillAction{align-items:center;background:var(--brand);border-radius:var(--radius);color:white;display:inline-flex;font-weight:800;justify-content:center;min-height:48px;padding:12px 16px;text-decoration:none}@media (max-width:520px){.publicBillShell{align-items:start;padding:12px}.publicBillCard{padding:20px}.publicBillHeader,.publicBillTitle{align-items:flex-start}.publicBillTitle{flex-direction:column}.publicBillTotals{grid-template-columns:1fr}.publicBillAction{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.iconButton{background:transparent;border:0;color:var(--ink);min-width:44px}.iconButton,.tenantLogo,.tenantLogoLarge{align-items:center;display:inline-flex;justify-content:center}.tenantLogo,.tenantLogoLarge{background:var(--surface-soft);border-radius:var(--radius);color:var(--brand);flex:0 0 auto}.tenantLogo{height:52px;width:52px}.tenantLogoLarge{height:72px;width:72px}.hero{align-items:center;background:var(--surface-soft);border:1px solid #eee8ff;border-radius:var(--radius);display:flex;gap:16px;justify-content:space-between;padding:24px}.hero h1{font-size:clamp(2rem,10vw,3rem);letter-spacing:0;line-height:1;margin:0 0 8px}.hero p{color:var(--muted);font-size:1.05rem;line-height:1.35;margin:0}.grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metricCard{background:var(--surface);border:1px solid var(--line);display:grid;gap:8px;min-height:130px;padding:16px}.metricCard,.metricIcon{border-radius:var(--radius)}.metricIcon{align-items:center;background:var(--surface-soft);color:var(--brand);display:inline-flex;height:44px;justify-content:center;width:44px}.metricCard span:not(.metricIcon){color:var(--muted);font-size:.92rem}.metricCard strong{color:var(--ink);font-size:1.2rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panelHeader,.row{align-items:center;display:flex;justify-content:space-between;padding:16px}.panelHeader h2{font-size:1.35rem;margin:0}.row{border-top:1px solid var(--line);color:var(--muted)}.row strong{color:var(--ink)}.statusPill{border-radius:999px;font-size:.85rem;font-weight:700;padding:8px 12px}.statusPill-success{background:#ecfdf3;color:var(--success)}.statusPill-warning{background:#fff6ed;color:var(--warning)}.authShell{align-items:center;background:var(--page);display:grid;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px)}.authCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:18px;margin:0 auto;max-width:520px;padding:20px;width:100%}.authBrand,.notice,.shopSummary{align-items:center;display:flex;gap:12px}.authBrand span{display:grid;gap:2px}.authBrand strong,.shopSummary strong{display:block;font-size:1.2rem}.authBrand small,.shopSummary small{color:var(--muted);display:block}.authProgress{background:var(--surface-soft);border-radius:var(--radius);display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px}.authProgress span{border-radius:calc(var(--radius) - 2px);color:var(--muted);font-size:.78rem;font-weight:800;min-width:0;overflow:hidden;padding:8px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.authProgress .authProgressActive{background:white;color:var(--brand)}.pageHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.pageHeader h1{font-size:2rem;letter-spacing:0;line-height:1.05;margin:0}.pageHeader p{color:var(--muted);margin:6px 0 0}.field{display:grid;gap:8px}.field span{color:var(--muted);font-weight:700}.field small,.helperText{color:var(--muted);font-size:.92rem;line-height:1.35;margin:0}.field input,.field select,.field textarea,.searchField input{background:white;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:52px;padding:12px 14px;width:100%}.field textarea{min-height:120px;resize:vertical}.formError{background:#fff1f3;border:1px solid #fda29b;border-radius:var(--radius);color:#b42318;font-weight:700}.formError,.successNote{margin:0;padding:10px 12px}.successNote{background:#ecfdf3;border:1px solid #abefc6;border-radius:var(--radius);color:var(--success);font-weight:800}.buttonRow{display:grid;gap:10px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.headerActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.setupPreview{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:4px;padding:12px}.setupPreview small,.setupPreview span{color:var(--muted)}.setupPreview strong{color:var(--ink);font-size:1.1rem}.dangerButton,.primaryButton,.secondaryButton{align-items:center;border-radius:var(--radius);border:1px solid transparent;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:12px 16px}.primaryButton{background:var(--brand);color:white}.primaryButton:disabled{opacity:.45}.secondaryButton{background:var(--surface-soft);color:var(--brand)}.dangerButton{background:#fff1f3;color:#b42318;margin:12px;width:calc(100% - 24px)}.choiceStack{display:grid;gap:12px}.quickGrid,.twoColumn{display:grid;gap:12px;grid-template-columns:1fr}.quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionTile{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:grid;gap:8px;justify-items:center;min-height:96px;padding:14px;text-align:center;text-decoration:none}.actionTile svg,.actionTileActive{color:var(--brand)}.actionTileActive{background:var(--surface-soft);border-color:var(--brand)}.segmentedControl{background:var(--surface-soft);border-radius:var(--radius);display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:4px}.segmentedControl button{background:transparent;border:0;border-radius:var(--radius);color:var(--muted);font-weight:800;padding:10px 8px}.segmentedControl .segmentActive{background:var(--surface);color:var(--brand)}.toggleRow{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;min-height:56px;padding:12px 0}.toggleRow input{accent-color:var(--brand);height:28px;width:44px}.searchField{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:8px;padding:0 12px}.searchField input{border:0;min-height:48px;padding-inline:0}.listRow{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:flex;gap:12px;min-height:68px;padding:12px 16px;text-align:left;width:100%}.panel>.listRow:first-child{border-top:0}.listRowButton{cursor:pointer}.avatar,.rowIcon{align-items:center;background:var(--surface-soft);border-radius:var(--radius);color:var(--brand);display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.rowMain{display:grid;flex:1 1;min-width:0}.hint,.rowMain small{color:var(--muted)}.padded{display:grid;gap:14px;padding:16px}.padded h2,.sectionTitle h2{margin:0}.pillRow{display:flex;flex-wrap:wrap;gap:8px}.notice{background:#ecfdf3;border:1px solid #d1fadf;border-radius:var(--radius);color:var(--success);padding:12px}.linkBox{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);font-weight:800;padding:14px}.backButton{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;font-weight:800;gap:4px;justify-self:flex-start;padding:0}.employeeRow{border-top:1px solid var(--line);display:grid;gap:8px;padding-bottom:12px}.employeeRow:first-child{border-top:0}.cartRow,.stepper,.totalLine{align-items:center;display:flex;justify-content:space-between}.cartRow{border-top:1px solid var(--line);gap:12px;padding:12px 0}.cartRow:first-of-type{border-top:0}.cartRow small{color:var(--muted);display:block;margin-top:4px}.stepper{background:var(--surface-soft);border-radius:var(--radius);gap:10px;padding:4px}.stepper button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--brand);min-width:40px}.totalLine{border-top:1px solid var(--line);padding-top:12px}.billingSteps{background:transparent;border:0;border-radius:0;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.billingSteps button{background:var(--surface);border:1px solid var(--line);color:var(--muted);display:flex;flex-direction:column;gap:2px;min-height:52px;padding:6px 4px}.billingSteps button,.billingSteps button span{align-items:center;border-radius:999px;justify-content:center}.billingSteps button span{background:var(--surface-soft);display:inline-flex;font-size:.76rem;height:22px;width:22px}.billingSteps button strong{font-size:.74rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.billingSteps .active{background:var(--surface-soft);border-color:rgb(98 44 255/.4);color:var(--brand)}.billingSteps .active span{background:var(--brand);color:white}.billingSteps button:disabled{cursor:not-allowed;opacity:.45}.compactBillGrid,.stepActions{display:grid;gap:12px}.stepActions{grid-template-columns:1fr}.billingCard h2,.billingCard h3{margin:0}.selectedCustomerCard{align-items:center;background:var(--surface-soft);border:1px solid rgb(98 44 255/.18);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.selectedCustomerCard span{display:grid;gap:2px}.selectedCustomerCard small{color:var(--muted)}.billSummaryBox,.customLineBox,.customerCreateBox{display:grid;gap:12px}.customerCreateBox{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.customLineBox{border-top:1px solid var(--line);padding-top:12px}.billSummaryBox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.billSummaryBox h3{font-size:1rem}.repairChipScroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.repairChipScroller button{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;color:var(--ink);display:inline-flex;flex:0 0 auto;gap:8px;padding:9px 12px}.repairChipScroller strong{color:var(--brand)}.billingWorkspace{align-items:start;grid-template-columns:minmax(0,1fr);min-width:0}.billingMain,.billingWorkspace{display:grid;gap:16px}.billLine,.billingModeHeader,.invoicePaperHeader,.publicBillHeader,.publicBillRow,.publicBillTitle,.publicBillTotals{align-items:center;display:flex;justify-content:space-between}.billingModeHeader{gap:12px}.billingModeHeader h2,.billingModeHeader p{margin:0}.billingToast,.billingWarning{color:var(--ink)}.customerChips{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.customerChip{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:inline-flex;flex:0 0 auto;gap:10px;min-width:132px;padding:10px;text-align:left}.customerChip span{display:grid}.customerChip small{color:var(--muted)}.customerChip.active{background:var(--surface-soft);border-color:var(--brand);color:var(--brand)}.productSuggest{display:grid;gap:8px}.productSuggest button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:64px;padding:10px;text-align:left}.billLine small,.invoicePaperHeader small,.productSuggest small,.publicBillHeader span,.publicBillRow span,.publicBillTotals span{color:var(--muted);display:block}.billPreview{min-width:0;position:static;width:100%}.billLines{display:grid;gap:10px}.billLine{align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:12px}.billLine.stockIssue{border-color:#fda29b}.lineControls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.billTotals,.publicBillTotals{background:var(--surface-soft);border-radius:var(--radius);display:grid;gap:8px;grid-template-columns:1fr;padding:12px}.billTotals div,.publicBillTotals div{display:grid;gap:4px}.paymentHero{background:linear-gradient(135deg,#111827,#312e81);border-radius:var(--radius);color:white;display:grid;gap:8px;padding:18px}.paymentHero span{color:rgb(255 255 255/.72)}.paymentHero strong{font-size:2rem}.paymentOptions{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.paymentOptions button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);display:grid;gap:6px;justify-items:center;min-height:76px;padding:10px 6px}.paymentOptions button.active{background:var(--surface-soft);border-color:rgb(98 44 255/.45);color:var(--brand)}.paymentBreakdown{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.paymentBreakdown div{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);display:grid;gap:4px;padding:10px}.paymentBreakdown span{color:var(--muted);font-size:.82rem}.paymentActions{align-items:center;display:grid;gap:10px;grid-template-columns:3fr 7fr}.paymentActions button{min-width:0}.shareSuccessPanel{align-items:stretch}.shareSuccessIcon{align-items:center;background:#ecfdf3;border-radius:999px;color:#027a48;display:inline-flex;height:58px;justify-content:center;justify-self:center;width:58px}.shareReadyHeader{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;text-align:left}.shareSuccessText{display:grid;gap:4px;min-width:0}.shareSuccessText h2,.shareSuccessText p{margin:0}.shareSuccessText p{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shareReadyHeader>strong{font-size:1.25rem;white-space:nowrap}.shareIconActions,.shareTextActions{display:grid;gap:10px;width:100%}.shareIconActions{grid-template-columns:repeat(3,minmax(0,1fr))}.shareTextActions{grid-template-columns:repeat(2,minmax(0,1fr))}.shareIconButton{align-items:center;border:0;border-radius:var(--radius);color:white;display:inline-flex;height:74px;justify-content:center;min-width:0}.shareIconButton.whatsapp{background:#25d366}.shareIconButton.copy{background:var(--brand)}.shareIconButton.newBill{background:#111827}.shareTextActions button{min-width:0}.invoiceDocument{background:white;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;padding:12px}.invoiceDocumentHeader{align-items:start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:12px}.invoiceDocumentHeader h3{font-size:1rem;margin:0}.invoiceDocumentHeader small,.invoiceMetaGrid span,.invoiceTableHead,.invoiceTableRow span,.invoiceTotals span{color:var(--muted)}.invoiceMetaGrid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoiceMetaGrid div{display:grid;gap:2px;min-width:0}.invoiceMetaGrid strong{font-size:.84rem;overflow-wrap:anywhere}.invoiceTable{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.invoiceTableHead,.invoiceTableRow{align-items:center;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 28px 66px 74px;padding:8px}.invoiceTableHead{background:var(--surface-soft);font-size:.78rem;font-weight:800;text-transform:uppercase}.invoiceTableRow+.invoiceTableRow{border-top:1px solid var(--line)}.invoiceTableRow span,.invoiceTableRow strong{min-width:0}.invoiceTableHead span:not(:first-child),.invoiceTableRow span,.invoiceTableRow strong:last-child{text-align:right}.invoiceTableRow span,.invoiceTableRow strong:last-child{font-size:.82rem;white-space:nowrap}.invoiceTableRow strong:first-child{font-size:.86rem;overflow-wrap:anywhere}.invoiceTotals{align-items:center;background:var(--surface-soft);border-radius:var(--radius);display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.invoiceTotals span,.invoiceTotals strong{font-size:.9rem}.invoiceTotals strong:last-child{color:var(--brand)}.publicBillPreview{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.shareLinkBox{align-items:center;display:flex;gap:8px;min-width:0}.shareLinkBox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoicePaper{background:linear-gradient(180deg,#ffffff,#fbfbfe)}.invoicePaperHeader{border-bottom:1px solid var(--line);padding-bottom:12px}.sheetBackdrop{align-items:end;background:rgb(12 16 32/.26);bottom:0;display:grid;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:10}.dialog,.sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;display:grid;gap:14px;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);overflow:auto;padding:18px 18px calc(env(safe-area-inset-bottom) + 18px)}.sheetHeader{align-items:center;display:flex;justify-content:space-between}.dialog h2,.sheetHeader h2{margin:0}.dialog{align-self:center;border-radius:var(--radius);margin:20px}.emptyState{align-items:center;color:var(--muted);display:grid;gap:8px;justify-items:center;padding:28px 16px;text-align:center}.emptyState strong{color:var(--ink)}.skeleton{animation:pulse 1.2s ease-in-out infinite;background:var(--surface-soft);border-radius:var(--radius);display:inline-block;height:1rem;width:100%}@keyframes pulse{50%{opacity:.55}}@media (min-width:620px){.twoColumn{grid-template-columns:repeat(2,minmax(0,1fr))}.quickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.productSuggest button{grid-template-columns:auto minmax(0,1fr) auto}.billLine{align-items:center;flex-direction:row}.lineControls{justify-content:flex-end}.billTotals,.publicBillTotals{grid-template-columns:repeat(3,minmax(0,1fr))}.compactBillGrid,.stepActions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.billingWorkspace{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.billPreview{position:sticky;top:16px}.publicBillPreview{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}}@media (max-width:420px){.hero{padding:20px}.grid{grid-template-columns:1fr}.metricCard{min-height:96px}.quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.billingWorkspace,.publicBillPreview{grid-template-columns:1fr}.billPreview{position:static}.billTotals,.publicBillTotals{grid-template-columns:1fr}.pageHeader h1{font-size:1.75rem}}