html,body{height:100%;margin:0;font-family:Roboto,sans-serif;background:#f6f9fb}*{box-sizing:border-box}body{min-height:100%;overflow-y:auto;overflow-x:hidden}:root{--bm-ink: #10233f;--bm-teal: #0f766e;--bm-blue: #1d4ed8;--bm-amber: #f59e0b;--bm-muted: #64748b;--bm-line: #d9e2ec;--bm-surface: rgba(255, 255, 255, .94);--bm-soft-blue: #eff6ff;--bm-soft-teal: #ecfdf5;--bm-soft-amber: #fffbeb;--bm-soft-rose: #fff1f2;--bm-primary: #0f766e;--bm-primary-hover: #0b5f59;--bm-heading: #10233f;--bm-body: #334155;--bm-danger: #b42318;--bm-success: #047857;--bm-radius-sm: 10px;--bm-radius-md: 15px;--bm-radius-lg: 22px;--bm-shadow: 0 14px 38px rgba(15, 23, 42, .07);--bm-focus: 0 0 0 3px rgba(15, 118, 110, .22)}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--bm-focus)}.button-spinner{display:inline-block;flex:0 0 auto;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spinner-rotate .65s linear infinite}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button-spinner{animation-duration:1.4s}}.status-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:start;border-radius:999px;padding:6px 9px;background:#e8eef5;color:#475569;font-size:12px;font-weight:900;text-transform:capitalize}.status-badge[data-status=accepted],.status-badge[data-status=issued],.status-badge[data-status=paid],.status-badge[data-status=posted]{background:#dcfce7;color:#166534}.status-badge[data-status=draft],.status-badge[data-status=sent]{background:#dbeafe;color:#1d4ed8}.status-badge[data-status=overdue],.status-badge[data-status=cancelled],.status-badge[data-status=rejected],.status-badge[data-status=reversed]{background:#fee2e2;color:#991b1b}.page-surface{border:1px solid rgba(84,111,133,.16);border-radius:22px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 16px 44px #0f172a14}.page-kicker{margin:0 0 7px;color:var(--bm-teal);font-size:12px;font-weight:900;text-transform:uppercase}.page-title{margin:0;color:var(--bm-ink);font-size:clamp(28px,3vw,40px);line-height:1.05}.page-copy{margin:10px 0 0;max-width:760px;color:var(--bm-muted);line-height:1.7}.empty-panel{display:grid;place-items:center;min-height:280px;border:1px dashed #cbd5e1;border-radius:18px;padding:28px;background:#f8fafc;color:var(--bm-muted);text-align:center}.empty-panel strong{display:block;margin-bottom:7px;color:var(--bm-ink);font-size:18px}.data-loader{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:16px;min-height:112px;border:1px solid #dbe5ec;border-radius:16px;padding:20px;background:#ffffffeb;box-shadow:0 10px 28px #0f233f0f;color:#526477}.data-loader__mark{width:38px;height:38px;border:3px solid #d7e9e6;border-top-color:#0f766e;border-radius:50%;animation:data-loader-spin .8s linear infinite}.data-loader__content{display:grid;gap:10px}.data-loader__content strong{color:#17324d;font-size:14px}.data-loader__lines{display:grid;gap:7px}.data-loader__lines span{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#edf3f6 20%,#dce9e7,#edf3f6 70%);background-size:240% 100%;animation:data-loader-shimmer 1.35s ease-in-out infinite}.data-loader__lines span:first-child{width:min(520px,82%)}.data-loader__lines span:last-child{width:min(360px,58%)}@keyframes data-loader-spin{to{transform:rotate(360deg)}}@keyframes data-loader-shimmer{to{background-position:-240% 0}}@media(max-width:640px){.data-loader{grid-template-columns:32px minmax(0,1fr);min-height:96px;padding:16px}.data-loader__mark{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.data-loader__mark,.data-loader__lines span{animation:none}}.search-field{position:relative;display:block}.search-field input{width:100%;padding-right:42px}.search-progress{display:inline-block;flex:0 0 auto;width:20px;height:20px;border:2px solid #d7e9e6;border-top-color:#0f766e;border-radius:50%;animation:data-loader-spin .65s linear infinite}.search-field .search-progress{position:absolute;top:50%;right:12px;margin-top:-10px}@media(prefers-reduced-motion:reduce){.search-progress{animation:none}}.erp-page .document-search{display:flex;align-items:center;gap:10px;margin:18px 0 0;border:1px solid #d7e0ec;border-radius:14px;padding:11px 13px;background:#fff}.erp-page .document-search>.material-icons{color:#64748b}.erp-page .document-search input{flex:1;min-width:180px;min-height:40px;border:0;outline:0;font:inherit}.erp-page .document-search strong{color:#64748b;font-size:13px;white-space:nowrap}.erp-page .document-search button{padding:9px 12px;background:#e8eef5;color:#10233f}.erp-page .record-count{margin-top:9px;color:#64748b;font-size:12px;font-weight:800;text-align:right}@media(max-width:640px){.erp-page .document-search{flex-wrap:wrap}.erp-page .document-search input{flex-basis:calc(100% - 40px)}.erp-page .document-search strong{margin-left:32px}.erp-page .document-search button{margin-left:auto}}:is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header){border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:28px!important;background:linear-gradient(140deg,#071a3a,#0d2b5c)!important;color:#fff!important;box-shadow:0 16px 44px #071a3a2e!important}:is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header) :is(h1,h2,.page-title){color:#fff!important}:is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header) :is(p,span:not(.wizard-count),.page-copy){color:#cbd8eb!important}:is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header) :is(.page-kicker,.eyebrow,div>p:first-child){color:#d9a441!important}:is(.privacy-pill,.settings-badge,.quote-status){border-color:#fff3!important;background:#ffffff1a!important;color:#fff!important}:is(.privacy-pill,.settings-badge,.quote-status) .material-icons{color:#d9a441!important}body :is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header) :is(button,a){background:#d9a441!important;color:#071a3a!important;border-color:#d9a441!important;box-shadow:none!important}body :is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header) :is(button,a) *{color:inherit!important}@media(max-width:640px){:is(.dashboard-hero,.hero-card,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header){padding:20px!important}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,app-root,app-admin-layout,app-auth-layout,app-dashboard,app-box-calculator,app-customer-list,app-settings,app-new-quotation,app-quotation-list,app-commercial-documents-page,app-commercial-document-editor-page,app-partial-document-create-page,app-proforma-page,app-proforma-editor,app-purchases-page,app-gst-summary-page,app-payment-ledger-page,app-payment-page,app-report-dashboard{min-width:0;max-width:100%}img,svg,canvas{max-width:100%}button,input,select,textarea{max-width:100%}@media(max-width:980px){.settings-page,.settings-page .settings-grid,.settings-page .settings-grid>*,.settings-page .settings-card{min-width:0!important;max-width:100%!important}.settings-page .settings-grid{grid-template-columns:minmax(0,1fr)!important}.settings-page .settings-grid>.settings-card{grid-column:1!important}.settings-page :is(.form-grid.two,.form-grid.three,.logo-section,.account-layout,.template-layout,.commercial-template-grid){grid-template-columns:minmax(0,1fr)!important}.settings-page .wide{grid-column:1!important}:is(.dashboard-hero,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header,.accounts-page>.page-hero){min-width:0;max-width:100%;flex-wrap:wrap}:is(.dashboard-hero,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header,.accounts-page>.page-hero)>*{min-width:0;max-width:100%}:is(.page-shell,.customers-page,.settings-page,.quote-workspace,.quotation-list-page,.erp-page,.editor-page,.create-doc,.payments-page,.billing-page,.reports,.accounts-page){min-width:0;max-width:100%;overflow-x:clip}}@media(max-width:700px){input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;width:100%;font-size:16px}button,[role=button]{touch-action:manipulation}:is(.dashboard-hero,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header,.accounts-page>.page-hero){align-items:stretch!important;flex-direction:column!important;gap:16px!important}:is(.dashboard-hero,.customers-hero,.settings-hero,.quote-header,.list-header,.payments-page>.page-header,.editor-page>.page-head,.erp-page>header,.create-doc>header,.billing-page>header,.reports>header,.accounts-page>.page-hero) :is(button,a,.settings-badge,.privacy-pill,.quote-status,.status){align-self:stretch;width:100%;max-width:100%;justify-content:center;white-space:normal}.page-title{font-size:clamp(26px,8.5vw,34px);overflow-wrap:anywhere}.page-copy{line-height:1.55}.settings-page .settings-card{border-radius:18px;padding:16px}.settings-page .card-heading{align-items:flex-start}.settings-page .card-heading>div,.settings-page .card-heading h3,.settings-page .card-heading p{min-width:0;overflow-wrap:anywhere}.settings-page :is(.numbering-list,.form-grid.four){grid-template-columns:minmax(0,1fr)!important}.settings-page .numbering-list article header{align-items:flex-start;flex-direction:column}.settings-page .subscription-note,.settings-page .numbering-note,.settings-page .email-status{align-items:flex-start}.settings-page .action-row>button{flex:1 1 180px}:is(.search-row,.document-search,.filters,.toolbar,.header-actions,.hero-actions,.modal-actions,.feedback-actions){min-width:0;max-width:100%;flex-wrap:wrap}:is(.header-actions,.hero-actions)>:is(button,a){flex:1 1 180px;min-height:44px}:is(.modal,.document-backdrop,.feedback-backdrop,.preview-backdrop){padding:8px}:is(.modal>section,.document-editor,.feedback-dialog,.preview-modal,.customer-modal){width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important}:is(.modal footer,.document-editor>footer,.feedback-actions,.modal-actions){flex-wrap:wrap}:is(.modal footer,.document-editor>footer,.feedback-actions,.modal-actions)>button{flex:1 1 150px;min-height:44px}}@media(max-width:520px){.workspace{padding-right:8px!important;padding-left:8px!important}.topbar-actions{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px!important}.topbar-actions .quick-link{min-width:0;padding-inline:10px}.topbar-actions app-user-menu,.topbar-actions .user-menu{min-width:0;max-width:100%}.topbar-actions .email{min-width:0;max-width:none}.settings-page .subscription-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page .subscription-overview>div{min-width:0;padding:12px}.settings-page .subscription-overview strong{overflow-wrap:anywhere}.settings-page .action-row,.customers-page .action-row{align-items:stretch;flex-direction:column}.settings-page .action-row>button,.customers-page .action-row>button{flex:0 0 auto;width:100%}.settings-page .feedback-dialog{padding:16px}.settings-page .feedback-profile{align-items:flex-start}.settings-page .document-mini-preview header,.settings-page .document-mini-preview>div,.settings-page .document-mini-preview footer{flex-wrap:wrap}.settings-page .pdf-preview div{align-items:flex-start;flex-direction:column}.selected-strip{align-items:flex-start!important;flex-wrap:wrap}.selected-strip button{width:100%}.payments-page .ledger-row{grid-template-columns:minmax(0,1fr)}.payments-page .ledger-row .actions{grid-column:1;flex-wrap:wrap}.payments-page .ledger-row .actions button{flex:1 1 130px}.create-doc>footer,.editor-page .actions{align-items:stretch;flex-direction:column}.create-doc>footer button,.editor-page .actions button{width:100%;min-height:44px}.pwa-install-popup{right:8px;bottom:8px;width:calc(100% - 16px);padding:16px}}@media(max-width:380px){.settings-page .subscription-overview,.topbar-actions{grid-template-columns:minmax(0,1fr)}.topbar-actions .quick-link{justify-content:center}}