:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-container-low:#eff4ff;--on-tertiary-fixed:#07006c;--on-secondary-container:#61646f;--on-error:#fff;--tertiary-container:#1305ac;--on-error-container:#93000a;--inverse-surface:#213145;--surface-container-high:#dce9ff;--on-tertiary:#fff;--secondary-fixed:#e0e2ef;--primary-container:#142588;--outline:#767683;--on-secondary:#fff;--primary-fixed-dim:#bbc3ff;--error:#ba1a1a;--tertiary-fixed-dim:#c0c1ff;--surface-container-highest:#d3e4fe;--on-primary-fixed-variant:#2d3c9d;--on-surface-variant:#454652;--surface-tint:#4755b6;--surface-dim:#cbdbf5;--on-tertiary-container:#8c8fff;--error-container:#ffdad6;--primary-fixed:#dfe0ff;--on-secondary-fixed:#181b24;--tertiary-fixed:#e1e0ff;--secondary-fixed-dim:#c3c6d2;--on-tertiary-fixed-variant:#2f2ebe;--on-surface:#0b1c30;--surface-container-lowest:#fff;--surface-variant:#d3e4fe;--on-primary:#fff;--surface-container:#e5eeff;--on-background:#0b1c30;--background:#f8f9ff;--surface-bright:#f8f9ff;--secondary:#5b5e69;--primary:#000f64;--on-primary-fixed:#000d5f;--on-secondary-fixed-variant:#434751;--outline-variant:#c6c5d4;--inverse-on-surface:#eaf1ff;--surface:#f8f9ff;--secondary-container:#e0e2ef;--tertiary:#070072;--inverse-primary:#bbc3ff;--on-primary-container:#8493f8;--bg:var(--background);--surface-muted:var(--surface-container-low);--line:var(--outline-variant);--text:var(--on-surface);--muted:var(--secondary);--primary-strong:var(--primary-container);--danger:var(--error);--warning:#b06000;--positive:#137333;--sidebar-width:260px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;flex-shrink:0;width:1em;height:1em;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:visible}.appState{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);min-height:min(520px,100vh - 112px);color:var(--primary);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:16px;padding:48px 20px;display:grid;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.appState p{color:var(--secondary);margin:0;font-size:16px;font-weight:600;line-height:24px}.appSpinner{border:4px solid var(--primary-fixed);border-right-color:var(--primary);border-radius:999px;width:56px;height:56px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.authPage{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 20px 70px #1420331a}.authBrand,.appBrand{align-items:center;gap:12px;text-decoration:none;display:flex}.brandMark{background:var(--primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.authBrand h1{margin:0;font-size:24px;line-height:32px}.authPanel>p{color:var(--muted);margin:18px 0 24px;line-height:22px}.customerAuthPage{background:#f8f9ff;place-items:center;min-height:100vh;padding:32px;display:grid}.customerAuthShell{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);width:min(1520px,100vw - 80px);min-height:min(936px,100vh - 80px);display:grid;overflow:hidden;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.customerAuthBrandPanel{background:var(--surface-container);color:var(--primary);text-align:center;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.customerAuthBrandPanel:before{content:"";opacity:.1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#142588 0%,#0000 50%);position:absolute;inset:0}.customerAuthBrandContent{z-index:1;flex-direction:column;align-items:center;width:min(448px,100%);display:flex;position:relative}.customerAuthLogoImage{object-fit:contain;filter:drop-shadow(0 18px 16px #1425881f);width:240px;height:240px;margin-bottom:32px}.customerAuthMobileLogo{object-fit:contain;width:96px;height:96px;margin-bottom:16px}.customerAuthBrandCopy h1,.customerAuthHeader h2{color:var(--on-surface);letter-spacing:0;margin:0}.customerAuthBrandCopy h1{color:var(--primary);font-size:36px;font-weight:700;line-height:44px}.customerAuthBrandCopy p{color:var(--on-surface-variant);margin:16px 0 0;font-size:18px;font-weight:600;line-height:28px}.customerAuthFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:32px;display:grid}.customerAuthFeatureGrid>div{border:1px solid var(--outline-variant);color:#030b22;text-align:left;background:#ffffffc7;border-radius:8px;align-content:start;gap:8px;min-height:146px;padding:16px;display:grid}.customerAuthFeatureGrid .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1;font-size:25px}.customerAuthFeatureGrid strong{color:var(--on-surface);font-size:14px;font-weight:500;line-height:20px}.customerAuthFeatureGrid small{color:var(--secondary);font-size:14px;line-height:20px}.customerAuthFormPanel{background:var(--surface-container-lowest);justify-content:center;align-items:flex-start;padding:128px 96px 64px;display:flex}.customerAuthMobileBrand{display:none}.customerAuthCard{width:min(390px,100%)}.customerAuthHeader{margin-bottom:32px}.customerAuthHeader h2{color:var(--on-surface);font-size:36px;font-weight:700;line-height:44px}.customerAuthHeader p{color:var(--secondary);margin:8px 0 0;font-size:16px;line-height:24px}.customerAuthHeader strong{color:var(--primary);font-weight:700}.customerAuthForm{gap:18px;display:grid}.customerAuthField{gap:10px;display:grid}.customerAuthField>span,.otpFieldset legend{color:#030b22;font-size:15px;font-weight:600;line-height:20px}.phoneInputBar,.pinInputBar{border:1px solid var(--outline-variant);background:#fff;border-radius:4px;align-items:center;min-height:44px;transition:border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.phoneInputBar{grid-template-columns:38px auto minmax(0,1fr)}.pinInputBar{grid-template-columns:38px minmax(0,1fr)}.phoneInputBar:focus-within,.pinInputBar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1425881f}.phoneInputBar.hasError,.pinInputBar.hasError{border-color:var(--danger);box-shadow:0 0 0 3px #b3261e1a}.inputLeadingIcon{color:var(--outline);justify-self:center;font-size:22px}.countryCode{color:#111827;padding-right:10px;font-size:16px;font-weight:600;line-height:22px}.phoneInputBar input,.pinInputBar input{width:100%;min-width:0;color:var(--on-surface);letter-spacing:0;background:0 0;border:0;outline:0;padding:0 12px 0 0;font-size:16px;line-height:24px}.pinInputBar input{letter-spacing:6px}.phoneInputBar input::placeholder,.pinInputBar input::placeholder{color:#6f7280}.pinInputBar input::placeholder{letter-spacing:4px}.customerAuthPrimaryButton{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:8px;font-size:19px;font-weight:800;line-height:26px;transition:background .16s,box-shadow .16s;display:inline-flex}.customerAuthPrimaryButton:hover:not(:disabled){background:#07006c;box-shadow:0 10px 22px #000f6429}.customerAuthSecondaryButton{border:1px solid var(--outline-variant);width:100%;min-height:54px;color:var(--primary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;margin-top:8px;font-size:17px;font-weight:700;line-height:24px;transition:background .16s,border-color .16s;display:inline-flex}.customerAuthSecondaryButton:hover:not(:disabled){background:var(--surface-container);border-color:var(--primary)}.customerAuthPrimaryButton:focus-visible,.customerAuthSecondaryButton:focus-visible,.customerAuthBackButton:focus-visible,.customerAuthLinkButton:focus-visible,.otpDigitInput:focus{outline:0;box-shadow:0 0 0 3px #14258821}.customerAuthFinePrint{color:#4d5363;text-align:center;margin:38px 0 0;font-size:15px;line-height:22px}.customerAuthFinePrint a{color:var(--primary);font-weight:600;text-decoration:none}.customerAuthBackButton,.customerAuthLinkButton{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.customerAuthBackButton{margin-bottom:22px}.customerAuthBackButton .material-symbols-outlined,.customerAuthLinkButton .material-symbols-outlined{font-size:18px}.otpFieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.otpInputGroup{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.otpDigitInput{aspect-ratio:1/1.08;border:1px solid var(--outline-variant);width:100%;min-height:50px;color:var(--on-surface);text-align:center;background:#fff;border-radius:4px;font-size:23px;font-weight:800;line-height:30px;transition:border-color .16s,box-shadow .16s}.otpDigitInput:focus{border-color:var(--primary)}.otpDigitInput.hasValue{border-color:#9498aa}.otpActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:0;display:flex}.otpActions p{color:#5b5e69;align-items:center;gap:6px;margin:0;font-size:14px;line-height:20px;display:inline-flex}.otpActions .material-symbols-outlined{font-size:18px}.formGrid{gap:14px;display:grid}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:7px;display:grid}.field span{color:var(--text);font-size:13px;font-weight:800;line-height:18px}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fbfcfe;border-radius:6px;outline:0;padding:0 12px}.field textarea{resize:vertical;min-height:92px;padding-top:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #126c5f1f}.fieldError,.formError,.topError{color:var(--danger);font-size:12px;font-weight:700;line-height:16px}.formError{margin:0}.topError{background:#fff1f0;border-bottom:1px solid #ffd7d3;margin:0;padding:10px 20px}.primaryButton,.secondaryButton,.ghostButton,.dangerButton,.iconButton{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;text-decoration:none;display:inline-flex}.primaryButton{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:0 16px}.secondaryButton,.ghostButton{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 14px}.dangerButton{color:var(--danger);background:#fff1f0;border:1px solid #ffd0cc;padding:0 14px}.iconButton{border:1px solid var(--line);background:var(--surface);width:40px;color:var(--text);padding:0}button:disabled,.primaryButton[aria-disabled=true]{cursor:not-allowed;opacity:.58}.appShell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:#f8fafc;grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.appSidebar{z-index:50;height:100dvh;width:var(--sidebar-width);border-right:1px solid var(--outline-variant);background:var(--surface-container-lowest);flex-direction:column;padding:4px;display:flex;position:fixed;top:0;left:0}.appBrand{justify-content:center;align-items:center;gap:10px;padding:28px 20px 48px;text-decoration:none;display:flex}.appBrandMark{color:#fff;background:0 0;border-radius:4px;place-items:center;width:140px;height:64px;display:grid}.appBrandMark img{object-fit:contain;width:100%;height:100%}.appBrandMark .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:19px}.appBrand strong{color:var(--primary);letter-spacing:0;font-size:24px;font-weight:700;line-height:28px;display:block}.appBrand small{color:var(--secondary);margin-top:2px;font-size:12px;font-weight:400;line-height:18px;display:block}.appNav{flex:1;align-content:start;gap:8px;padding:16px 12px 0;display:grid;overflow-y:auto}.appNav a{min-height:48px;color:var(--secondary);border-right:4px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:0 12px 0 16px;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex}.appNav a.active,.appNav a:hover{background:var(--secondary-container);color:var(--primary-container)}.appNav a.active{border-right-color:var(--primary-container);font-weight:600}.appNav a.active .material-symbols-outlined{font-variation-settings:"FILL" 1}.appNav .material-symbols-outlined{font-size:24px}.appSidebarAction{margin-top:auto;padding:16px}.appNewInvoiceButton{background:var(--primary-container);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-weight:700;text-decoration:none;transition:opacity .16s,transform .16s;display:inline-flex}.appNewInvoiceButton:hover{opacity:.92}.appNewInvoiceButton:active{transform:scale(.98)}.appMain{flex-direction:column;grid-column:2;min-width:0;height:100%;min-height:0;display:flex}.appTopbar{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);z-index:40;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.appSearch{align-items:center;width:min(100%,560px);display:flex;position:relative}.appSearch .material-symbols-outlined{color:var(--outline);font-size:22px;position:absolute;left:12px}.appSearch input{width:100%;min-height:40px;color:var(--on-surface);background:#f1f5f9;border:0;border-radius:8px;outline:0;padding:0 14px 0 40px;font-size:14px;line-height:20px}.appSearch input:focus{box-shadow:0 0 0 3px #000f641f}.appTopbarRight,.appIconActions,.appProfileSummary{align-items:center;display:flex}.topbarActions{align-items:center;gap:10px;display:flex}.appTopbarRight{gap:24px}.appIconActions{color:var(--on-surface-variant);gap:16px}.appIconActions button,.appIconActions a,.appLogoutButton{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;text-decoration:none;transition:background .16s,transform .16s,color .16s;display:grid}.appIconActions button:hover,.appIconActions a:hover,.appLogoutButton:hover{background:var(--surface-container-low);color:var(--primary)}.appIconActions button:active,.appIconActions a:active,.appLogoutButton:active{transform:scale(.92)}.appTopbarDivider{background:var(--outline-variant);width:1px;height:32px}.appProfileSummary{gap:12px}.appProfileSummary>div:first-child{text-align:right}.appProfileSummary strong,.appProfileSummary span{display:block}.appProfileSummary strong{color:var(--primary);font-size:14px;font-weight:700;line-height:20px}.appProfileSummary span{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:14px}.profileAvatar{border:2px solid var(--primary-container);background:var(--surface-container-high);border-radius:999px;place-items:center;width:40px;height:40px;color:var(--primary)!important;font-size:12px!important;font-weight:900!important;display:grid!important}.appLogoutButton{color:var(--outline)}.appCanvas{flex:1;min-width:0;min-height:0;padding:32px;overflow:auto}.pageHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.pageHeader h1{margin:0;font-size:28px;font-weight:900;line-height:36px}.pageHeader p{color:var(--muted);margin:4px 0 0;line-height:22px}.dashboardScreen{gap:24px;display:grid}.dashboardHeader{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dashboardHeader h2{color:var(--primary);letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:32px}.dashboardHeader p{color:var(--secondary);margin:4px 0 0;font-size:14px;line-height:20px}.dashboardActions,.primaryActionButton,.secondaryActionButton{align-items:center;display:flex}.dashboardActions{gap:12px}.primaryActionButton,.secondaryActionButton{border-radius:8px;justify-content:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:opacity .16s,box-shadow .16s,background .16s}.primaryActionButton{background:var(--primary);color:#fff;box-shadow:0 8px 16px #000f641a}.secondaryActionButton{background:var(--secondary-container);color:var(--primary)}.primaryActionButton:hover,.secondaryActionButton:hover{opacity:.92}.dashboardStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboardStatCard{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:148px;padding:24px;display:flex}.dashboardStatCard>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboardStatCard span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.dashboardStatCard strong{color:var(--primary);letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}.dashboardStatCard small{color:var(--secondary);font-size:14px;line-height:18px}.statIcon{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.statIcon .material-symbols-outlined{font-size:20px}.statIcon.success{color:#16a34a;background:#ecfdf5}.statIcon.info{color:#2563eb;background:#eff6ff}.statIcon.danger{color:#dc2626;background:#ffdad6}.statIcon.purple{color:var(--primary);background:#e1e0ff}.positiveText{color:#059669!important}.dangerText{color:#d00000!important}.dashboardChartCard,.dashboardTableCard{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;overflow:hidden}.dashboardChartCard{padding:24px}.dashboardChartHeader{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dashboardChartHeader h3,.dashboardTableCard h3{color:var(--primary);margin:0;font-size:18px;font-weight:600;line-height:28px}.dashboardChartHeader p{color:var(--secondary);margin:4px 0 0;font-size:14px;line-height:20px}.segmentedControl{background:var(--primary-fixed);border-radius:8px;align-items:center;padding:4px;display:inline-flex}.segmentedControl button{color:#303544;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:76px;min-height:36px;font-size:14px;font-weight:600;line-height:20px}.segmentedControl button.active{color:var(--primary);background:#fff;box-shadow:0 0 0 1px #fffc}.dashboardBarChart{justify-content:space-between;align-items:flex-end;gap:10px;height:260px;padding:36px 12px 0;display:flex}.dashboardChartBar{background:#cbd0e5;border-radius:3px 3px 0 0;width:8%;min-width:34px;max-width:72px}.dashboardChartTicks{color:#4d5363;letter-spacing:.08em;justify-content:space-between;padding:16px 12px 0;font-size:12px;font-weight:600;line-height:16px;display:flex}.dashboardTableCard>header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 20px;display:flex}.dashboardTableCard>header a{color:var(--primary);font-size:15px;font-weight:800;line-height:20px;text-decoration:none}.tableScroll{overflow-x:auto}.dashboardTable{border-collapse:collapse;width:100%;min-width:820px}.dashboardTable th{color:#5b6b82;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#eff4ff;padding:12px 20px;font-size:12px;font-weight:600;line-height:16px}.dashboardTable td{border-top:1px solid var(--outline-variant);color:#111827;height:56px;padding:0 20px;font-size:14px;line-height:20px}.dashboardTable td a,.dashboardTable .amount{color:var(--primary);font-weight:600;text-decoration:none}.dashboardTable .right{text-align:right}.statusPill{border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:24px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.statusPill.paid{color:#166534;background:#dcfce7}.statusPill.unpaid{color:#854d0e;background:#fef9c3}.statusPill.overdue{color:#991b1b;background:#fee2e2}.rowActionButton{color:#4d5363;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:inline-grid}.rowActionButton:hover{background:var(--surface-container-low);color:var(--primary)}.dashboardEmptyState{color:var(--secondary);text-align:center;place-items:center;gap:8px;padding:56px 24px;display:grid}.dashboardEmptyState .material-symbols-outlined{color:var(--outline-variant);font-size:48px}.dashboardEmptyState h3,.dashboardEmptyState p{margin:0}.productScreen{gap:32px;display:grid}.listPageHeader{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.listPageHeader nav{color:var(--secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;line-height:16px;display:flex}.listPageHeader nav .material-symbols-outlined{font-size:14px}.listPageHeader nav strong{color:var(--primary)}.listPageHeader h2{color:var(--primary);letter-spacing:0;margin:0;font-size:36px;font-weight:800;line-height:44px}.listPageActions{align-items:center;gap:12px;display:flex}.primaryActionButton.compact,.secondaryActionButton.compact{border:1px solid var(--outline-variant);min-height:42px;padding:0 16px;font-size:14px;font-weight:700;line-height:20px}.primaryActionButton.compact{border-color:var(--primary)}.inventoryStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.inventoryStatsGrid article{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;align-content:start;gap:8px;min-height:128px;padding:24px;display:grid}.inventoryStatsGrid span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.inventoryStatsGrid strong{color:var(--primary);font-size:24px;font-weight:700;line-height:32px}.inventoryStatsGrid small{color:var(--secondary);align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.inventoryStatsGrid small .material-symbols-outlined{font-size:16px}.warningText{color:#d97706!important}.dataCard{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.dataCardToolbar,.dataCardFooter{justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.dataCardToolbar{border-bottom:1px solid var(--outline-variant)}.dataCardFooter{border-top:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--secondary);font-size:14px;line-height:20px}.dataCardFooter p{margin:0}.dataCardFooter strong{color:var(--on-surface)}.notificationsScreen{gap:24px;display:grid}.notificationsCard{margin-top:0}.notificationsList{flex-direction:column;gap:12px;padding:16px;display:flex}.notificationBulkAction .material-symbols-outlined{flex:0 0 20px;width:20px;font-size:20px;line-height:1}.notificationItem{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);cursor:pointer;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:78px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.notificationItem:hover{border-color:var(--primary-fixed-dim);box-shadow:0 8px 18px #14258814}.notificationItem:focus-visible{outline-offset:2px;outline:3px solid #4755b638}.notificationItem:active{transform:translateY(1px)}.notificationItem.unread{background:var(--surface-container-low)}.notificationIcon{background:var(--surface-container-high);width:40px;height:40px;color:var(--on-surface-variant);border-radius:999px;place-items:center;display:grid}.notificationItem.unread .notificationIcon{background:var(--primary);color:var(--on-primary)}.notificationIcon.payment{color:var(--positive);background:#e6f4ea}.notificationIcon.stock{color:var(--warning);background:#fff3e0}.notificationIcon.system{background:var(--primary-fixed);color:var(--primary)}.notificationItem.unread .notificationIcon.payment,.notificationItem.unread .notificationIcon.stock,.notificationItem.unread .notificationIcon.system,.notificationItem.unread .notificationIcon.invoice{background:var(--primary);color:var(--on-primary)}.notificationIcon .material-symbols-outlined{font-size:22px;line-height:1}.notificationBody{min-width:0}.notificationMeta{margin-bottom:4px}.notificationMeta h3{min-width:0;color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;line-height:22px;overflow:hidden}.notificationItem.read .notificationMeta h3{font-weight:600}.notificationBody p{color:var(--on-surface-variant);margin:0;font-size:14px;line-height:21px}.notificationControls{align-items:center;gap:16px;display:flex}.notificationControls small{color:var(--outline);flex:none;font-size:13px;line-height:18px}.notificationActions{align-items:center;gap:8px;display:flex}.notificationItem.read .notificationActions{opacity:.72}.notificationActionButton{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;transition:background .16s,border-color .16s,transform .16s;display:grid}.notificationActionButton .material-symbols-outlined{font-size:20px;line-height:1}.notificationActionButton.mark{color:var(--primary)}.notificationActionButton.delete{color:var(--error)}.notificationActionButton:hover{border-color:var(--outline-variant);background:var(--surface-container-lowest)}.notificationActionButton:active{transform:scale(.96)}.inlineSearch{align-items:center;width:min(100%,360px);display:flex;position:relative}.inlineSearch .material-symbols-outlined{color:var(--outline);font-size:21px;position:absolute;left:12px}.inlineSearch input{border:1px solid var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:40px;color:var(--on-surface);border-radius:8px;outline:0;padding:0 12px 0 40px;font-size:14px;line-height:20px}.inlineSearch input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.inventoryTable{border-collapse:collapse;width:100%;min-width:1040px}.inventoryTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--secondary);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 24px;font-size:12px;font-weight:700;line-height:16px}.inventoryTable td{border-top:1px solid var(--outline-variant);height:72px;color:var(--secondary);padding:0 24px;font-size:14px;line-height:20px}.inventoryTable .right{text-align:right}.inventoryTable .amount{color:var(--primary);font-weight:700}.productNameCell{align-items:center;gap:12px;display:flex}.productNameCell strong{color:var(--primary);font-size:14px;font-weight:700;line-height:20px}.productThumb{border:1px solid var(--outline-variant);background:var(--surface-container);color:#000f6480;border-radius:4px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.productThumb.muted{filter:grayscale();opacity:.55}.productThumb img{object-fit:cover;width:100%;height:100%}.rowActions button{width:32px;height:32px;color:var(--outline);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid}.rowActions button:hover{background:var(--surface-container-low);color:var(--primary)}.modalOverlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1c3033;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.productModal{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-direction:column;width:min(672px,100%);max-height:min(921px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.productModal>header,.productModal>footer{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.productModal>header{border-bottom:1px solid var(--outline-variant)}.productModal>header h2{color:var(--on-surface);margin:0;font-size:24px;font-weight:600;line-height:32px}.productModal>header p{color:var(--on-surface-variant);margin:4px 0 0;font-size:14px;line-height:20px}.productModal>header button{width:40px;height:40px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.productModal>header button:hover{background:var(--surface-container-low);color:var(--primary)}.productModalBody{flex:1;gap:28px;padding:28px 24px;display:grid;overflow-y:auto}.modalSection{gap:20px;display:grid}.modalSection+.modalSection{border-top:1px solid var(--outline-variant);padding-top:24px}.modalSection h3{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:16px}.modalGrid{gap:0 16px;display:grid}.modalGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modalGrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.spanTwo{grid-column:span 2}.modalField{flex-direction:column;gap:4px;padding-bottom:20px;display:flex;position:relative}.modalField>span,.modalField>div>span{color:var(--on-surface);font-size:14px;font-weight:600;line-height:20px}.modalField b{color:var(--error)}.modalField input,.inputWithPrefix,.inputWithSuffix,.selectField{border:1px solid var(--outline-variant);box-sizing:border-box;background:#fff;border-radius:4px;height:48px;min-height:48px}.modalField textarea{border:1px solid var(--outline-variant);background:#fff;border-radius:4px;min-height:98px}.modalField input,.modalField textarea,.modalField select{width:100%;color:var(--on-surface);outline:0;padding:0 12px;font-size:14px;line-height:20px}.modalField textarea{resize:vertical;min-height:98px;padding-top:10px}.modalField select{appearance:none;box-sizing:border-box;background:0 0;border:0;height:46px;min-height:46px;padding-right:36px}.modalField input:focus,.modalField textarea:focus,.inputWithPrefix:focus-within,.inputWithSuffix:focus-within,.selectField:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.modalField input.hasError,.modalField textarea.hasError,.modalField select.hasError,:is(.inputWithPrefix:has(input.hasError),.inputWithSuffix:has(input.hasError),.selectField:has(select.hasError)){border-color:var(--error)}.modalField small{color:var(--error);margin:0;font-size:12px;line-height:16px;position:absolute;bottom:0;left:0}.inputWithPrefix{grid-template-columns:32px minmax(0,1fr);align-items:center;display:grid}.inputWithPrefix>span{color:var(--on-surface-variant);justify-self:center}.inputWithPrefix input{box-sizing:border-box;border:0;height:46px;min-height:46px;padding-left:0}.inputWithSuffix{grid-template-columns:minmax(0,1fr) 32px;align-items:center;display:grid}.inputWithSuffix input{box-sizing:border-box;border:0;height:46px;min-height:46px;padding-right:0}.inputWithSuffix>span{color:var(--on-surface-variant);justify-self:center}.selectField{position:relative}.selectField>.material-symbols-outlined{color:var(--on-surface-variant);pointer-events:none;font-size:20px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.productModal>footer{border-top:1px solid var(--outline-variant);justify-content:flex-end}.customerModal>header,.customerModal>footer{background:var(--surface-bright);border-color:#c6c5d44d}.customerModal>header h2{font-size:24px;font-weight:600;line-height:32px}.modalTextButton,.modalPrimaryButton{cursor:pointer;border-radius:4px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px}.modalTextButton{color:var(--primary);background:0 0;border:1px solid #0000}.modalTextButton:hover{border-color:var(--outline-variant)}.modalPrimaryButton{border:1px solid var(--primary);background:var(--primary);color:#fff}.customerScreen{gap:32px;display:grid}.slashBreadcrumb{margin-top:8px;gap:8px!important;margin-bottom:0!important}.segmentedFilter{border:1px solid var(--outline-variant);background:#fff;border-radius:8px;align-items:center;gap:2px;padding:4px;display:inline-flex}.segmentedFilter button{min-height:36px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 18px;font-size:15px;font-weight:600;line-height:22px}.segmentedFilter button.active{background:var(--surface-container);color:var(--primary)}.selectFilter{align-items:center;display:inline-flex;position:relative}.selectFilter select{appearance:none;border:1px solid var(--outline-variant);min-height:44px;color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;outline:0;padding:0 46px 0 18px;font-size:16px;line-height:24px}.selectFilter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.selectFilter .material-symbols-outlined{color:var(--outline);pointer-events:none;position:absolute;right:14px}.customerSearch{width:min(100%,520px)}.customerTable{border-collapse:collapse;width:100%;min-width:960px}.customerTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface-container);color:var(--secondary);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 24px;font-size:12px;font-weight:700;line-height:16px}.customerTable td{height:72px;color:var(--secondary);border-top:1px solid #c6c5d480;padding:0 24px;font-size:14px;line-height:20px}.customerTable tbody tr{cursor:pointer;transition:background .16s}.customerTable tbody tr:hover{background:#f0f2ff}.customerTable .right{text-align:right}.customerTable td>small,.customerNameCell small{color:var(--outline);margin-top:2px;font-size:12px;line-height:16px;display:block}.customerNameCell{align-items:center;gap:14px;display:flex}.customerNameCell strong{color:var(--primary);font-size:16px;font-weight:700;line-height:24px}.customerAvatar{border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;line-height:18px;display:grid}.customerAvatar.primary{background:var(--primary-container);color:#fff}.customerAvatar.secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.customerAvatar.tertiary{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.customerAvatar.quaternary{background:var(--primary-fixed);color:var(--on-primary-fixed)}.chevronCell{color:var(--outline);transition:color .16s}.customerTable tr:hover .chevronCell{color:var(--primary)}.paginationControls{align-items:center;gap:8px;display:inline-flex}.paginationControls button{border:1px solid var(--outline-variant);width:38px;height:38px;color:var(--outline);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid}.paginationControls button.active{color:var(--primary);background:#fff;font-weight:800}.customerDetailPane{z-index:80;border-left:1px solid var(--outline-variant);background:#fff;flex-direction:column;width:480px;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.customerDetailPane.open{transform:translate(0)}.customerDetailPane>header,.customerDetailPane>footer{justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.customerDetailPane>header{border-bottom:1px solid var(--outline-variant);background:var(--surface)}.customerDetailPane h3{color:var(--primary);margin:0;font-size:24px;font-weight:700;line-height:32px}.customerDetailPane header p{color:var(--secondary);margin:2px 0 0;font-size:14px;line-height:20px}.customerDetailPane header button{width:40px;height:40px;color:var(--outline);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.customerDetailPane header button:hover{background:var(--surface-container-low);color:var(--primary)}.customerDetailBody{background:var(--surface);flex:1;align-content:start;gap:32px;padding:24px;display:grid;overflow-y:auto}.customerDetailStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.customerDetailStats article{background:var(--surface-container-low);border-radius:12px;padding:16px}.customerDetailStats span{color:var(--outline);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px;display:block}.customerDetailStats strong{color:var(--primary);margin-top:4px;font-size:24px;font-weight:800;line-height:32px;display:block}.detailSection{gap:16px;display:grid}.detailSection h4{border-bottom:1px solid var(--outline-variant);color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;margin:0;padding-bottom:8px;font-size:12px;font-weight:700;line-height:16px}.detailSection dl{gap:16px;margin:0;display:grid}.detailSection dl div{justify-content:space-between;gap:18px;display:flex}.detailSection dt{color:var(--outline)}.detailSection dd{color:var(--primary);text-align:right;margin:0;font-weight:600}.detailSectionHeader{justify-content:space-between;align-items:center;display:flex}.detailSectionHeader h4{border:0;padding:0}.detailSectionHeader button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800;line-height:16px}.detailEmpty{border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--outline);text-align:center;border-radius:8px;padding:14px}.notesBox{position:relative}.notesBox textarea{border:1px solid var(--outline-variant);width:100%;min-height:96px;color:var(--secondary);resize:vertical;background:#fff;border-radius:8px;outline:0;padding:12px 44px 12px 12px}.notesBox button{color:var(--primary);cursor:pointer;background:0 0;border:0;position:absolute;bottom:12px;right:12px}.notesBox button:disabled{color:var(--outline);cursor:not-allowed}.customerRecentInvoices{gap:8px;display:grid}.customerRecentInvoices a{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:inherit;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 12px;text-decoration:none;display:grid}.customerRecentInvoices a:hover{border-color:var(--primary-fixed-dim);color:var(--primary)}.customerRecentInvoices small{color:var(--secondary)}.customerRecentInvoices strong{color:var(--on-surface);grid-row:span 2;font-size:13px}.customerDetailPane>footer{border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}.customerDetailPane>footer button:first-child{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:8px;flex:1;min-height:48px;font-size:18px;font-weight:700;line-height:26px}.customerDetailPane>footer button:last-child{border:1px solid var(--outline-variant);width:48px;min-height:48px;color:var(--error);cursor:pointer;background:#fff;border-radius:8px}.drawerOverlay{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#000f6433;border:0;position:fixed;inset:0}.customerModal .modalSection.titled h3{color:var(--on-surface);letter-spacing:0;text-transform:none;border-bottom:1px solid #c6c5d44d;padding-bottom:8px;font-size:18px;font-weight:700;line-height:28px}.iconField>div{position:relative}.iconField>div>.material-symbols-outlined{color:var(--on-surface-variant);font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.iconField input{padding-left:40px}.addressPanel,.shippingPanel{background:var(--surface-container-low);border:1px solid #c6c5d44d;border-radius:8px;padding:16px}.addressPanel h4,.shippingPanel h4{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;line-height:16px;display:flex}.addressPanel textarea{border:1px solid var(--outline-variant);width:100%;min-height:96px;color:var(--on-surface);resize:vertical;background:#fff;border-radius:4px;outline:0;padding:10px 12px}.addressPanel textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.toggleRow{cursor:pointer;color:var(--on-surface);align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.toggleRow input{opacity:0;position:absolute}.toggleRow>span{background:var(--surface-variant);border-radius:999px;width:44px;height:24px;transition:background .16s;position:relative}.toggleRow>span:after{content:"";border:1px solid var(--outline-variant);background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:2px;left:2px}.toggleRow input:checked+span{background:var(--primary)}.toggleRow input:checked+span:after{transform:translate(20px)}.shippingPanel{background:#fff;border-style:dashed}.shippingPanel p{color:var(--on-surface-variant);text-align:center;margin:0;padding:16px}.modalPrimaryButton{align-items:center;gap:8px;display:inline-flex}.invoiceScreen{gap:24px;width:min(1280px,100%);margin:0 auto;display:grid}.invoicePageHeader{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.invoicePageHeader h2{color:var(--primary);letter-spacing:0;margin:0 0 4px;font-size:36px;font-weight:800;line-height:44px}.invoicePageHeader p{color:var(--secondary);margin:0;font-size:16px;line-height:24px}.invoiceFilterBar{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.invoiceSearch{flex:240px;width:auto;min-width:240px}.invoiceSearch input,.dateFilter input{background:var(--surface-bright)}.invoiceStatusFilter{align-items:center;gap:8px;display:flex}.invoiceStatusFilter>span{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;margin-right:8px;font-size:12px;font-weight:700;line-height:16px}.invoiceStatusFilter>div{border:1px solid var(--outline-variant);background:var(--surface-container);border-radius:8px;align-items:center;padding:4px;display:flex}.invoiceStatusFilter button{min-height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px}.invoiceStatusFilter button.active{color:var(--primary);background:#fff;box-shadow:0 1px 2px #14258814}.dateFilter{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);min-height:40px;color:var(--on-surface);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.dateFilter span{color:var(--outline)}.dateFilter input{width:auto;min-width:120px;color:inherit;cursor:pointer;background:0 0;border:none;outline:0;padding:0;font-family:inherit;font-size:14px;line-height:20px}.filterIconButton{border:1px solid var(--outline-variant);width:40px;height:40px;color:var(--secondary);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.filterIconButton:hover{background:var(--surface-container-low)}.invoiceDataCard{border-radius:12px}.invoiceTable{border-collapse:collapse;width:100%;min-width:1060px}.invoiceTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface-bright);color:var(--secondary);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 32px;font-size:12px;font-weight:700;line-height:16px}.invoiceTable td{border-top:1px solid var(--outline-variant);height:72px;color:var(--secondary);padding:0 32px;font-size:14px;line-height:20px}.invoiceTable tbody tr{transition:background .16s}.invoiceTable tbody tr:hover{background:#e0e2ef80}.invoiceTable .right{text-align:right}.invoiceTable td>a,.invoiceTable .amount{color:var(--primary);font-weight:800;text-decoration:none}.invoiceCustomerCell{align-items:center;gap:12px;display:flex}.invoiceCustomerCell strong,.invoiceCustomerCell small{display:block}.invoiceCustomerCell strong{color:var(--on-surface);font-size:14px;font-weight:700;line-height:20px}.invoiceCustomerCell small{color:var(--secondary);font-size:11px;line-height:16px}.invoiceAvatar{border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;line-height:16px;display:grid}.invoiceAvatar.tone0{background:var(--primary-container);color:#fff}.invoiceAvatar.tone1{background:var(--tertiary-container);color:#fff}.invoiceAvatar.tone2{background:var(--secondary-container);color:var(--on-secondary-container)}.invoiceAvatar.tone3{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.invoiceStatusPill{border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 10px;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.invoiceStatusPill i{border-radius:999px;width:6px;height:6px}.invoiceStatusPill.paid{color:#15803d;background:#dcfce7}.invoiceStatusPill.paid i{background:#16a34a}.invoiceStatusPill.unpaid{color:#a16207;background:#fef9c3}.invoiceStatusPill.unpaid i{background:#ca8a04}.invoiceStatusPill.overdue,.invoiceStatusPill.cancelled{color:#b91c1c;background:#fee2e2}.invoiceStatusPill.overdue i,.invoiceStatusPill.cancelled i{background:#dc2626}.invoiceRowActions{opacity:0;justify-content:flex-end;gap:4px;transition:opacity .16s;display:inline-flex}.invoiceTable tr:hover .invoiceRowActions{opacity:1}.invoiceRowActions a,.invoiceRowActions button{width:32px;height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;text-decoration:none;display:grid}.invoiceRowActions a:hover,.invoiceRowActions button:hover{background:var(--surface-container);color:var(--primary)}.invoiceRowActions .material-symbols-outlined{font-size:18px}.invoiceEmptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:96px 32px;display:flex}.invoiceEmptyState>div{background:var(--surface-container);border-radius:999px;place-items:center;width:256px;height:256px;display:grid;position:relative;overflow:hidden}.invoiceEmptyState>div:after{content:"";opacity:.6;background:linear-gradient(#0000 38%,#fff);position:absolute;inset:0}.invoiceEmptyState .material-symbols-outlined{color:#000f644d;z-index:1;font-size:64px}.invoiceEmptyState h3{color:var(--primary);margin:32px 0 8px;font-size:24px;font-weight:700;line-height:32px}.invoiceEmptyState p{max-width:390px;color:var(--secondary);margin:0;font-size:16px;line-height:24px}.invoiceEmptyState a{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:40px;margin-top:24px;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}.createInvoiceScreen{gap:32px;width:min(1400px,100%);margin:0 auto;padding-bottom:64px;display:grid}.createInvoiceLayout{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:1024px){.createInvoiceLayout{grid-template-columns:minmax(0,1fr) 450px}}.createInvoicePreviewSticky{position:sticky;top:24px}.createInvoicePreviewTitle{color:var(--on-surface);margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600}.createInvoicePreviewWrapper{border:1px solid var(--outline-variant);background:var(--surface-color);border-radius:8px;max-height:calc(100vh - 100px);overflow:auto}.createInvoicePreviewScaler{transform-origin:0 0;min-width:600px}@media (min-width:1024px){.createInvoicePreviewScaler{zoom:.75}}@media (max-width:1023px){.createInvoicePreviewScaler{min-width:100%}}.createInvoiceHeader{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.createInvoiceHeader h2{margin:0}.createInvoiceHeader p{color:var(--secondary);margin:4px 0 0;font-size:16px;line-height:24px}.createInvoiceHeader h2{color:var(--primary);letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}.createInvoiceActions{align-items:center;gap:16px;display:flex}.createInvoicePrimaryButton,.createInvoiceSecondaryButton,.createInvoiceAddLine,.createInvoiceInlineAction{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.createInvoicePrimaryButton,.createInvoiceSecondaryButton{min-height:44px;padding:0 24px}.createInvoicePrimaryButton{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary)}.createInvoicePrimaryButton:hover:not(:disabled){background:var(--primary-container)}.createInvoiceSecondaryButton{border:1px solid var(--primary);background:var(--surface-container-lowest);color:var(--primary)}.createInvoiceSecondaryButton:hover{background:var(--secondary-container)}.createInvoicePrimaryButton:active,.createInvoiceSecondaryButton:active{transform:scale(.98)}.createInvoicePrimaryButton .material-symbols-outlined{font-size:20px}.createInvoiceRequired{text-align:center;place-items:center;width:min(720px,100%);margin:0 auto;padding:96px 32px;display:grid}.createInvoiceRequired>div{background:var(--surface-container);border-radius:999px;place-items:center;width:256px;height:256px;margin-bottom:32px;display:grid;position:relative;overflow:hidden}.createInvoiceRequired>div:after{content:"";opacity:.6;background:linear-gradient(#0000 38%,#fff);position:absolute;inset:0}.createInvoiceRequired .material-symbols-outlined{color:#000f644d;z-index:1;font-size:64px}.createInvoiceRequired h3{color:var(--primary);margin:0 0 8px;font-size:24px;font-weight:600;line-height:32px}.createInvoiceRequired p{max-width:360px;color:var(--secondary);margin:0;font-size:16px;line-height:24px}.createInvoiceForm{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px;min-width:0;padding:32px;box-shadow:0 10px 15px -3px #000f640d,0 4px 6px -2px #000f6408}.createInvoiceMetaGrid{border-bottom:1px solid var(--outline-variant);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:40px;padding-bottom:40px;display:grid}.createInvoiceField{gap:8px;display:grid}.createInvoiceField.customer{grid-column:span 6}.createInvoiceMetaGrid>.createInvoiceField:not(.customer){grid-column:span 3}.createInvoiceField>span{color:var(--on-surface-variant);font-size:14px;font-weight:500;line-height:20px}.createInvoiceField b{color:var(--error)}.createInvoiceField input,.createInvoiceField select,.createInvoiceField textarea{border:1px solid var(--outline-variant);background:var(--surface-bright);width:100%;min-height:48px;color:var(--on-surface);border-radius:8px;outline:0;padding:0 16px;font-size:16px;line-height:24px}.createInvoiceField textarea{resize:vertical;min-height:112px;padding-top:12px;font-size:14px;line-height:20px}.createInvoiceField input:focus,.createInvoiceField select:focus,.createInvoiceField textarea:focus,.createInvoiceSelect:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #000f6433}.createInvoiceSelect{border:1px solid var(--outline-variant);background:var(--surface-bright);border-radius:8px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;display:grid}.createInvoiceSelect select{appearance:none;background:0 0;border:0;min-height:46px}.createInvoiceSelect .material-symbols-outlined{color:var(--outline);justify-self:center}.createInvoiceInlineAction{color:var(--primary);background:0 0;border:0;justify-self:start;align-items:center;gap:4px;padding:0;font-size:14px;line-height:20px;text-decoration:none;display:inline-flex}.createInvoiceInlineAction:hover{text-decoration:underline}.createInvoiceInlineAction .material-symbols-outlined{font-size:18px}.createInvoiceItems{margin-bottom:40px}.createInvoiceItems header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.createInvoiceItems h3{color:var(--primary);margin:0;font-size:18px;font-weight:600;line-height:28px}.createInvoiceTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.createInvoiceTable{border-collapse:collapse;width:100%;min-width:780px}.createInvoiceTable th,.createInvoiceTable td{text-align:left;vertical-align:middle;border:0;padding:8px 16px}.createInvoiceTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.createInvoiceTable th:first-child{width:35%}.createInvoiceTable th.right,.createInvoiceTable td.right{text-align:right}.createInvoiceTable td{border-bottom:1px solid var(--outline-variant)}.createInvoiceTable tr:hover td{background:var(--secondary-container)}.createInvoiceTable select,.createInvoiceTable input{border:1px solid var(--outline-variant);min-height:40px;color:var(--on-surface);background:0 0;border-radius:4px;outline:0;padding:0 8px;font-size:14px;line-height:20px}.createInvoiceTable select{width:100%}.createInvoiceTable input{text-align:right;width:80px}.createInvoiceTable .amount{color:var(--on-surface);font-size:14px;font-weight:500;line-height:20px}.createInvoiceTable .rowAction{width:56px}.createInvoiceTable .rowAction button{width:32px;height:32px;color:var(--error);cursor:pointer;opacity:.5;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.createInvoiceTable .rowAction button:hover:not(:disabled){opacity:1}.createInvoiceTable .rowAction button:disabled{opacity:.2;cursor:not-allowed}.createInvoiceTable .rowAction .material-symbols-outlined{font-size:20px}.createInvoiceAddLine{background:var(--secondary-container);min-height:40px;color:var(--primary);border:0;margin-top:24px;padding:0 16px;font-size:14px;line-height:20px}.createInvoiceAddLine:hover{background:var(--secondary-fixed)}.createInvoiceFooterGrid{flex-wrap:wrap;gap:48px;display:flex}.createInvoiceTerms{flex:300px;gap:24px;display:grid}.paymentModeGrid{flex-wrap:wrap;gap:16px;display:flex}.paymentModeGrid label{border:1px solid var(--outline-variant);cursor:pointer;border-radius:8px;flex:120px;align-items:center;gap:12px;min-width:120px;min-height:52px;padding:0 12px;transition:background .16s,border-color .16s;display:flex}.paymentModeGrid label:hover{background:var(--surface-bright)}.paymentModeGrid label:has(input:checked){border-color:var(--primary);background:var(--secondary-container)}.paymentModeGrid input{width:16px;height:16px;accent-color:var(--primary)}.paymentModeGrid span{color:var(--on-surface);text-transform:capitalize;font-size:14px;font-weight:600;line-height:20px}.createInvoiceField.discount input{max-width:320px}.createInvoiceSummary{background:var(--surface-container-low);border-radius:12px;flex-direction:column;flex:320px;justify-content:flex-end;padding:24px;display:flex}.createInvoiceSummary>div:not(.createInvoiceErrors){justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.createInvoiceSummary span{color:var(--secondary);font-size:16px;line-height:24px}.createInvoiceSummary strong{color:var(--on-surface);font-size:16px;font-weight:500;line-height:24px}.createInvoiceSummary strong.danger{color:var(--error)}.createInvoiceErrors{color:var(--error);border-top:1px solid #ba1a1a33;margin:8px 0 16px;padding-top:16px;font-size:14px;line-height:20px}.createInvoiceErrors p{margin:0 0 4px}.createInvoiceGrandTotal{border-top:2px solid var(--primary);padding-top:16px;margin:8px 0 0!important}.createInvoiceGrandTotal span{color:var(--primary);font-size:18px;font-weight:600;line-height:28px}.createInvoiceGrandTotal strong{color:var(--primary);font-size:24px;font-weight:600;line-height:32px}.settingsScreen{gap:24px;width:min(1024px,100%);margin:0 auto;display:grid}.settingsHeader h2{color:var(--on-background);letter-spacing:0;margin:0 0 8px;font-size:36px;font-weight:700;line-height:44px}.settingsHeader p{color:var(--on-surface-variant);margin:0;font-size:16px;line-height:24px}.settingsTabs{border-bottom:1px solid var(--outline-variant);align-items:center;display:flex;overflow-x:auto}.settingsTabs button{min-height:52px;color:var(--on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 16px;font-size:18px;font-weight:600;line-height:28px}.settingsTabs button:hover:not(:disabled){background:var(--surface-container-low);color:var(--primary)}.settingsTabs button.active{border-bottom-color:var(--primary);color:var(--primary)}.settingsForm{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:16px;display:grid}.settingsSideColumn,.settingsMainColumn,.settingsMainColumn form{align-content:start;gap:16px;display:grid}.settingsPanel{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px;padding:24px;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.settingsPanel h3{color:var(--on-background);margin:0 0 16px;font-size:18px;font-weight:600;line-height:28px}.settingsPanel>p{color:var(--on-surface-variant);margin:0 0 24px;font-size:14px;line-height:20px}.settingsLogoDropzone{border:2px dashed var(--outline-variant);background:var(--surface);width:100%;min-height:252px;color:var(--primary);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:background .16s;display:flex;position:relative;overflow:hidden}.settingsLogoDropzone:before{content:"";opacity:0;background:#000f640d;transition:opacity .16s;position:absolute;inset:0}.settingsLogoDropzone:hover:not(:disabled){background:var(--surface-container-low)}.settingsLogoDropzone:hover:not(:disabled):before{opacity:1}.settingsLogoDropzone img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 8px #1425881f);width:128px;height:128px;margin-bottom:16px}.settingsLogoDropzone span,.settingsLogoDropzone small{z-index:1}.settingsLogoDropzone span{color:var(--primary);font-size:18px;font-weight:600;line-height:28px}.settingsLogoDropzone small{color:var(--on-surface-variant);margin-top:4px;font-size:14px;line-height:20px}.settingsPlanList{gap:16px;margin:0;font-size:14px;line-height:20px;display:grid}.settingsPlanList div{border-bottom:1px solid #c6c5d480;justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;display:flex}.settingsPlanList div:last-child{border-bottom:0;padding-bottom:0}.settingsPlanList dt,.settingsPlanList dd{margin:0}.settingsPlanList dt{color:var(--secondary)}.settingsPlanList dd{color:var(--on-surface);font-weight:500}.settingsPlanList dd.premium,.settingsPlanList dd.free{text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}.settingsPlanList dd.premium{color:#047857;background:#ecfdf5}.settingsPlanList dd.free{color:#b45309;background:#fef3c7}.settingsPanel.formPanel{gap:24px;display:grid}.settingsPanel.formPanel h3{border-bottom:1px solid var(--outline-variant);margin-bottom:0;padding-bottom:16px}.settingsPanelHeader{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.settingsPanelHeader h3{border-bottom:0!important;padding-bottom:0!important}.settingsSegmented{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:8px;align-items:center;padding:3px;display:inline-flex}.settingsSegmented button{min-height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px;font-weight:700;line-height:18px}.settingsSegmented button.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:0 1px 3px #1425881a}.settingsFieldGrid{gap:24px;display:grid}.settingsFieldGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsField{gap:8px;display:grid}.settingsField>span{color:var(--on-background);font-size:18px;font-weight:600;line-height:28px}.settingsField b{color:var(--error)}.settingsField input,.settingsField select,.settingsField textarea,.settingsVerifiedInput{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;width:100%;min-height:44px}.settingsField input,.settingsField select,.settingsField textarea{color:var(--on-background);outline:0;padding:0 12px;font-size:16px;line-height:24px}.settingsField textarea{resize:vertical;min-height:92px;padding-top:10px}.settingsField input:focus,.settingsField select:focus,.settingsField textarea:focus,.settingsVerifiedInput:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.settingsField input.hasError,.settingsField textarea.hasError{border-color:var(--error)}.settingsField small{color:var(--error);font-size:12px;line-height:16px}.settingsField em{color:var(--secondary);font-size:14px;font-style:normal;line-height:20px}.settingsVerifiedInput{grid-template-columns:minmax(0,1fr) 42px;align-items:center;display:grid}.settingsVerifiedInput input{text-transform:uppercase;border:0;min-height:42px}.settingsVerifiedInput .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1;justify-self:center;font-size:20px}.settingsActionBar{border-top:1px solid var(--outline-variant);justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.settingsActionBar>div{flex:1}.settingsError,.settingsSuccess{margin:0;font-size:14px;font-weight:500;line-height:20px}.settingsError{color:var(--error)}.settingsSuccess{color:#059669}.settingsMuted{color:var(--secondary);margin:0;font-size:13px;line-height:18px}.settingsPlanGate{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:8px;align-items:flex-start;gap:14px;padding:16px;display:flex}.settingsPlanGate>.material-symbols-outlined{background:var(--primary);width:38px;height:38px;color:var(--on-primary);border-radius:999px;place-items:center;font-size:20px;display:grid}.settingsPlanGate strong,.settingsPlanGate p{margin:0}.settingsPlanGate strong{color:var(--on-surface)}.settingsPlanGate p{color:var(--secondary);margin-top:4px;font-size:14px;line-height:20px}.settingsPrimaryButton,.settingsSecondaryButton{cursor:pointer;border-radius:8px;min-height:44px;padding:0 24px;font-size:18px;font-weight:600;line-height:28px}.settingsPrimaryButton{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);box-shadow:0 1px 2px #000f6414}.settingsPrimaryButton:hover:not(:disabled){background:var(--on-primary-fixed-variant)}.settingsSecondaryButton{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-background)}.settingsSecondaryButton:hover{background:var(--surface-container-low)}.setupShopScreen{gap:32px;width:min(768px,100%);margin:0 auto;display:grid}.setupShopScreen>header{align-items:center;gap:18px;display:flex}.setupShopScreen>header>.material-symbols-outlined{background:var(--surface-container);width:56px;height:56px;color:var(--primary);border-radius:12px;flex:none;place-items:center;font-size:28px;display:grid}.setupShopScreen h2{color:var(--primary);margin:0;font-size:36px;font-weight:700;line-height:44px}.setupShopScreen header p{color:var(--secondary);margin:4px 0 0;font-size:16px;line-height:24px}.setupShopForm{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.setupShopForm>section{gap:24px;padding:32px;display:grid}.setupShopForm h3{border-bottom:1px solid var(--outline-variant);color:var(--on-background);margin:0;padding-bottom:16px;font-size:18px;font-weight:600;line-height:28px}.setupShopGrid{gap:24px;display:grid}.setupShopGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.setupShopField{gap:8px;display:grid}.setupShopField>span{color:var(--on-background);font-size:18px;font-weight:600;line-height:28px}.setupShopField b{color:var(--error)}.setupShopField input,.setupShopField textarea{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);width:100%;min-height:44px;color:var(--on-background);border-radius:8px;outline:0;padding:0 12px;font-size:16px;line-height:24px}.setupShopField input.uppercase{text-transform:uppercase}.setupShopField textarea{resize:vertical;min-height:92px;padding-top:10px}.setupShopField input:focus,.setupShopField textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.setupShopField input.hasError,.setupShopField textarea.hasError{border-color:var(--error)}.setupShopField small{color:var(--error);font-size:12px;line-height:16px}.setupShopForm footer{border-top:1px solid var(--outline-variant);gap:10px;padding:24px 32px;display:grid}.setupShopForm footer button{border:1px solid var(--primary);background:var(--primary);min-height:52px;color:var(--on-primary);cursor:pointer;border-radius:8px;font-size:18px;font-weight:600;line-height:28px}.setupShopForm footer button:hover:not(:disabled){background:var(--on-primary-fixed-variant)}.setupShopForm footer p{color:var(--error);text-align:center;margin:0;font-size:14px;line-height:20px}.reportsScreen{gap:24px;width:min(1280px,100%);margin:0 auto;display:grid}.reportsHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.reportsHeader h2{color:var(--on-surface);letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:32px}.reportsActions{align-items:center;gap:12px;display:flex}.reportsDateButton,.reportsExportButton,.reportsExportMenu div button{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;font-size:14px;line-height:20px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.reportsDateButton{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--secondary);padding:0 16px;box-shadow:0 1px 2px #000f640f}.reportsDateButton:hover{border-color:var(--primary);color:var(--primary)}.reportsExportMenu{position:relative}.reportsExportButton{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:0 16px;box-shadow:0 1px 2px #000f6414}.reportsExportButton:hover{background:var(--primary-container)}.reportsDateButton .material-symbols-outlined,.reportsExportButton .material-symbols-outlined,.reportsExportMenu div .material-symbols-outlined{font-size:18px}.reportsExportMenu div{z-index:10;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);opacity:0;visibility:hidden;border-radius:8px;width:192px;padding:4px 0;transition:opacity .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #1425880d}.reportsExportMenu:hover div,.reportsExportMenu:focus-within div{opacity:1;visibility:visible}.reportsExportMenu div button{width:100%;color:var(--on-surface);text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0 16px}.reportsExportMenu div button:hover{background:var(--surface-container-low)}.reportsMetricsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.reportsMetric{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px;flex-direction:column;justify-content:space-between;height:128px;padding:20px;display:flex}.reportsMetric>div,.reportsMetric footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reportsMetric p{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:16px}.reportsMetric>div .material-symbols-outlined{color:var(--secondary);font-size:20px}.reportsMetric strong{color:var(--on-surface);letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}.reportsMetric footer>span{color:var(--secondary);align-self:end;font-size:14px;line-height:20px}.reportsMetric small{color:#059669;background:#ecfdf5;border-radius:4px;align-self:end;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.reportsMetric small .material-symbols-outlined{font-size:14px}.reportsChartGrid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;margin-top:16px;display:grid}.reportsCard,.reportsTableCard{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:12px}.reportsCard{flex-direction:column;height:400px;padding:20px;display:flex}.reportsCard header,.reportsTableCard header{justify-content:space-between;align-items:center;gap:16px;display:flex}.reportsCard header{margin-bottom:24px}.reportsCard h3,.reportsTableCard h3{color:var(--on-surface);margin:0;font-size:18px;font-weight:600;line-height:28px}.reportsCard header button{width:32px;height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.reportsCard header button:hover{color:var(--primary)}.reportsLineChart{flex:1;grid-template-columns:46px minmax(0,1fr);min-height:0;display:grid}.reportsYAxis{color:var(--secondary);flex-direction:column;justify-content:space-between;padding-bottom:30px;font-size:10px;line-height:14px;display:flex}.reportsPlot{border-bottom:1px solid var(--outline-variant);border-left:1px solid var(--outline-variant);padding-bottom:30px;position:relative}.reportsPlot>span{border-top:1px solid #c6c5d44d;height:33.333%;display:block}.reportsPlot svg{width:100%;height:calc(100% - 30px);position:absolute;inset:0 0 30px;overflow:visible}.reportsPlot path{fill:none;stroke:var(--primary);stroke-width:2px;vector-effect:non-scaling-stroke}.reportsPlot path.comparison{stroke:var(--surface-dim);stroke-dasharray:4}.reportsXAxis{border-top:1px solid var(--outline-variant);color:var(--secondary);justify-content:space-between;padding-top:8px;font-size:10px;line-height:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.reportsDonutWrap{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.reportsDonut{border:16px solid var(--primary);border-right-color:var(--surface-tint);border-bottom-color:var(--secondary-container);text-align:center;border-radius:999px;align-content:center;place-items:center;width:192px;height:192px;display:grid}.reportsDonut strong{color:var(--on-surface);font-size:36px;font-weight:700;line-height:44px}.reportsDonut span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.reportsLegend{gap:12px;width:100%;margin-top:32px;display:grid}.reportsLegend div{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:14px;line-height:20px;display:grid}.reportsLegend p{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.reportsLegend strong{color:var(--on-surface);font-weight:500}.legendDot{border-radius:999px;width:12px;height:12px}.legendDot.dot1{background:var(--primary)}.legendDot.dot2{background:var(--surface-tint)}.legendDot.dot3{background:var(--secondary-container)}.reportsTableCard{overflow:hidden}.reportsTableCard header{border-bottom:1px solid var(--outline-variant);background:var(--surface-bright);padding:20px}.reportsTableCard header button,.reportsTableCard header a{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.reportsTableCard>div{overflow-x:auto}.reportsTable{border-collapse:collapse;width:100%;min-width:720px}.reportsTable th,.reportsTable td{text-align:left;border:0;padding:12px}.reportsTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface-bright);color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.reportsTable td{color:var(--secondary);border-top:1px solid #c6c5d480;font-size:14px;line-height:20px}.reportsTable tbody tr:hover{background:var(--surface-container-low)}.reportsTable td:first-child,.reportsTable td.right{color:var(--on-surface);font-weight:500}.reportsTable .right{text-align:right}.reportsStatus{border-radius:4px;align-items:center;min-height:20px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.reportsStatus.paid{color:#047857;background:#ecfdf5}.reportsStatus.unpaid{color:#1d4ed8;background:#eff6ff}.reportsStatus.cancelled{color:#b91c1c;background:#fef2f2}.reportsEmpty{color:var(--secondary);text-align:center;padding:40px 20px;font-size:14px;line-height:20px}.invoicePreviewScreen{align-items:flex-start;gap:24px;display:flex}.invoicePreviewColumn{flex:1;min-width:0}.invoicePaper{background:#fff;border:1px solid #c6c5d44d;border-radius:8px;flex-direction:column;width:min(842px,100%);min-height:1100px;margin:0 auto;padding:48px;display:flex;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.invoicePaperHeader{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:64px;display:flex}.invoiceBrandBlock,.invoiceTitleBlock,.invoiceBillTo,.invoicePaperFooter,.invoiceTimeline,.invoiceSideCard{color:var(--on-surface)}.invoiceLogoLockup{align-items:center;gap:12px;margin-bottom:16px;display:flex}.invoiceLogoLockup img{object-fit:contain;width:48px;height:48px}.invoiceLogoLockup h2{color:var(--primary);margin:0;font-size:24px;font-weight:600;line-height:32px}.invoiceBrandBlock address,.invoiceBillTo address{color:var(--on-surface-variant);font-size:14px;font-style:normal;line-height:20px}.invoiceTitleBlock{text-align:right;justify-items:end;display:grid}.invoiceTitleBlock h3{color:var(--primary);letter-spacing:0;margin:0 0 8px;font-size:36px;font-weight:700;line-height:44px}.invoiceTitleBlock p{color:var(--secondary);margin:0 0 4px;font-size:18px;font-weight:600;line-height:28px}.invoiceTitleBlock span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.invoicePreviewStatus{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:22px;margin-top:16px;padding:4px 12px;font-size:10px;font-weight:700;line-height:14px;display:inline-flex}.invoicePreviewStatus.paid,.invoicePreviewStatus.unpaid{color:#166534;background:#dcfce7}.invoicePreviewStatus.failed,.invoicePreviewStatus.void{color:#c5221f;background:#fce8e6}.invoicePreviewStatus.refunded{color:#1967d2;background:#e8f0fe}.invoiceBillTo{margin-bottom:48px}.invoiceBillTo span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;line-height:16px;display:block}.invoiceBillTo h4{color:var(--on-surface);margin:0 0 4px;font-size:18px;font-weight:600;line-height:28px}.invoicePreviewTableWrap{overflow-x:auto}.invoicePreviewTable{border-collapse:collapse;width:100%;min-width:620px;margin-bottom:48px}.invoicePreviewTable th,.invoicePreviewTable td{text-align:left;vertical-align:top;border:0}.invoicePreviewTable th{border-bottom:1px solid var(--outline-variant);color:#64748b;letter-spacing:.05em;text-transform:uppercase;padding:16px 0;font-size:12px;font-weight:600;line-height:16px}.invoicePreviewTable td{color:var(--on-surface);border-bottom:1px solid #c6c5d44d;padding:24px 0;font-size:14px;line-height:20px}.invoicePreviewTable .center{text-align:center;width:96px}.invoicePreviewTable .right{text-align:right;width:128px}.invoicePreviewTable td strong,.invoicePreviewTable td span{display:block}.invoicePreviewTable td strong{color:var(--on-surface);font-size:16px;font-weight:600;line-height:24px}.invoicePreviewTable td span{color:var(--on-surface-variant);margin-top:4px;font-size:14px;line-height:20px}.invoiceTotals{align-self:flex-end;gap:12px;width:288px;margin-top:auto;display:grid}.invoiceTotals div{justify-content:space-between;align-items:center;gap:16px;display:flex}.invoiceTotals span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.invoiceTotals strong{color:var(--on-surface);font-size:14px;font-weight:500;line-height:20px}.invoiceTotals .invoiceGrandTotal{border-top:2px solid var(--primary);margin-top:4px;padding-top:16px}.invoiceGrandTotal span{color:var(--primary);font-size:18px;font-weight:600;line-height:28px}.invoiceGrandTotal strong{color:var(--primary);font-size:24px;font-weight:600;line-height:32px}.invoicePaperFooter{text-align:center;border-top:1px solid #c6c5d44d;margin-top:64px;padding-top:32px}.invoicePaperFooter p,.invoicePaperFooter span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.invoicePaperFooter p{margin:0}.invoicePaperFooter span{color:#94a3b8;margin-top:8px;display:block}.invoiceTemplatePicker{border:0;margin:28px 0 0;padding:0}.invoiceTemplatePicker legend{color:var(--on-surface);font-size:16px;font-weight:600}.invoiceTemplatePicker>p{color:var(--secondary);margin:6px 0 16px;font-size:14px}.invoiceTemplateOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.invoiceTemplateOptions>label{cursor:pointer;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;gap:6px;min-height:170px;padding:12px;display:grid;position:relative}.invoiceTemplateOptions>label.selected{border:2px solid var(--primary);background:#dfe0ff59;padding:11px}.invoiceTemplateOptions input{opacity:0;position:absolute}.invoiceTemplateOptions strong{color:var(--on-surface);font-size:14px}.invoiceTemplateOptions small{color:var(--secondary);font-size:12px;line-height:16px}.invoiceTemplateOptions em{color:var(--primary);font-size:11px;font-style:normal;font-weight:600}.invoiceTemplateThumbnail{background:#fff;border:1px solid #dfe0ff;align-content:start;gap:5px;height:58px;padding:8px;display:grid}.invoiceTemplateThumbnail i{background:#c6c5d4;height:3px;display:block}.invoiceTemplateThumbnail i:first-child{background:var(--primary);width:45%;height:7px}.invoiceTemplateThumbnail i:nth-child(2){width:100%}.invoiceTemplateThumbnail i:nth-child(3){width:72%}.invoiceTemplateThumbnail.modern{border-top:6px solid var(--primary)}.invoiceTemplateThumbnail.minimal{border-color:#fff;padding-left:0}.invoiceTemplateThumbnail.thermal,.invoiceTemplateThumbnail.thermal-compact{border-style:dashed;justify-self:center;width:54%}.invoiceTemplateThumbnail.thermal-compact{gap:3px;height:48px}.invoicePaper--modern{border-radius:12px;padding:34px 28px 28px}.invoicePaper--modern .invoicePaperHeader{border-top:2px solid #0b3f91;align-items:stretch;margin-bottom:26px;padding-top:22px}.invoicePaper--modern .invoiceLogoLockup{margin-bottom:10px}.invoicePaper--modern .invoiceLogoLockup img{background:#fff;border:1px solid #d6e1f1;border-radius:6px;width:44px;height:44px;padding:3px}.invoicePaper--modern .invoiceLogoLockup h2{color:#06235c;letter-spacing:-.03em;font-size:25px;font-weight:700}.invoicePaper--modern .invoiceBrandBlock{max-width:430px}.invoicePaper--modern .invoiceBrandBlock address{font-size:12px;line-height:18px}.invoicePaper--modern .invoiceTitleBlock{background:#f6f9fd;border:1px solid #d5deea;min-width:190px;padding:18px 16px 14px}.invoicePaper--modern .invoiceTitleBlock h3{color:#0b3f91;letter-spacing:-.04em;font-size:29px;line-height:32px}.invoicePaper--modern .invoiceTitleBlock p{color:#172136;font-size:14px;line-height:20px}.invoicePaper--modern .invoiceTitleBlock span{font-size:11px;line-height:16px}.invoicePaper--modern .invoicePreviewStatus{color:#fff;background:#248047;border-radius:4px;margin-top:10px;padding:3px 9px}.invoicePaper--modern .invoicePreviewStatus.unpaid,.invoicePaper--modern .invoicePreviewStatus.refunded{color:#fff;background:#0b3f91}.invoicePaper--modern .invoicePreviewStatus.failed,.invoicePaper--modern .invoicePreviewStatus.void{color:#fff;background:#c5221f}.invoicePaper--modern .invoiceBillTo{border-top:1px solid #d5deea;border-bottom:1px solid #d5deea;margin-bottom:26px;padding:18px 0;gap:28px!important}.invoicePaper--modern .invoiceBillTo span{color:#0b3f91;margin-bottom:5px;font-size:10px}.invoicePaper--modern .invoiceBillTo h4{font-size:15px;line-height:20px}.invoicePaper--modern .invoiceBillTo address{font-size:11px;line-height:17px}.invoicePaper--modern .invoiceModernContact{color:var(--on-surface-variant);letter-spacing:0;text-transform:none;font-size:11px;font-weight:400;display:block}.invoicePaper--modern .invoicePreviewTable{border:1px solid #b9cae3;border-radius:7px;min-width:0;margin-bottom:30px;overflow:hidden}.invoicePaper--modern .invoicePreviewTable th{color:#fff;letter-spacing:0;background:#0b3f91;border-right:1px solid #ffffff47;padding:11px 9px;font-size:10px}.invoicePaper--modern .invoicePreviewTable td{border-bottom:1px solid #d5deea;border-right:1px solid #d5deea;padding:15px 9px;font-size:12px}.invoicePaper--modern .invoicePreviewTable th:last-child,.invoicePaper--modern .invoicePreviewTable td:last-child{border-right:0}.invoicePaper--modern .invoicePreviewTable td strong{font-size:13px;line-height:18px}.invoicePaper--modern .invoicePreviewTable td span{font-size:11px;line-height:15px}.invoicePaper--modern .invoicePreviewTable .number{text-align:center;width:30px}.invoicePaper--modern .invoicePreviewTable .center{width:54px}.invoicePaper--modern .invoicePreviewTable .right{width:88px}.invoicePaper--modern .invoiceModernDiscount{color:#248047}.invoicePaper--modern .invoiceTotals{border:1px solid #d5deea;border-radius:8px;gap:0;width:300px;overflow:hidden}.invoicePaper--modern .invoiceTotals>div{border-bottom:1px solid #e1e7f0;min-height:31px;padding:6px 12px}.invoicePaper--modern .invoiceTotals>div:last-child{border-bottom:0}.invoicePaper--modern .invoiceTotals span,.invoicePaper--modern .invoiceTotals strong{font-size:12px}.invoicePaper--modern .invoiceGrandTotal{background:#0b3f91;border:0;border-radius:0;margin:0;padding:8px 12px!important}.invoicePaper--modern .invoiceGrandTotal span,.invoicePaper--modern .invoiceGrandTotal strong{color:#fff;font-size:16px}.invoicePaper--modern .invoicePaperFooter{text-align:left;border-top:1px solid #d5deea;margin-top:38px;padding:18px 0 0;align-items:flex-start!important}.invoicePaper--modern .invoicePaperFooter p{color:#334155;font-size:12px}.invoicePaper--minimal{box-shadow:none;border:0;border-radius:0;padding:56px 64px}.invoicePaper--minimal .invoicePaperHeader{border-bottom:2px solid var(--on-surface);align-items:end;margin-bottom:34px;padding-bottom:24px}.invoicePaper--minimal .invoiceLogoLockup{margin-bottom:8px}.invoicePaper--minimal .invoiceLogoLockup h2{color:var(--on-surface);letter-spacing:-.03em;font-size:28px;font-weight:500}.invoicePaper--minimal .invoiceTitleBlock h3{color:var(--on-surface);letter-spacing:.16em;font-size:16px;line-height:20px}.invoicePaper--minimal .invoiceTitleBlock p{color:var(--on-surface);font-size:14px;font-weight:500}.invoicePaper--minimal .invoicePreviewStatus{display:none}.invoicePaper--minimal .invoiceBillTo,.invoicePaper--minimal .invoicePreviewTable{margin-bottom:32px}.invoicePaper--minimal .invoicePreviewTable th{border-top:1px solid var(--on-surface);border-bottom:1px solid var(--on-surface);color:var(--on-surface);padding:10px 0}.invoicePaper--minimal .invoicePreviewTable td{border-bottom:1px solid #e5e7eb;padding:16px 0}.invoicePaper--minimal .invoiceTotals{gap:8px;width:100%;margin-top:0}.invoicePaper--minimal .invoiceGrandTotal{border-top:2px solid var(--on-surface);margin-top:12px;padding-top:14px}.invoicePaper--minimal .invoiceGrandTotal span,.invoicePaper--minimal .invoiceGrandTotal strong{color:var(--on-surface)}.invoicePaper--minimal .invoicePaperFooter{text-align:left;border-top:0;margin-top:44px;padding-top:0}.invoicePaper--thermal,.invoicePaper--thermal-compact{width:min(360px,100%);min-height:auto;box-shadow:none;border:1px dashed #767683;border-radius:0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.invoicePaper--thermal .invoicePaperHeader,.invoicePaper--thermal-compact .invoicePaperHeader{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}.invoicePaper--thermal .invoiceBrandBlock,.invoicePaper--thermal-compact .invoiceBrandBlock,.invoicePaper--thermal .invoiceTitleBlock,.invoicePaper--thermal-compact .invoiceTitleBlock{text-align:center;justify-items:center}.invoicePaper--thermal .invoiceLogoLockup,.invoicePaper--thermal-compact .invoiceLogoLockup{justify-content:center;margin-bottom:8px}.invoicePaper--thermal .invoiceLogoLockup h2,.invoicePaper--thermal-compact .invoiceLogoLockup h2{font-size:18px;line-height:24px}.invoicePaper--thermal .invoiceTitleBlock h3,.invoicePaper--thermal-compact .invoiceTitleBlock h3{margin:0;font-size:18px;line-height:24px}.invoicePaper--thermal .invoiceTitleBlock p,.invoicePaper--thermal-compact .invoiceTitleBlock p,.invoicePaper--thermal .invoiceTitleBlock span,.invoicePaper--thermal-compact .invoiceTitleBlock span{font-size:11px;line-height:16px}.invoicePaper--thermal .invoicePreviewStatus,.invoicePaper--thermal-compact .invoicePreviewStatus{margin-top:8px}.invoicePaper--thermal .invoiceBillTo,.invoicePaper--thermal-compact .invoiceBillTo{text-align:center;margin-bottom:20px;display:block!important}.invoicePaper--thermal .invoiceBillTo>div+div,.invoicePaper--thermal-compact .invoiceBillTo>div+div{display:none}.invoicePaper--thermal .invoicePreviewTable,.invoicePaper--thermal-compact .invoicePreviewTable{table-layout:fixed;min-width:0;margin-bottom:20px}.invoicePaper--thermal .invoicePreviewTable th,.invoicePaper--thermal-compact .invoicePreviewTable th{padding:8px 0;font-size:9px}.invoicePaper--thermal .invoicePreviewTable td,.invoicePaper--thermal-compact .invoicePreviewTable td{padding:12px 0;font-size:11px}.invoicePaper--thermal .invoicePreviewTable .center,.invoicePaper--thermal-compact .invoicePreviewTable .center{width:34px}.invoicePaper--thermal .invoicePreviewTable .right,.invoicePaper--thermal-compact .invoicePreviewTable .right{width:56px}.invoicePaper--thermal .invoicePreviewTable td strong,.invoicePaper--thermal-compact .invoicePreviewTable td strong{font-size:11px;line-height:16px}.invoicePaper--thermal .invoicePreviewTable td span,.invoicePaper--thermal-compact .invoicePreviewTable td span{display:none}.invoicePaper--thermal .invoiceTotals,.invoicePaper--thermal-compact .invoiceTotals{gap:8px;width:100%}.invoicePaper--thermal .invoiceTotals span,.invoicePaper--thermal .invoiceTotals strong,.invoicePaper--thermal-compact .invoiceTotals span,.invoicePaper--thermal-compact .invoiceTotals strong{font-size:11px}.invoicePaper--thermal .invoiceGrandTotal span,.invoicePaper--thermal .invoiceGrandTotal strong,.invoicePaper--thermal-compact .invoiceGrandTotal span,.invoicePaper--thermal-compact .invoiceGrandTotal strong{font-size:15px}.invoicePaper--thermal .invoicePaperFooter,.invoicePaper--thermal-compact .invoicePaperFooter{margin-top:24px;padding-top:16px}.invoicePaper--thermal .invoicePaperFooter p,.invoicePaper--thermal .invoicePaperFooter span,.invoicePaper--thermal-compact .invoicePaperFooter p,.invoicePaper--thermal-compact .invoicePaperFooter span{font-size:10px;line-height:14px}.invoicePaper--thermal-compact .invoicePaperHeader{margin-bottom:16px}.invoicePaper--thermal-compact .invoicePreviewTable td{padding:8px 0}.invoicePaper--thermal-compact .invoicePaperFooter{margin-top:16px}@media (max-width:680px){.invoiceTemplateOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.invoiceTemplateOptions>label{min-height:158px}}.invoiceTimeline{background:var(--surface-container-lowest);border:1px solid #c6c5d44d;border-radius:8px;width:min(842px,100%);margin:16px auto 0;padding:16px}.invoiceTimeline h4{color:var(--on-surface);align-items:center;gap:8px;margin:0 0 24px;font-size:18px;font-weight:600;line-height:28px;display:flex}.invoiceTimeline h4 .material-symbols-outlined{color:var(--secondary)}.invoiceTimelineList{gap:32px;display:grid;position:relative}.invoiceTimelineList:before{content:"";background:#c6c5d44d;width:2px;position:absolute;top:8px;bottom:8px;left:11px}.invoiceTimelineList article{align-items:flex-start;gap:24px;display:flex;position:relative}.timelineDot{z-index:1;color:#fff;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;display:grid}.timelineDot.done{background:#22c55e}.timelineDot.viewed{background:var(--primary)}.timelineDot.waiting{background:#c6c5d480}.timelineDot .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:16px}.invoiceTimelineList strong{color:var(--on-surface);font-size:16px;font-weight:600;line-height:24px}.invoiceTimelineList p{color:var(--on-surface-variant);margin:0;font-size:14px;line-height:20px}.invoiceTimelineList small{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:600;line-height:16px;display:block}.invoiceActionPanel{flex:0 0 320px;align-content:start;gap:16px;width:320px;display:grid}.invoiceSideCard{background:var(--surface-container-lowest);border:1px solid #c6c5d44d;border-radius:12px;padding:16px}.invoiceSideCard h4{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin:0 8px 12px;font-size:12px;font-weight:600;line-height:16px}.invoiceActionList{gap:4px;display:grid}.invoiceActionList a,.invoiceActionList button{min-height:40px;color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;line-height:20px;text-decoration:none;display:flex}.invoiceActionList a:hover,.invoiceActionList button:hover:not(:disabled){background:var(--secondary-container)}.invoiceActionList button:disabled{color:var(--outline);cursor:not-allowed;opacity:.58}.invoiceActionList button.success{color:#15803d}.invoiceActionList button.success:hover{background:#f0fdf4}.invoiceActionList button.danger{color:var(--error)}.invoiceActionList button.danger:hover{background:#ffdad659}.invoiceActionList hr{background:#c6c5d44d;border:0;width:100%;height:1px;margin:4px 0}.invoiceQuickTip{background:#1425881a;border:1px solid #000f641a;border-radius:8px;margin-top:12px;padding:12px}.invoiceQuickTip strong{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:600;line-height:20px;display:block}.invoiceQuickTip p{color:var(--on-primary-container);margin:0;font-size:12px;line-height:18px}.invoiceCustomerMini{align-items:center;gap:12px;margin:0 8px 16px;display:flex}.invoiceCustomerMini>span{border:1px solid var(--outline-variant);background:var(--surface-container-high);width:40px;height:40px;color:var(--primary);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.invoiceCustomerMini strong,.invoiceCustomerMini small{display:block}.invoiceCustomerMini strong{color:var(--on-surface);font-size:16px;font-weight:600;line-height:24px}.invoiceCustomerMini small{color:var(--on-surface-variant);font-size:14px;line-height:20px}.invoiceCustomerStats{gap:12px;margin:0 8px;display:grid}.invoiceCustomerStats div{justify-content:space-between;align-items:center;gap:12px;display:flex}.invoiceCustomerStats dt,.invoiceCustomerStats dd{margin:0;font-size:12px;line-height:16px}.invoiceCustomerStats dt{color:var(--on-surface-variant)}.invoiceCustomerStats dd{color:var(--on-surface);font-weight:600}.invoiceProfileLink{color:var(--primary);margin:16px 8px 0;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:block}.invoiceProfileLink:hover{text-decoration:underline}@media print{.appSidebar,.appTopbar,.invoiceTimeline,.invoiceActionPanel,.appLogoutButton,.appIconActions{display:none!important}body,.appShell,.appMain,.appCanvas{background:#fff!important}.appShell{display:block!important}.appMain,.appCanvas{min-height:auto!important;padding:0!important}.invoicePreviewScreen{display:block!important}.invoicePaper{width:100%!important;min-height:auto!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important}}.paymentsScreen{gap:24px;display:grid}.paymentsHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.paymentsHeader h2{color:var(--on-surface);letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:32px}.paymentsHeader p{color:var(--on-surface-variant);margin:4px 0 0;font-size:14px;line-height:20px}.paymentsPrimaryButton,.paymentsGhostButton,.paymentsFilterControl{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.paymentsPrimaryButton{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);padding:0 16px;box-shadow:0 1px 2px #000f6414}.paymentsPrimaryButton:hover{background:var(--primary-container)}.paymentsPrimaryButton .material-symbols-outlined,.paymentsGhostButton .material-symbols-outlined,.paymentsFilterControl .material-symbols-outlined{font-size:18px}.paymentsSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.paymentsMetricCard{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:4px;min-height:176px;padding:16px;position:relative;overflow:hidden}.paymentsMetricCard .metricHalo{background:#000f640d;border-bottom-left-radius:999px;width:128px;height:128px;transition:transform .16s;position:absolute;top:-32px;right:-32px}.paymentsMetricCard:hover .metricHalo{transform:scale(1.1)}.paymentsMetricCard.danger .metricHalo{background:#ba1a1a0d}.paymentsMetricCard.tertiary .metricHalo{background:#0700720d}.paymentsMetricTitle{z-index:1;align-items:center;gap:12px;margin-bottom:24px;display:flex;position:relative}.paymentsMetricTitle h3{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:16px}.paymentsMetricIcon{background:var(--surface-container);width:40px;height:40px;color:var(--primary);border-radius:4px;flex:none;place-items:center;display:grid}.paymentsMetricCard.danger .paymentsMetricIcon{background:var(--error-container);color:#93000a}.paymentsMetricCard.tertiary .paymentsMetricIcon{color:var(--tertiary,#070072);background:#1305ac1a}.paymentsMetricCard>strong,.paymentsMetricValue strong{color:var(--on-surface);letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}.paymentsMetricValue{align-items:baseline;gap:8px;display:flex}.paymentsMetricValue span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.paymentsMetricCard small{color:var(--secondary);align-items:center;gap:4px;margin-top:8px;font-size:14px;line-height:20px;display:flex}.paymentsMetricCard small.positive{color:var(--primary)}.paymentsMetricCard small .material-symbols-outlined{font-size:16px}.paymentsTableCard{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.paymentsTableToolbar{border-bottom:1px solid var(--outline-variant);background:var(--surface-bright,#f8f9ff);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.paymentsInlineSearch{align-items:center;width:min(100%,288px);display:flex;position:relative}.paymentsInlineSearch .material-symbols-outlined{color:var(--outline);font-size:20px;position:absolute;left:12px}.paymentsInlineSearch input{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);width:100%;min-height:40px;color:var(--on-surface);border-radius:4px;outline:0;padding:0 16px 0 40px;font-size:14px;line-height:20px}.paymentsInlineSearch input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #000f641f}.paymentsToolbarActions{align-items:center;gap:8px;display:flex}.paymentsGhostButton,.paymentsFilterControl{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);padding:0 12px}.paymentsGhostButton:hover,.paymentsFilterControl:hover{background:var(--surface-container-low)}.paymentsFilterControl select{min-width:48px;color:inherit;cursor:pointer;appearance:none;font:inherit;background:0 0;border:0;outline:0}.paymentsTableScroll{overflow-x:auto}.paymentsTable{border-collapse:collapse;text-align:left;width:100%;min-width:880px}.paymentsTable th,.paymentsTable td{text-align:left;vertical-align:middle;border:0;padding:8px 12px}.paymentsTable th{border-bottom:1px solid var(--outline-variant);background:var(--surface);color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px}.paymentsTable td{color:var(--on-surface-variant);font-size:14px;line-height:20px}.paymentsTable tbody tr+tr{border-top:1px solid #c6c5d480}.paymentsTable tbody tr:hover{background:#f0f2ff}.paymentsTable .right,.paymentsTable .amount{text-align:right}.paymentsTable .transactionId,.paymentsTable .amount{color:var(--primary);font-size:14px;font-weight:500;line-height:20px}.paymentsTable .customerName{color:var(--on-surface);font-weight:500}.paymentsTable .actionColumn{width:40px}.paymentsStatusPill{border-radius:4px;align-items:center;min-height:20px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.paymentsStatusPill.confirmed{color:#137333;background:#e6f4ea}.paymentsStatusPill.processing{color:#b06000;background:#fef7e0}.paymentsStatusPill.failed{color:#c5221f;background:#fce8e6}.paymentsStatusPill.refunded{color:#1967d2;background:#e8f0fe}.paymentsTable .rowMenu{text-align:right}.paymentsTable .rowMenu button,.paymentsTable .rowMenu a{width:28px;height:28px;color:var(--secondary);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;text-decoration:none;transition:opacity .16s,color .16s;display:grid}.paymentsTable tr:hover .rowMenu button,.paymentsTable tr:hover .rowMenu a,.paymentsTable .rowMenu button:focus-visible,.paymentsTable .rowMenu a:focus-visible{opacity:1}.paymentsTable .rowMenu button:hover,.paymentsTable .rowMenu a:hover{color:var(--primary)}.paymentsTable .rowMenu .material-symbols-outlined{font-size:18px}.paymentsEmptyState{color:var(--secondary);text-align:center;place-items:center;gap:8px;padding:48px 20px;font-size:14px;line-height:20px;display:grid}.paymentsEmptyState p{margin:0}.paymentsEmptyState .material-symbols-outlined{color:var(--outline-variant);font-size:40px}.paymentsPagination{border-top:1px solid var(--outline-variant);background:var(--surface-bright,#f8f9ff);border-radius:0 0 4px 4px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.paymentsPagination>span,.paymentsPagination>div>span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.paymentsPagination>div{align-items:center;gap:4px;display:flex}.paymentsPagination button{width:32px;height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:14px;line-height:20px;display:grid}.paymentsPagination button.active{background:var(--primary);color:var(--on-primary)}.paymentsPagination button:hover:not(:disabled):not(.active){background:var(--surface-container-low)}.paymentsPagination button:disabled{opacity:.5}.card,.statCard,.tableCard,.formCard{border:1px solid var(--line);background:var(--surface);border-radius:8px}.card,.formCard{padding:18px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.statCard{flex-direction:column;justify-content:space-between;min-height:118px;padding:16px;display:flex}.statCard span{color:var(--muted);font-size:13px;font-weight:800}.statCard strong{margin-top:12px;font-size:26px;font-weight:900;line-height:34px;display:block}.gridTwo{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;display:grid}.tableCard{overflow:hidden}.tableHeader,.cardHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:0 16px;display:flex}.tableHeader h2,.cardHeader h2{margin:0;font-size:16px;line-height:22px}.tableScroller{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 16px}th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900;line-height:14px}td{font-size:14px;line-height:20px}td.right,th.right{text-align:right}.rowActions{justify-content:flex-end;gap:8px;display:flex}.statusBadge{text-transform:capitalize;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.statusBadge.paid,.statusBadge.completed,.statusBadge.premium{color:var(--positive);background:#e6f4ea}.statusBadge.pending,.statusBadge.free{color:var(--warning);background:#fff7df}.statusBadge.failed,.statusBadge.cancelled,.statusBadge.expired{color:var(--danger);background:#fff1f0}.emptyState,.errorState{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);text-align:center;border-radius:8px;place-items:center;gap:12px;min-height:min(460px,100vh - 160px);padding:48px 24px;display:grid;box-shadow:0 10px 15px -3px #1425880d,0 4px 6px -2px #14258808}.emptyState .material-symbols-outlined,.errorState .material-symbols-outlined{background:var(--primary-fixed);width:64px;height:64px;color:var(--primary);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;border-radius:999px;place-items:center;font-size:32px;display:grid}.errorState .material-symbols-outlined{background:var(--error-container);color:var(--error)}.emptyState h3,.errorState h3{color:var(--primary);margin:0;font-size:24px;font-weight:600;line-height:32px}.emptyState p,.errorState p{max-width:440px;color:var(--secondary);margin:0;font-size:16px;line-height:24px}.toolbar{align-items:center;gap:10px;display:flex}.toolbar input{border:1px solid var(--line);border-radius:6px;min-width:min(280px,52vw);min-height:40px;padding:0 12px}.invoiceItems{gap:10px;display:grid}.invoiceItemRow{grid-template-columns:minmax(0,1fr) 96px 42px;align-items:end;gap:10px;display:grid}.summaryList{gap:10px;display:grid}.summaryList div{justify-content:space-between;gap:16px;display:flex}.summaryList span{color:var(--muted)}.summaryList strong{font-weight:900}@media (max-width:980px){.customerAuthPage{padding:18px}.customerAuthShell{grid-template-columns:minmax(0,1fr);min-height:auto}.customerAuthBrandPanel{display:none}.customerAuthFormPanel{flex-direction:column;align-items:center;min-height:calc(100vh - 36px);padding:32px 24px}.customerAuthMobileBrand{color:var(--primary);align-items:center;gap:12px;margin-bottom:28px;font-size:20px;line-height:28px;display:flex}.customerAuthMobileBrand .customerAuthLogoFrame{flex:none;width:68px;height:68px;margin:0;box-shadow:0 10px 18px #1425881a}.customerAuthMobileBrand .customerAuthLogo{border-radius:12px;width:46px;height:46px}.customerAuthMobileBrand .customerAuthLogo .material-symbols-outlined{font-size:26px}.appShell{grid-template-columns:minmax(0,1fr)}.appMain{padding-bottom:calc(104px + env(safe-area-inset-bottom));grid-column:1}.appSidebar{z-index:60;width:100%;height:calc(72px + env(safe-area-inset-bottom));border-top:1px solid var(--outline-variant);padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-right:0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 28px #1420331f}.appBrand{display:none}.appNav{scrollbar-width:none;gap:6px;height:56px;padding:0 10px;display:flex;overflow-x:auto}.appNav::-webkit-scrollbar{display:none}.appNav a{text-align:center;border-bottom:3px solid #0000;border-right:0;flex-direction:column;flex:none;justify-content:center;gap:3px;min-width:74px;min-height:54px;padding:5px 8px;font-size:10px;line-height:12px}.appNav a.active{border-bottom-color:var(--primary-container)}.appSidebarAction{display:none}.appTopbar{padding:0 20px}.appSearch{max-width:420px}.appProfileSummary>div:first-child,.appTopbarDivider{display:none}.appNav .material-symbols-outlined{font-size:21px}.dashboardHeader{flex-direction:column;align-items:flex-start}.dashboardStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardChartBar{min-width:32px}.listPageHeader{flex-direction:column;align-items:flex-start}.inventoryStatsGrid,.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gridTwo{grid-template-columns:minmax(0,1fr)}}.dashboardScreen>*,.productScreen>*,.customerScreen>*,.invoiceScreen>*,.createInvoiceScreen>*,.settingsScreen>*,.reportsScreen>*,.setupShopScreen>*,.paymentsScreen>*{min-width:0}@media (max-height:800px),(max-width:1100px){.customerAuthPage{padding:16px}.customerAuthShell{width:min(1520px,100vw - 32px);min-height:calc(100vh - 32px)}.customerAuthBrandPanel{padding:24px}.customerAuthLogoImage{width:140px;height:140px;margin-bottom:20px}.customerAuthBrandCopy h1{font-size:28px;line-height:36px}.customerAuthBrandCopy p{margin-top:12px;font-size:15px;line-height:24px}.customerAuthFeatureGrid{gap:12px;margin-top:24px}.customerAuthFeatureGrid>div{min-height:auto;padding:12px}.customerAuthFormPanel{padding:48px}.customerAuthHeader h2{font-size:28px;line-height:36px}.customerAuthHeader{margin-bottom:24px}}@media (max-width:1024px){.appShell{grid-template-columns:minmax(0,1fr)}.appTopbar{gap:8px;padding:0 16px}.appCanvas{padding:16px}.tableScroll{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;overflow-x:auto}.dashboardTable,.inventoryTable,.customerTable,.invoiceTable,.createInvoiceTable{min-width:800px}}@media (max-width:768px){.formGrid.two{grid-template-columns:minmax(0,1fr)}.customerAuthShell{border:none;border-radius:0;grid-template-columns:minmax(0,1fr);width:100%;min-height:100vh}.customerAuthBrandPanel{display:none}.customerAuthMobileBrand{justify-content:center;margin-bottom:24px;display:flex}.customerAuthFormPanel{padding:48px 24px}.createInvoiceTable td input,.createInvoiceTable td select{text-align:right;max-width:200px;width:100%!important}}@media (max-width:680px){.customerAuthPage{background:var(--surface);padding:0;display:block}.customerAuthShell{min-height:100vh;box-shadow:none;border:0;border-radius:0}.customerAuthFormPanel{min-height:100vh;padding:24px 18px}.customerAuthPrimaryButton,.customerAuthSecondaryButton{min-height:48px;font-size:16px}.customerAuthHeader{margin-bottom:24px}.customerAuthHeader h2{font-size:28px;line-height:36px}.appTopbar{height:auto;min-height:calc(72px + env(safe-area-inset-top));flex-wrap:wrap;padding-top:calc(16px + env(safe-area-inset-top))!important;gap:12px!important;padding-bottom:12px!important;padding-left:16px!important;padding-right:16px!important}.appSearch{order:2;width:100%;max-width:none}.appTopbarRight{order:1;justify-content:flex-end;width:100%}.dashboardScreen{gap:20px}.dashboardHeader h2{font-size:26px;line-height:34px}.dashboardHeader p{font-size:15px;line-height:22px}.dashboardActions{flex-direction:column;width:100%}.primaryActionButton,.secondaryActionButton{justify-content:center;width:100%}.dashboardStatsGrid{grid-template-columns:minmax(0,1fr);gap:12px}.dashboardStatCard{height:136px;padding:20px}.dashboardStatCard strong{font-size:34px;line-height:40px}.dashboardChartCard{padding:22px 18px}.dashboardChartHeader{flex-direction:column}.dashboardBarChart{gap:6px;height:220px;padding-top:28px;overflow:hidden}.dashboardChartBar{min-width:18px}.dashboardChartTicks{font-size:10px;overflow:hidden}.listPageActions{flex-wrap:wrap;width:100%}.segmentedFilter,.selectFilter,.selectFilter select{width:100%}.primaryActionButton.compact,.secondaryActionButton.compact{flex:none;width:auto}.inventoryStatsGrid{grid-template-columns:minmax(0,1fr);gap:12px}.dataCardToolbar{flex-direction:column;align-items:stretch}.notificationsList{padding:12px}.notificationItem{grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:12px;padding:14px}.notificationControls{flex-wrap:wrap;grid-column:2;justify-content:flex-start;gap:8px 14px}.notificationMeta h3{white-space:normal}.inlineSearch{width:100%}.modalGrid.two,.modalGrid.four{grid-template-columns:minmax(0,1fr)}.spanTwo{grid-column:1/-1}.productModal{max-height:calc(100vh - 20px)}.productModal>header,.productModal>footer,.productModalBody{padding-left:18px;padding-right:18px}.customerDetailPane{width:min(100%,420px)}.customerDetailStats{grid-template-columns:minmax(0,1fr)}.detailSection dl div{flex-direction:column;gap:4px}.detailSection dd{text-align:left}.invoicePageHeader{flex-direction:column;align-items:flex-start;gap:16px}.invoiceFilterBar{gap:12px;padding:16px}.invoiceStatusFilter{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.invoiceSearch,.dateFilter,.invoiceStatusFilter>div{width:100%}.invoiceStatusFilter>div{overflow-x:auto}.invoiceStatusFilter button{text-align:center;flex:1;padding:0 8px}.filterIconButton{flex:1;justify-content:center}.invoiceEmptyState{padding:56px 18px}.invoiceEmptyState>div{width:168px;height:168px}.createInvoiceHeader{flex-direction:column;align-items:flex-start}.createInvoiceHeader>div:last-child{flex-wrap:wrap;width:100%}.createInvoiceHeader button{flex:160px}.createInvoiceActions{flex-wrap:wrap;width:100%}.createInvoiceMetaGrid,.createInvoiceFooterGrid{grid-template-columns:minmax(0,1fr)}.createInvoiceField.customer,.createInvoiceMetaGrid>.createInvoiceField:not(.customer){grid-column:auto}.invoicePreviewScreen{flex-direction:column}.invoiceActionPanel{flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.settingsForm{grid-template-columns:minmax(0,1fr)}.reportsHeader{flex-direction:column;align-items:flex-start}.reportsMetricsGrid,.reportsChartGrid{grid-template-columns:minmax(0,1fr)}.reportsCard{height:auto;min-height:360px}.paymentsHeader,.paymentsTableToolbar,.paymentsPagination{flex-direction:column;align-items:stretch}.paymentsHeader{align-items:flex-start}.paymentsPrimaryButton{width:100%}.paymentsSummaryGrid{grid-template-columns:minmax(0,1fr)}.paymentsInlineSearch,.paymentsToolbarActions,.paymentsFilterControl,.paymentsGhostButton{width:100%}.paymentsToolbarActions{flex-direction:column}.paymentsFilterControl select{flex:1}.phoneInputBar input{font-size:16px}.otpInputGroup{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.otpDigitInput{min-height:48px;font-size:21px;line-height:28px}.otpActions{flex-direction:column;align-items:flex-start}.authPage,.authPanel,.card,.formCard{padding:16px}.appCanvas{padding:20px 16px calc(104px + env(safe-area-inset-bottom))}.pageHeader,.tableHeader,.cardHeader,.toolbar{flex-direction:column;align-items:stretch}.pageHeader h1{font-size:24px;line-height:32px}.statsGrid,.formGrid.two{grid-template-columns:minmax(0,1fr)}.primaryButton,.secondaryButton,.dangerButton,.toolbar input{width:100%}table{min-width:620px}.invoiceItemRow{grid-template-columns:minmax(0,1fr)}.invoiceItemRow .iconButton{width:100%}.invoicePaper{min-height:auto;padding:28px}.invoicePaperHeader{flex-direction:column;align-items:flex-start;margin-bottom:40px}.invoiceTitleBlock{text-align:left;justify-items:start}.invoicePreviewTable{min-width:560px}.invoiceTotals{width:100%}.invoiceActionPanel{grid-template-columns:minmax(0,1fr)}.settingsHeader h2{font-size:30px;line-height:38px}.setupShopScreen>header{flex-direction:column;align-items:flex-start}.setupShopScreen h2{font-size:30px;line-height:38px}.setupShopGrid.two{grid-template-columns:minmax(0,1fr)}.setupShopForm>section,.setupShopForm footer{padding-left:20px;padding-right:20px}.settingsFieldGrid.two{grid-template-columns:minmax(0,1fr)}.settingsActionBar{flex-direction:column;align-items:stretch}.settingsActionBar>div,.settingsPrimaryButton,.settingsSecondaryButton,.reportsActions,.reportsDateButton,.reportsExportMenu,.reportsExportButton{width:100%}.reportsActions{flex-direction:column;align-items:stretch}.reportsDateButton,.reportsExportButton{justify-content:center}.reportsMetric{height:auto;min-height:128px}.reportsMetric strong{font-size:30px;line-height:38px}.reportsLineChart{min-height:260px}.createInvoiceForm{padding:20px}.createInvoicePrimaryButton,.createInvoiceSecondaryButton{width:100%}.paymentModeGrid{gap:10px}}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.skeletonScreen{flex-direction:column;gap:24px;width:100%;display:flex}.skeletonTitle,.skeletonSubtitle,.skeletonCard,.skeletonRow{background:#e0e2ef linear-gradient(90deg,#e0e2ef 0,#eaf1ff 50%,#e0e2ef 100%) 0 0/1000px 100%;border-radius:6px;animation:2s linear infinite shimmer}.skeletonHeader{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.skeletonTitle{width:250px;height:32px}.skeletonSubtitle{width:400px;height:20px}.skeletonCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skeletonCard{border-radius:12px;height:148px}.skeletonTable{border:1px solid var(--outline-variant);background:var(--outline-variant);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.skeletonRow{background-color:#fff;background-image:linear-gradient(90deg,#fff 0,#f8f9ff 50%,#fff 100%);border-radius:0;height:64px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toastMessage{background:var(--surface-container-lowest,#fff);color:var(--on-surface,#1c1b1f);border-left:4px solid var(--primary,#55308f);z-index:10000;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:15px;font-weight:500;line-height:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:90px;right:32px;box-shadow:0 10px 20px #0000001a,0 4px 8px #0000000f}.toastMessage.error{border-left-color:var(--error,#b3261e);color:var(--error,#b3261e)}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.reportsTabsRow{border-bottom:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.reportsTabs{gap:16px;display:flex}.reportsTab{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s}.reportsTab:hover{background:var(--surface-container-high);color:var(--on-surface)}.reportsTab.active{background:var(--primary);color:var(--on-primary)}.reportsPlotBars{border-bottom:1px solid var(--outline-variant);border-left:1px solid var(--outline-variant);flex:1;padding-bottom:30px;position:relative}.gridLine{background:var(--outline-variant);opacity:.3;height:1px;position:absolute;left:0;right:0}.gridLine:first-child{top:0}.gridLine:nth-child(2){top:calc(50% - 15px)}.gridLine:nth-child(3){bottom:30px}.barsContainer{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;inset:0 0 30px}.barWrapper{justify-content:center;align-items:flex-end;width:32px;height:100%;display:flex}.barFill{background:var(--primary);border-radius:4px 4px 0 0;width:100%;transition:height .5s}.featureLockedWrapper{justify-content:center;align-items:center;max-width:600px;min-height:400px;margin:20px auto;padding:40px 24px;animation:.6s ease-out forwards fadeIn;display:flex}.featureLockedContent.glassmorphism-card{text-align:center;background:linear-gradient(145deg, rgba(var(--surface-container-low-rgb,255, 255, 255), .6), rgba(var(--surface-container-low-rgb,255, 255, 255), .2));-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--primary-rgb,100, 100, 100), .15);z-index:1;border-radius:28px;padding:56px 40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}.featureLockedContent.glassmorphism-card:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:4s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featureLockedContent.glassmorphism-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #0000001f,0 6px 16px #0000000f}.featureLockedIconWrapper{background:linear-gradient(135deg, var(--primary-container), var(--secondary-container));border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:32px;display:inline-flex;position:relative;box-shadow:0 12px 32px #0000001a}.featureLockedIconWrapper:after{content:"";background:conic-gradient(from 0deg, transparent, var(--primary), transparent);z-index:-1;opacity:.3;border-radius:50%;animation:5s linear infinite spin-slow;position:absolute;inset:-6px}@keyframes spin-slow{to{transform:rotate(360deg)}}.featureLockedIcon{color:var(--on-primary-container);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000001a);-webkit-background-clip:text;font-size:48px!important}.featureLockedTitle{background:linear-gradient(to right, var(--on-surface), var(--on-surface-variant));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}.featureLockedDescription{color:var(--on-surface-variant);max-width:480px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.featureLockedAction{letter-spacing:.5px!important;border-radius:100px!important;padding:14px 36px!important;font-size:16px!important;font-weight:600!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 8px 20px #00000026!important}.featureLockedAction:hover{transform:translateY(-2px)scale(1.05)!important;box-shadow:0 12px 28px #0003!important}.reportsBarChart{flex:1;grid-template-columns:46px minmax(0,1fr);min-height:250px;display:grid}.reportsBarChart .reportsXAxis{justify-content:space-around}@media (max-width:768px){.appShell{grid-template-columns:1fr}.appSidebar{width:280px;max-width:80vw;transition:transform .3s;transform:translate(-100%)}.appSidebar.appSidebar--open{transform:translate(0)}.appTopbarLeft{flex:1;align-items:center;gap:8px;display:flex}.appMobileMenuBtn{color:var(--on-surface);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.appMobileMenuBtn:hover{background:var(--surface-variant)}.appSidebarBackdrop{z-index:40;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.authContainer,.formGrid.two,.dashboardStatsGrid,.inventoryStatsGrid,.modalGrid.two,.modalGrid.four,.customerDetailStats,.createInvoiceMetaGrid,.settingsForm,.settingsFieldGrid.two,.setupShopGrid.two,.reportsMetricsGrid,.reportsChartGrid,.invoiceTemplateOptions{grid-template-columns:1fr}.dashboardHeader{flex-direction:column;align-items:stretch;gap:16px}.dashboardActions{flex-direction:column;width:100%}.dashboardActions a,.dashboardActions button{justify-content:center;width:100%}.tableScroll,.appTableWrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:16px;overflow-x:auto}.appTable,.dashboardTable{min-width:600px}}@media (min-width:769px){.appMobileMenuBtn,.appSidebarBackdrop{display:none}}