:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#edf2f7;color:#1a202c;font-size:14px}*{box-sizing:border-box}html,body{touch-action:manipulation}body{margin:0;min-height:100vh}header{background:#fff;padding:15px 20px;margin:0 -20px 24px;border-bottom:1px solid #e5ebef;box-shadow:0 3px 12px #172b3a0f}.header-top{display:flex;position:relative;min-height:34px;justify-content:center;align-items:center;text-align:center}.header-account{position:absolute;right:0;display:flex;align-items:center;gap:12px}.header-icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#172b3a;cursor:pointer;font-size:1rem}.sidebar-backdrop{position:fixed;inset:0;z-index:70;background:#0f172a47}.app-sidebar{display:flex;flex-direction:column;width:min(86vw,320px);height:100%;padding:10px 16px 0;background:#fff;box-shadow:12px 0 32px #0f172a29;animation:sidebar-slide-in .18s ease-out}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 4px 10px;border-bottom:1px solid #e8eef1}.sidebar-header>div{display:grid;gap:4px}.sidebar-eyebrow{color:#2b6cb0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-header strong{color:#17212b;font-size:1rem}.sidebar-close-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:#f1f6f7;color:#53616a;cursor:pointer}.sidebar-close-button:hover,.sidebar-close-button:focus-visible{background:#e8f7f7;color:#2b6cb0;outline:none}.sidebar-nav{display:grid;gap:0;width:calc(100% + 32px);margin:0 -16px;justify-content:stretch}.sidebar-nav button{display:flex;align-items:center;gap:10px;width:100%;min-width:100%;padding:13px 20px;border:0;border-bottom:1px solid #e8eef1;border-radius:0;background:transparent;color:#334155;cursor:pointer;font:inherit;text-align:left}.sidebar-nav button i{width:20px;color:#2b6cb0;text-align:center}.sidebar-nav button.active{color:#2b6cb0}.sidebar-nav button:focus-visible{outline:2px solid #2b6cb0;outline-offset:-2px}.sidebar-nav button:last-child{border-bottom:0}nav.sidebar-nav button.active{background:#f7fafc}.sidebar-footer{width:calc(100% + 32px);margin:auto -16px 0;border-top:1px solid #e8eef1}.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;min-width:100%;padding:13px 20px;border:0;background:transparent;color:#b42318;cursor:pointer;font:inherit;text-align:left}.sidebar-logout i{width:20px;text-align:center}.sidebar-logout:focus-visible{outline:2px solid #b42318;outline-offset:-2px}@keyframes sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}header h1{margin:0;color:#172b3a;font-size:1rem;font-weight:700;letter-spacing:0;text-transform:capitalize}.api-status{padding:6px 12px;border-radius:999px;font-weight:700;background:#e2e8f0;color:#1a202c}.api-status.online{background:#d1fae5;color:#047857}.api-status.offline{background:#fee2e2;color:#b91c1c}header p{margin:0;color:#4a5568}nav{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}nav button{padding:8px 16px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}nav button.active{background:#2b6cb0;color:#fff;border-color:#2b6cb0}nav button:hover{background:#f7fafc}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 18px 60px #0f172a14;margin-bottom:20px}.field-row,.item-row,.summary-row{display:grid;gap:12px;align-items:center}.field-row{margin-bottom:16px}.field-row label{font-weight:600}.field-row input,.field-row textarea,.field-row select,.item-row input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;font-size:1rem;background-color:#fff}input[type=date]{display:block;box-sizing:border-box;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}input[type=date]::-webkit-date-and-time-value{min-width:0;width:100%}.field-row textarea{resize:vertical;min-height:80px}.item-row{grid-template-columns:1.6fr .6fr .8fr auto;gap:12px;margin-bottom:12px}.remove-button,.primary-button,.whatsapp-button{border:none;cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:700}.status-message{margin-top:14px;color:#2d3748;font-weight:600}.error-text{color:#e53e3e;font-size:.875rem;margin-top:4px;font-weight:500}.error-box{display:inline-flex;align-items:center;gap:.75rem;width:100%;padding:12px 14px;border-radius:14px;border:1px solid #fca5a5;background:#fff1f2;color:#b91c1c;font-weight:400;font-size:.85rem;margin-top:12px}.error-box .error-icon{font-size:1rem;line-height:1}.error-box.status-4xx,.error-text.status-4xx{color:#b42318;border-color:#f9a8d4}.error-box.status-5xx,.error-text.status-5xx{color:#7f1d1d;border-color:#fecaca}.error-box.status-other,.error-text.status-other{color:#b91c1c;border-color:#fca5a5}.remove-button{background:#fed7d7;color:#b91c1c}.primary-button{background:#2b6cb0;color:#fff;width:fit-content}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;width:100%;background:#25d366;color:#fff;text-decoration:none;margin-top:16px}.report-whatsapp-button{width:auto;margin-top:8px;padding:10px 14px}.bill-summary.bill-dropdown{position:relative;align-items:center}.bill-menu-button{background:#2d3748;color:#fff;border:none;border-radius:999px;width:42px;height:42px;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.bill-menu-button:hover,.bill-menu-button:focus{background:#1f2937}.bill-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 16px 40px #0f172a1f;z-index:20;padding:8px 0}.bill-menu-item{width:100%;text-align:left;background:transparent;border:none;padding:12px 16px;font-size:.95rem;color:#1f2937;cursor:pointer}.bill-menu-item:hover,.bill-menu-item:focus{background:#f8fafc}.bill-menu-item-disabled{color:#94a3b8;cursor:not-allowed}.preview-card pre{white-space:pre-wrap;word-break:break-word;background:#f7fafc;border-radius:14px;padding:18px;border:1px solid #e2e8f0;color:#2d3748;font-size:.95rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:1.1rem}.action-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.login-screen{min-height:70vh;display:grid;place-items:center;padding:24px 0}.login-card{width:min(100%,420px);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 60px #0f172a1f}.login-card h2{margin:0 0 8px;color:#1e5a8e;font-size:1.7rem}.login-card p{margin:0 0 20px;color:#4a5568}.login-form{display:grid;gap:12px}.login-form .field-row{margin-bottom:0}.login-form .field-row span{display:inline-block;margin-bottom:6px;font-weight:600;color:#2d3748}.login-button{width:100%;padding:14px 18px;margin-top:6px}.logout-button{border:1px solid #d5e0e5;cursor:pointer;padding:7px 10px;font-weight:700;background:#fff;color:#52636d}.header-top>.header-icon-button{position:absolute;left:0}.header-icon-button:hover,.logout-button:hover{background:#f1f6f7;color:#2b6cb0}@media(max-width:560px){.app-shell{padding:0 12px 74px}header{padding:10px 14px}.logout-button{display:none}input[type=date]{-webkit-appearance:none;appearance:none}}.welcome-section{background:linear-gradient(135deg,#2b6cb0,#1e5a8e);border-radius:16px;padding:20px 24px;margin-bottom:20px;box-shadow:0 8px 24px #2b6cb026;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome-section:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,#ffffff14,#fff0 70%);border-radius:50%;pointer-events:none}.welcome-section:after{content:"";position:absolute;bottom:-30%;left:-15%;width:150px;height:150px;background:radial-gradient(circle,#ffffff0f,#fff0 70%);border-radius:50%;pointer-events:none}.welcome-content{text-align:left;position:relative;z-index:1}.welcome-greeting{margin:0 0 6px;font-size:clamp(1.3rem,4vw,1.8rem);color:#fff;font-weight:800;letter-spacing:-.5px;line-height:1.2;display:flex;align-items:center;gap:6px}.welcome-name{margin:0 0 8px;font-size:clamp(.95rem,2.5vw,1.2rem);color:#fffffff2;font-weight:700;letter-spacing:-.2px;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.welcome-date{margin:0;font-size:.85rem;color:#fffc;font-weight:500;letter-spacing:.1px;display:flex;align-items:center;gap:4px}.welcome-date i{font-size:.75rem}.welcome-icon{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff1f;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.welcome-icon i{font-size:2.4rem;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.1)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 18px 60px #0f172a14;text-align:center}.stat-card-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 12px;background:#e8f7f7;color:#2b6cb0;font-size:.9rem}.stat-icon-bill{background:#e9f5ff;color:#2477a8}.stat-icon-amc{background:#e9f8ef;color:#23905c}.stat-icon-expiry{background:#fff0f0;color:#de5b55}.stat-icon-upcoming{background:#fff4e8;color:#e28a35}.stat-icon-earning{background:#e8f7f7;color:#2b6cb0}.stat-icon-pending{background:#fff0eb;color:#e0644d}.stat-icon-customers{background:#eef0ff;color:#6865b8}.stat-icon-visits{background:#eaf4ff;color:#397fb5}.stat-card h3{margin:0 0 12px;color:#4a5568;font-size:1rem;font-weight:600}.stat-value{font-size:2rem;font-weight:700;color:#2b6cb0;margin:0}.stat-note{display:block;margin-top:8px;color:#718096;font-size:.72rem;font-weight:500}.stat-card-pending .stat-value{color:#c05640}@media(min-width:900px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media(max-width:899px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:480px){.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card h3{font-size:.82rem}.stat-value{font-size:1.45rem}}.stat-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.stat-card-link:hover{transform:translateY(-2px)}.reset-button{background:transparent;border:1px solid #cbd5e1;color:#1f2937;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.reset-button:hover:not(:disabled){background:#f7fafc}.reset-button:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-overlay{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:60}.confirm-modal-content{background:#fff;padding:18px;border-radius:12px;width:min(480px,92%);box-shadow:0 18px 60px #0f172a1f}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.cancel-button{background:transparent;border:1px solid #cbd5e1;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.cancel-button:hover{background:#f7fafc}.customers-report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;margin-bottom:12px}.customers-report-heading h2{margin:0}.customers-report-heading .primary-button{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-size:.78rem;text-decoration:none}.customer-search-field{display:grid;gap:6px;margin-bottom:18px;color:#52616b;font-size:.78rem;font-weight:700}.customer-search-input-wrap{position:relative}.customer-search-input-wrap i{position:absolute;top:50%;left:14px;color:#78909c;pointer-events:none;transform:translateY(-50%)}.customer-search-input-wrap input{width:100%;min-width:0;height:40px;padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#243746;font:inherit;font-size:.86rem}.customer-search-input-wrap input:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb01f;outline:none}.customer-bill-history{width:100%;height:100%;margin:0;border-radius:0;overflow:auto}.customer-history-overlay{position:fixed;inset:0;z-index:60;padding:0;background:#0f172aa6}.customer-detail-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172aa6}.customer-detail-popup{width:min(100%,520px);margin:0;padding:28px;border:1px solid #e2e8f0;border-radius:20px;max-height:90vh;overflow:auto}.customer-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.customer-detail-identity{display:flex;align-items:center;gap:12px;min-width:0}.customer-detail-identity>div{min-width:0}.customer-detail-heading h3{margin:3px 0 0;color:#1a202c;font-size:1.2rem}.customer-detail-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e0f2fe;color:#0369a1;font-size:1.1rem}.customer-service-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.customer-service-date{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff}.customer-service-date-due{border-color:#bbf7d0;background:#f0fdf4}.customer-service-date>div{display:grid;gap:3px;min-width:0}.customer-service-date strong,.customer-service-date span:last-child{color:#334155}.customer-service-date strong{font-size:.68rem;text-transform:uppercase}.customer-service-date span:last-child{font-size:.82rem;font-weight:700;white-space:nowrap}.customer-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.customer-detail-list p{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:12px 0;border-bottom:1px solid #edf2f7;overflow-wrap:anywhere}.customer-detail-list p>span:last-child{color:#334155;font-size:.86rem;font-weight:600}.customer-detail-list .customer-detail-icon{color:#64748b;font-size:.8rem}.customer-detail-list strong{color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase}.customer-detail-list p:last-child{border-bottom:0}@media(max-width:560px){.customer-detail-overlay{padding:12px}.customer-detail-popup{padding:20px}.customer-detail-heading{gap:10px}.customer-service-dates,.customer-detail-list{grid-template-columns:1fr}}.customer-detail-list p{margin:0}.customer-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.customer-history-heading h3{margin:3px 0 0;color:#1a202c;font-size:1rem}.customer-history-label{color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase}.customer-open-bill{width:auto;padding:8px 10px;white-space:nowrap}.customer-list,.service-list,.bill-list,.amc-expiry-list{display:grid;gap:12px}.customer-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.customer-item,.service-item,.bill-item,.amc-expiry-item{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}.customer-item h4,.service-item h4,.bill-item h4,.amc-expiry-item h4{margin:0 0 6px;color:#1a202c;font-size:.98rem}.customer-item{position:relative;padding:18px 60px 16px 18px;border-color:#dbe5ea;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.customer-item:hover{border-color:#b8d3df;box-shadow:0 10px 24px #172b3a14;transform:translateY(-1px)}.customer-card-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #edf2f7}.customer-card-header>div{min-width:0}.customer-card-avatar{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:11px;background:#e0f2fe;color:#0369a1;font-size:.9rem}.customer-card-eyebrow{display:block;margin-bottom:2px;color:#64748b;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.customer-card-header h4{margin:0;overflow:hidden;color:#17212b;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.customer-card-details{display:grid;gap:9px;margin-top:14px}.customer-item .customer-card-details p{display:flex;align-items:flex-start;gap:9px;margin:0;color:#52616b;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}.customer-card-details i{width:14px;margin-top:3px;color:#78909c;text-align:center}.customer-service-summary{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f7}.customer-item .customer-service-summary p{display:flex;align-items:center;gap:8px;margin:0;color:#52616b;font-size:.78rem;line-height:1.35}.customer-service-summary i{width:14px;color:#78909c;text-align:center}.customer-service-summary p:first-child span{color:#243746;font-weight:700}.customer-actions{position:absolute;top:12px;right:12px}.customer-actions .bill-menu-button{width:34px;height:34px;font-size:18px}.customer-actions .bill-dropdown-menu{top:calc(100% + 6px)}.customer-actions .bill-menu-item{display:block;text-decoration:none}.customer-item p,.service-item p,.bill-item p,.amc-expiry-item p{margin:3px 0;color:#4a5568;font-size:.84rem}.customer-item .customer-next-due{display:flex;align-items:center;gap:6px;margin-top:16px;padding:9px 10px;border:1px solid #bae6fd;border-radius:9px;background:#f0f9ff;color:#0369a1;font-size:.78rem;font-weight:700}.reports-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.reports-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;color:#64748b;transition:all .3s ease}.reports-tab:hover{color:#0f172a;background:#f8fafc}.reports-tab.active{color:#0f172a;border-bottom-color:#2b6cb0}.rate{font-weight:600;color:#2b6cb0}.bill-header,.amc-expiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.bill-main{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.bill-info{min-width:0}.bill-number{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#0f172a;font-size:.82rem}.bill-number-label{color:#64748b;font-size:.74rem;font-weight:600}.bill-customer{margin-top:5px;color:#0f172a;font-weight:700;font-size:.88rem}.bill-due{margin-top:3px;color:#64748b;font-size:.78rem}.bill-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px}.bill-amount{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#0369a1;font-weight:700;font-size:.86rem;min-width:100px;text-align:center}.bill-menu-button{width:30px;height:30px;border-radius:50%;border:none;background:#e0f2fe;color:#0369a1;font-size:1rem;cursor:pointer}.bill-menu-button:hover{background:#bae6fd}.bills-report>h2{margin:20px 0 12px;color:#17212b;font-size:1.2rem}.bills-report .bill-list{gap:14px}.bill-filters{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:12px;align-items:end;padding-bottom:16px;border-bottom:1px solid #edf2f7}.bill-quick-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.bill-quick-filters>span{color:#52616b;font-size:.72rem;font-weight:700}.bill-quick-filter-options{display:flex;gap:2px;padding:3px;border:1px solid #dbe5ea;border-radius:10px;background:#f8fafc}.bill-quick-filter-options button{min-height:30px;padding:5px 11px;border:0;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700}.bill-quick-filter-options button:hover{color:#0369a1;background:#e0f2fe}.bill-quick-filter-options button.active{background:#0369a1;color:#fff;box-shadow:0 3px 8px #0369a133}.bill-filters label{display:grid;gap:6px;min-width:0;color:#52616b;font-size:.72rem;font-weight:700}.bill-filter-search{grid-column:span 2}.bill-filters input,.bill-filters select{width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#243746;font:inherit;font-size:.82rem}.bill-filter-input-wrap{position:relative}.bill-filter-input-wrap i{position:absolute;top:12px;left:11px;color:#78909c;font-size:.78rem;pointer-events:none}.bill-filter-input-wrap input{padding-left:31px}.bill-filter-reset{display:inline-flex;align-items:center;justify-content:center;align-self:end;gap:6px;height:40px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#52616b;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700}.bill-filter-reset:hover{border-color:#94a3b8;background:#f8fafc}.bill-results-summary{padding:14px 0 10px;color:#71808a;font-size:.76rem;font-weight:600}.bills-report .bill-report-item{padding:16px 18px;border-color:#dbe5ea;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.bills-report .bill-report-item:hover{border-color:#b8d3df;box-shadow:0 10px 24px #172b3a14;transform:translateY(-1px)}.bills-report .bill-number{gap:8px;font-size:.86rem}.bill-report-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e0f2fe;color:#0369a1;font-size:.78rem}.bills-report .bill-number-label{margin-left:2px}.bills-report .bill-number strong{color:#17212b;font-weight:800}.bills-report .bill-customer{margin-top:8px;color:#243746;font-size:.94rem}.bills-report .bill-due{margin-top:5px;color:#71808a;font-size:.78rem}.bills-report .bill-service-type{display:flex;align-items:center;gap:7px;margin-top:7px;color:#0369a1;font-size:.82rem;font-weight:700}.bills-report .bill-service-type i{width:14px;text-align:center}.bills-report .bill-status{padding:6px 9px;border-radius:999px;background:#fef3c7;color:#a16207;font-size:.68rem;font-weight:800;text-transform:capitalize}.bills-report .bill-status-paid,.bills-report .bill-status-completed{background:#dcfce7;color:#15803d}.bills-report .bill-status-unpaid,.bills-report .bill-status-due{background:#fee2e2;color:#b91c1c}.bills-report .bill-amount{min-width:112px;background:#ecfdf5;color:#047857}@media(max-width:560px){.bill-quick-filters{align-items:flex-start;flex-direction:column}.bill-quick-filter-options{width:100%}.bill-quick-filter-options button{flex:1;padding-inline:6px}.bill-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-filter-search{grid-column:span 2}.bills-report .bill-report-item{padding:14px}.bills-report .bill-main{grid-template-columns:1fr}.bills-report .bill-summary{justify-content:flex-start;margin-top:8px}}@media(max-width:400px){.bill-filters{grid-template-columns:1fr}.bill-filter-search{grid-column:auto}}.status,.expiry-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status.pending{background:#fef3c7;color:#d97706}.status.paid{background:#d1fae5;color:#059669}.expiry-badge{background:#fef2f2;color:#b91c1c;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.helper-text{margin:8px 0 0;color:#4a5568;font-size:.92rem}.link-button{background:transparent;border:none;color:#2b6cb0;cursor:pointer;font-weight:700;text-decoration:underline;padding:0}.link-button:hover{color:#1d4e89}.detail-toggle-button{margin-top:10px}.detail-panel{margin-top:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.detail-section{margin-bottom:10px}.detail-section h5{margin:0 0 8px;color:#2b6cb0}.detail-section p{margin:4px 0}.detail-items{margin-top:8px}.detail-items ul{margin:6px 0 0 18px;padding:0}.detail-items li{margin-bottom:4px;color:#4a5568}.bill-view-page{display:flex;justify-content:center;padding:28px 16px 40px}.receipt-card{width:100%;max-width:380px;background:#fff;padding:22px 20px;border-radius:24px;box-shadow:0 24px 60px #0f172a24;border:1px solid #ececec;position:relative}.receipt-top{text-align:center;margin-bottom:12px}.receipt-shop-name{margin:0;font-size:1rem;font-weight:700;letter-spacing:.16em}.receipt-shop-meta{margin:4px 0;color:#6b7280;font-size:.78rem}.receipt-starline{text-align:center;color:#111827;letter-spacing:.4em;opacity:.55;margin:10px 0;font-size:.82rem}.receipt-dots-line{display:block;width:100%;height:0;border-bottom:1px dotted #111827;opacity:.55;margin:12px 0}.receipt-title-group{text-align:center;margin-bottom:12px}.receipt-subtitle{margin:0;letter-spacing:.2em;font-size:.75rem;color:#64748b}.receipt-title{margin:0;font-size:1.05rem;font-weight:700;color:#111827}.receipt-meta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;color:#475569;font-size:.72rem}.receipt-meta-row div{display:grid;gap:4px}.receipt-item-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:.95rem;color:#1f2937}.receipt-item-header{font-weight:700;border-bottom:1px dashed #d1d5db;padding-bottom:10px;margin-bottom:10px}.receipt-items{margin-bottom:14px}.receipt-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:#1f2937;padding:6px 0}.receipt-summary-row strong{font-weight:700}.receipt-summary-row.total-row{font-size:1rem}.receipt-notes-section{padding:12px 0;margin:8px 0}.notes-label{display:block;font-weight:600;font-size:.9rem;color:#1f2937;margin-bottom:6px}.notes-text{margin:0;font-size:.85rem;color:#475569;line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.receipt-footer{text-align:center;padding-top:16px}.receipt-info-row{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#374151}.receipt-info-label{white-space:nowrap}.receipt-info-dots{flex:1;border-bottom:1px dotted #111827;min-width:16px;color:#111827}.receipt-footer-note{margin:0 0 16px;font-size:.92rem;color:#475569}.receipt-barcode{width:100%;height:36px;margin:0 auto;background:repeating-linear-gradient(90deg,#111827,#111827 2px,transparent 2px,transparent 4px)}.bill-modal-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.bill-modal-content{position:relative;width:min(100%,960px);max-height:min(100%,92vh);overflow:auto;background:#f8fafc;border-radius:28px;box-shadow:0 32px 80px #0f172a3d}.bill-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:50%;background:#fff;color:#111827;font-size:1.35rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #0f172a2e}.bill-modal-close:hover{background:#eff6ff}.bill-view-page{border:1px solid #e2e8f0;border-radius:14px;border-bottom:1px dotted #111827;background:#f8fafc;margin-top:24px}.designed-by{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:18px;padding:10px 0 18px;color:#475569;font-size:.85rem}.designed-by-logo{height:15px;width:auto;display:inline-block}@media(max-width:640px){.receipt-card{padding:18px}.receipt-item-row{font-size:.9rem}.receipt-title{font-size:1.15rem}}.invoice-label{display:block;font-size:.75rem;letter-spacing:.2em;color:#111827;color:#64748b;margin-bottom:8px}.invoice-headline h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);color:#0f172a;letter-spacing:-.02em}.invoice-subtitle{margin-top:8px;color:#475569;max-width:420px}.invoice-number-card{display:grid;gap:12px;min-width:220px}.invoice-number-card div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.meta-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:6px}.invoice-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:uppercase}.invoice-status.paid{background:#dcfce7;color:#166534}.invoice-status.pending{background:#fef9c3;color:#854d0e}.invoice-status.cancelled,.invoice-status.void{background:#fee2e2;color:#991b1b}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}@media(max-width:840px){.invoice-headline,.invoice-grid{display:block}.invoice-number-card{grid-template-columns:1fr 1fr}.invoice-number-card div{padding:16px}}@media(max-width:640px){.invoice-card{padding:22px}.invoice-headline{gap:16px}.invoice-headline h1{font-size:2rem}.invoice-number-card{grid-template-columns:1fr}.invoice-table th,.invoice-table td{padding:12px 10px}.invoice-summary-card{padding:16px}.share-link-card{padding:14px}}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.section-title{margin:0 0 10px;font-size:.95rem;font-weight:700;color:#0f172a}.invoice-table-wrapper{overflow-x:auto;margin-bottom:24px}.invoice-table{width:100%;border-collapse:collapse;min-width:720px}.invoice-table th,.invoice-table td{text-align:left;padding:16px 18px;border-bottom:1px solid #e2e8f0}.invoice-table th{font-size:.82rem;color:#475569;background:#f8fafc;text-transform:uppercase;letter-spacing:.04em}.invoice-table td{font-size:.95rem;color:#334155}.invoice-table tbody tr:hover{background:#f8fafc}.text-right{text-align:right}.invoice-summary-card{display:grid;gap:12px;margin-bottom:18px;padding:22px 24px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.invoice-summary-card div{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.95rem;color:#475569}.invoice-summary-card strong{color:#0f172a}.invoice-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e2e8f0;font-size:1.05rem;font-weight:700;color:#0f172a}.invoice-note{margin-top:0;color:#475569;font-size:.92rem}.share-link-card{border:1px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff;margin-top:26px}.share-link-label{display:block;margin-bottom:8px;color:#475569;font-size:.82rem}.share-link-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-size:.92rem;color:#0f172a}main{margin-top:0}.app-shell{max-width:none;margin:0 auto;padding:0 20px 120px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fffffff5;border-top:1px solid rgba(148,163,184,.3);padding:4px 8px 16px;box-shadow:0 -10px 30px #0f172a14}.bottom-nav nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:5px;margin-bottom:5px}.bottom-nav button{padding:6px 8px;font-size:1.25rem;border-radius:10px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:40px}@media(min-width:768px){.bottom-nav{padding:8px 12px 10px}.bottom-nav nav{gap:10px}.bottom-nav button{padding:10px 14px;min-height:44px}}.bottom-nav button i{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.bottom-nav button:hover{background:#2b6cb014;color:#2b6cb0;transform:translateY(-2px)}.bottom-nav button.active{background:linear-gradient(135deg,#2b6cb0,#1e5a8e);color:#fff;box-shadow:0 4px 12px #2b6cb04d;font-weight:600}.bottom-nav nav{align-items:end}.bottom-nav button{display:grid;place-items:center;gap:3px;min-height:48px;padding:4px 2px;color:#64747b;font-size:.76rem;font-weight:500;line-height:1}.bottom-nav button i{font-size:.92rem}.bottom-nav button span{display:block;white-space:nowrap}.bottom-nav button:hover{background:none;transform:none}.bottom-nav .bottom-nav-add{position:relative;min-height:64px;margin-top:-20px;color:#fff;overflow:visible}.bottom-nav .bottom-nav-add i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2b6cb0;box-shadow:0 4px 12px #2b6cb047;font-size:1.15rem}.bottom-nav .bottom-nav-add{min-height:48px;margin-top:-26px;padding:0}.bottom-nav .bottom-nav-add i{width:50px;height:50px;font-size:1.3rem}.bottom-nav .bottom-nav-add span{display:none}.stats-grid .stat-card{min-height:104px;padding:11px 13px;row-gap:2px}.stats-grid .stat-card-icon{width:30px;height:30px;margin:0;background:transparent;box-shadow:none}.stats-grid .stat-card h3{margin:0;line-height:1.1}.stats-grid .stat-value{margin:0;line-height:1}.stats-grid .stat-note{margin:2px 0 0;line-height:1.1}.quick-action-icon{background:transparent;border-color:transparent;box-shadow:none}.dashboard-section{margin-top:24px}.dashboard-section .section-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px}.dashboard-section .section-heading h2{margin:0;color:#17212b;font-size:.88rem;font-weight:700}.dashboard-section .section-heading a{color:#2b6cb0;font-size:.66rem;font-weight:700;text-decoration:none}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{display:grid;justify-items:center;gap:7px;min-width:0;padding:10px 6px;color:#53616a;font-size:.64rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none}.quick-action:hover{color:#2b6cb0}.quick-action-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5edef;color:#2b6cb0;background:#fff;box-shadow:0 3px 10px #1c2f3b0f;font-size:.92rem}.quick-action-customer{color:#2477a8}.quick-action-bill{color:#29947b}.quick-action-message{color:#5d6fb1}.quick-action-service{color:#e28a35}.schedule-section{margin-bottom:24px}.schedule-list{display:grid;gap:8px}.schedule-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 12px;border:1px solid #e8eef1;background:#fff;box-shadow:0 3px 10px #1c2f3b0a}.schedule-avatar{display:grid;place-items:center;width:32px;height:32px;background:#fff1e8;color:#c56b38;font-size:.72rem;font-weight:700}.schedule-details{display:grid;gap:3px;min-width:0}.schedule-details strong{overflow:hidden;color:#17212b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.schedule-details small{overflow:hidden;color:#7b878e;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.schedule-time{color:#17212b;font-size:.65rem;font-weight:700;white-space:nowrap}.empty-schedule{margin:0;padding:16px 0;color:#7b878e;font-size:.72rem}.empty-state{margin:32px 0;padding:24px;text-align:center;color:#7b878e;font-size:.92rem;background:#f8fafc;border-radius:8px}@media(max-width:480px){.quick-actions-grid{gap:4px}.quick-action{padding-inline:2px;font-size:.58rem}.quick-action-icon{width:38px;height:38px}}.stats-grid .stat-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:12px;row-gap:4px;min-height:128px;padding:16px;text-align:left}.stats-grid .stat-card-icon{grid-column:1;grid-row:1 / span 3;margin:0;align-self:center}.stats-grid .stat-card h3{grid-column:2;min-width:0;margin:0;color:#53616a;font-size:.78rem;line-height:1.2}.stats-grid .stat-value{grid-column:2;min-width:0;overflow-wrap:anywhere;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.1}.stats-grid .stat-note{grid-column:2;margin:0;font-size:.62rem;line-height:1.2}.welcome-date{align-items:center}@media(max-width:480px){.stats-grid .stat-card{min-height:80px;padding:13px 12px;column-gap:9px}.stats-grid .stat-card-icon{width:30px;height:30px;font-size:1.2rem}.stats-grid .stat-card h3{font-size:.7rem}.stats-grid .stat-value{font-size:1.15rem}}.dashboard{width:calc(100% + 40px);margin-left:-20px;padding:0 20px}@media(max-width:560px){.dashboard{width:calc(100% + 24px);margin-left:-12px;padding:0 12px}}@media(max-width:560px){.bottom-nav{padding:5px 12px 9px}.bottom-nav nav{gap:0}}@media(min-width:768px){.bottom-nav{max-width:1200px;margin:0 auto;left:0;right:0;width:calc(100% - 40px);border-radius:18px 18px 0 0}}.bill-terms-section{padding:20px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#334155;line-height:1.7}.bill-terms-section .terms-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.bill-terms-section .terms-header h3{margin:0;font-size:.8rem;color:#1e5a8e}.toggle-terms-button{background:transparent;border:none;color:#2b6cb0;cursor:pointer;font-weight:700;text-decoration:underline;padding:0;font-size:.7rem}.toggle-terms-button:hover{color:#1d4e89}.terms-content p,.terms-content ol{margin:0 0 14px;font-size:.6rem;color:#475569}.terms-content ol{padding-left:1.2rem}.terms-content ol li{margin-bottom:10px}.terms-content{padding:10px 0 0}:root{background:#fff}body{background:#fff}.app-shell{max-width:1280px;padding:0 24px 120px}main{max-width:1200px;margin:0 auto}header{margin-inline:-24px;margin-bottom:0}.dashboard{color:#17212b;width:auto;margin-inline:0;padding:0}.welcome-section{background:#2b6cb0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-block:12px;border-radius:0;box-shadow:0 8px 18px #2b6cb02e}.welcome-icon{width:56px;height:56px}.welcome-icon i{font-size:1.7rem}.welcome-section:before,.welcome-section:after{background:transparent;border-color:#ffffff1f}.welcome-greeting,.welcome-name{color:#fff}.welcome-name{background:none;-webkit-text-fill-color:#ffffff}.welcome-date{color:#ffffffdb}.stat-card{border:1px solid #e8eef1;background:#fff;box-shadow:0 4px 14px #1c2f3b0f}.stat-card h3{color:#53616a}.stat-value{color:#17212b}.stat-note{color:#7b878e}.stat-card-earning .stat-value{color:#2b6cb0}.stat-card-pending .stat-value{color:#e0644d}.stat-card-link:hover{border-color:#8dd4d7;box-shadow:0 7px 18px #2b6cb01f}.bottom-nav{background:#fff;border-top-color:#e5edef;box-shadow:0 -6px 20px #1c2f3b14}.bottom-nav button{color:#66747b}.bottom-nav button i{font-size:1.05rem}.bottom-nav button:hover{background:none;color:#66747b}.bottom-nav button.active{background:#2b6cb0;color:#fff;box-shadow:0 4px 10px #2b6cb03d}.bottom-nav button.active{background:transparent;color:#2b6cb0;box-shadow:none}.bottom-nav .bottom-nav-add,.bottom-nav .bottom-nav-add:hover{background:transparent;color:#fff}.bottom-nav .bottom-nav-add i{background:#2b6cb0;color:#fff}.bottom-nav .bottom-nav-add span{color:#64747b}@media(max-width:560px){.app-shell{padding-inline:16px}header{margin-inline:-16px}}.bottom-nav{padding:1px 8px 3px}.bottom-nav button{min-height:34px;padding:2px}.bottom-nav .bottom-nav-add{position:relative;min-height:36px;margin-top:0;overflow:visible;z-index:1}.bottom-nav .bottom-nav-add i{position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%);z-index:2}.add-customer-page{--customer-ink: #182b35;--customer-muted: #6c7d83;--customer-line: #e3eceb;--customer-teal: #2b6cb0;max-width:780px;margin:0 auto}.customer-page-intro{padding:12px 4px 26px}.page-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--customer-teal);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.customer-page-intro h2{margin:8px 0 6px;color:var(--customer-ink);font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.04em}.customer-page-intro p{margin:0;color:var(--customer-muted);font-size:.98rem}.add-customer-page .customer-form-card{margin:0;border:1px solid var(--customer-line);border-radius:12px;padding:clamp(20px,4vw,30px);box-shadow:0 14px 36px #183e420f}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--customer-line)}.section-heading>div{display:flex;align-items:baseline;gap:11px}.section-heading h3{margin:0;color:var(--customer-ink);font-size:1.15rem}.required-note{color:var(--customer-muted);font-size:.72rem;font-weight:700}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding-top:24px}.customer-form-grid .field-row{margin-bottom:18px}.customer-form-grid .field-wide{grid-column:1 / -1}.add-customer-page .field-row{gap:7px}.add-customer-page .field-row label{color:var(--customer-ink);font-size:.83rem;font-weight:750}.add-customer-page .field-row label span{color:#d35f4c}.add-customer-page .field-row input,.add-customer-page .field-row textarea{border:1px solid #d6e2e1;border-radius:8px;padding:12px 13px;color:var(--customer-ink);font-size:.92rem;transition:border-color .16s ease,box-shadow .16s ease}.add-customer-page .field-row input:focus,.add-customer-page .field-row textarea:focus{border-color:var(--customer-teal);box-shadow:0 0 0 3px #2b6cb024;outline:none}.add-customer-page .field-row input::placeholder,.add-customer-page .field-row textarea::placeholder{color:#9aabad}.form-actions{display:flex;align-items:center;gap:16px;padding-top:4px}.add-customer-page .customer-save-button{display:inline-flex;align-items:center;gap:9px;border-radius:8px;padding:12px 18px;background:var(--customer-teal);font-size:.86rem;transition:background .16s ease,transform .16s ease}.add-customer-page .customer-save-button:hover:not(:disabled){background:#1e5a8e;transform:translateY(-1px)}.secure-note{color:var(--customer-muted);font-size:.76rem}.secure-note i{margin-right:5px;color:var(--customer-teal)}.add-customer-page .status-message{margin-bottom:0;color:var(--customer-teal);font-size:.84rem}@media(max-width:520px){.customer-page-intro{padding-top:6px}.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .field-wide{grid-column:auto}.form-actions{align-items:flex-start;flex-direction:column;gap:10px}}.customer-success-popup{position:fixed;top:0;right:0;left:0;z-index:100;display:flex;align-items:center;gap:14px;min-height:72px;padding:14px max(20px,calc((100vw - 1160px)/2));overflow:hidden;background:#2b6cb0;color:#fff;box-shadow:0 12px 30px #0d343333;animation:customer-success-in .22s ease-out}.customer-success-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#e1efff;color:#2b6cb0}.customer-success-popup>div:nth-child(2){display:grid;gap:3px}.customer-success-popup strong{font-size:.94rem;letter-spacing:.01em}.customer-success-popup span{color:#ffffffb8;font-size:.78rem}.customer-error-popup{background:#7f2d2d}.customer-error-popup .customer-success-icon{background:#fee2e2;color:#b42318}.customer-success-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#b9d8f7;transform-origin:left;animation:customer-success-progress 3s linear forwards}@keyframes customer-success-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes customer-success-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:520px){.customer-success-popup{gap:10px;min-height:68px;padding:12px 16px}.customer-success-popup strong{font-size:.86rem}}.create-bill-page{--bill-ink: #182b35;--bill-muted: #6c7d83;--bill-line: #e3eceb;--bill-teal: #2b6cb0;--bill-soft: #edf4fc;max-width:1160px;margin:0 auto}.bill-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 4px 26px}.bill-page-intro h2{margin:8px 0 6px;color:var(--bill-ink);font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.04em}.bill-page-intro p{margin:0;color:var(--bill-muted);font-size:.98rem}.bill-total-teaser{display:grid;min-width:150px;padding:13px 16px;border:1px solid #cfe1f5;border-radius:10px;background:var(--bill-soft);text-align:right}.bill-total-teaser span{color:var(--bill-muted);font-size:.7rem;font-weight:700;text-transform:uppercase}.bill-total-teaser strong{margin-top:3px;color:var(--bill-teal);font-size:1.25rem}.bill-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:20px;align-items:start}.bill-editor-column{display:grid;gap:18px}.create-bill-page .bill-section-card,.create-bill-page .bill-preview-card{margin:0;border:1px solid var(--bill-line);border-radius:12px;padding:clamp(20px,3vw,28px);box-shadow:0 14px 36px #183e420f}.bill-section-heading,.bill-preview-heading{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--bill-line)}.bill-section-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;background:var(--bill-soft);color:var(--bill-teal)}.bill-section-heading h3,.bill-preview-heading h3{margin:0;color:var(--bill-ink);font-size:1.08rem}.bill-section-heading p{margin:4px 0 0;color:var(--bill-muted);font-size:.78rem}.bill-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding-top:22px}.bill-form-grid .bill-field-wide{grid-column:1 / -1}.create-bill-page .field-row{gap:7px;margin-bottom:18px}.create-bill-page .field-row label,.bill-item-editor label{color:var(--bill-ink);font-size:.8rem;font-weight:750}.create-bill-page .field-row input,.create-bill-page .field-row select,.create-bill-page .field-row textarea,.bill-item-editor input,.bill-notes-card textarea{border:1px solid #d6e2e1;border-radius:8px;padding:11px 12px;color:var(--bill-ink);font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease}.create-bill-page .field-row input:focus,.create-bill-page .field-row select:focus,.create-bill-page .field-row textarea:focus,.bill-item-editor input:focus,.bill-notes-card textarea:focus{border-color:var(--bill-teal);box-shadow:0 0 0 3px #2b6cb024;outline:none}.create-bill-page .helper-text{margin:7px 0 0;color:var(--bill-muted);font-size:.76rem}.create-bill-page .link-button{padding:0;border:0;background:transparent;color:var(--bill-teal);cursor:pointer;font:inherit;font-weight:750}.selected-customer-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #cfe1f5;border-radius:10px;background:var(--bill-soft)}.selected-customer-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:9px;background:#dcecff;color:var(--bill-teal)}.selected-customer-card>div:nth-child(2){display:grid;gap:2px;min-width:0}.selected-customer-card span,.selected-customer-card p{margin:0;color:var(--bill-muted);font-size:.72rem}.selected-customer-card strong{color:var(--bill-ink);font-size:.9rem}.selected-customer-check{margin-left:auto;color:var(--bill-teal)}.bill-items-heading{margin-bottom:20px}.bill-items-list{display:grid;gap:12px}.bill-item-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.5fr) minmax(90px,.5fr) 34px;gap:10px;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--bill-line)}.item-field{display:grid;gap:7px;min-width:0;overflow:hidden}.bill-item-editor input{min-width:0;max-width:100%}.bill-item-editor .error-text{overflow-wrap:anywhere}.bill-remove-item{display:grid;width:34px;height:38px;padding:0;place-items:center;border-radius:8px;background:#fff0ed;color:#b45342}.bill-remove-item:hover{background:#fbd9d1}.secondary-action-button{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 12px;border:1px solid #cfe1f5;border-radius:8px;background:#fff;color:var(--bill-teal);cursor:pointer;font:inherit;font-size:.8rem;font-weight:750}.secondary-action-button:hover{background:var(--bill-soft);border-color:var(--bill-teal)}.bill-notes-card textarea{width:100%;margin-top:20px;resize:vertical}.bill-preview-card{position:sticky;top:18px}.bill-preview-heading{align-items:center;justify-content:space-between}.bill-preview-heading .page-kicker{font-size:.66rem}.bill-preview-heading h3{margin-top:5px}.bill-preview-heading>i{color:var(--bill-teal);font-size:1.25rem}.bill-preview-customer{display:grid;gap:3px;padding:18px 0;border-bottom:1px solid var(--bill-line)}.bill-preview-customer span,.bill-preview-customer small{color:var(--bill-muted);font-size:.72rem}.bill-preview-customer strong{color:var(--bill-ink);font-size:.95rem}.create-bill-page .bill-preview-card pre{max-height:250px;margin:18px 0;overflow:auto;border:0;border-radius:8px;background:#f7faf9;color:#496067;font-size:.76rem;line-height:1.6}.bill-preview-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--bill-line)}.bill-preview-total span{color:var(--bill-muted);font-size:.8rem;font-weight:700}.bill-preview-total strong{color:var(--bill-teal);font-size:1.3rem}.bill-actions{display:grid;gap:9px;margin-top:0}.bill-actions button{width:100%;border-radius:8px;text-align:center}.bill-create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bill-teal)}.bill-create-button:hover:not(:disabled){background:#1e5a8e}.create-bill-page .status-error-message{margin:12px 0;padding:11px 12px;border:1px solid #f3c1b8;border-radius:8px;background:#fff3f0;color:#b42318;font-size:.8rem;line-height:1.4}@media(max-width:900px){.bill-workspace{grid-template-columns:1fr}.bill-preview-card{position:static}}@media(max-width:560px){.bill-page-intro{align-items:flex-start;flex-direction:column;gap:14px}.bill-total-teaser{width:100%;text-align:left}.bill-form-grid{grid-template-columns:1fr}.bill-form-grid .bill-field-wide{grid-column:auto}.bill-item-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}.bill-item-editor .item-description-field{grid-column:1 / -1}.bill-item-editor .item-field:nth-child(3){grid-column:2}}.app-header-public{padding:24px 20px 26px;border-bottom:0;background:#1e5a8e;box-shadow:0 8px 24px #0d343329}.app-header-public .header-top{display:grid;min-height:108px;align-content:center;justify-items:center;gap:8px}.app-header-public h1{color:#fff;font-size:1.45rem;font-weight:800;letter-spacing:.01em}.public-brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:#ffffff1f;color:#e1efff;font-size:1.15rem}.public-header-label{color:#ffffffb3;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}@media(max-width:560px){.app-header-public{padding:18px 14px 20px}.app-header-public .header-top{min-height:96px}.app-header-public h1{font-size:1.2rem}}.app-header-bill{padding:16px 20px 18px;border-bottom:3px solid #b9d8f7;background:#1e5a8e;box-shadow:0 8px 24px #182b352e}.app-header-bill .header-top{display:grid;min-height:88px;align-content:center;justify-items:center;gap:6px}.app-header-bill .public-brand-mark{border-color:#bdebdc59;background:#bdebdc1f;color:#e1efff}.app-header-bill h1{color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:.02em}.app-header-bill .public-header-label{color:#e1efff}.bill-view-main{padding-top:12px}@media(max-width:560px){.app-header-bill{padding:13px 14px 15px}.app-header-bill .header-top{min-height:78px}.app-header-bill h1{font-size:1.15rem}.bill-view-main{padding-top:8px}}