@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;width:100%;height:64px;font-family:Inter,sans-serif;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1160px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{font-size:22px}.navbar .logo-text{color:#000;letter-spacing:-.3px;font-size:18px;font-weight:800}.nav-links-wrapper{align-items:center;gap:40px;display:flex}.nav-links{gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:#4b5563;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links li a:hover{color:#111827;background:#f3f4f6}.nav-actions{align-items:center;gap:10px;display:flex}.nav-login-btn,.nav-signup-btn{border-radius:7px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.nav-login-btn{color:#374151;background:0 0;border:1px solid #d1d5db}.nav-login-btn:hover{background:#f9fafb;border-color:#9ca3af}.nav-signup-btn{color:#fff;background:#111827;border:1px solid #111827}.nav-signup-btn:hover{background:#1f2937}.navbar-toggle{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:22px;display:none}.navbar-toggle:hover{background:#f3f4f6}@media (width<=768px){.navbar-toggle{display:flex}.nav-links-wrapper{z-index:99;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding:20px 24px;display:none;position:absolute;top:64px;left:0;box-shadow:0 8px 20px #0000000f}.nav-links-wrapper.open{display:flex}.nav-links{flex-direction:column;gap:4px;width:100%}.nav-links li a{font-size:15px;display:block}.nav-actions{border-top:1px solid #f3f4f6;width:100%;padding-top:12px}.nav-login-btn,.nav-signup-btn{text-align:center;flex:1}}.hero{background:#fff;padding:72px 24px 0;font-family:Inter,sans-serif;overflow:hidden}.hero-inner{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.hero-badge{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:#111827;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-headline{letter-spacing:-2px;color:#000;margin:0 0 24px;font-size:58px;font-weight:800;line-height:1.1}.hero-subtext{color:#4b5563;max-width:600px;margin:0 0 36px;font-size:17px;line-height:1.75}.hero-cta{gap:12px;margin-bottom:56px;display:flex}.hero-btn-primary{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:8px;align-items:center;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.hero-btn-primary:hover{background:#262626;border-color:#262626}.hero-btn-secondary{color:#000;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;padding:13px 28px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.hero-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.hero-preview-frame{background:#fff;border:1.5px solid #e5e7eb;border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-width:860px;margin-bottom:64px;overflow:hidden;box-shadow:0 -4px 60px #0000000d,0 30px 60px #00000008}.hero-preview-browser-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:10px 16px;display:flex}.browser-dot{border-radius:50%;width:11px;height:11px}.browser-dot.dot-dark{background:#374151}.browser-dot.dot-mid{background:#9ca3af}.browser-dot.dot-light{background:#e5e7eb}.browser-url{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:5px;flex:1;max-width:280px;margin-left:12px;padding:3px 12px;font-size:11px}.hero-preview-content{padding:0}.hero-dashboard-mockup{background:#fff;height:420px;display:flex;overflow:hidden}.mock-sidebar{background:#fafafa;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:4px;width:168px;padding:16px 12px;display:flex}.mock-logo{letter-spacing:-.3px;border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding:8px 8px 14px;font-size:12px;font-weight:800;color:#000!important}.mock-nav-item{color:#6b7280;cursor:pointer;border-radius:7px;padding:7px 10px;font-size:11.5px;font-weight:500;transition:all .1s}.mock-nav-item.active{color:#fff;background:#000}.mock-nav-item:not(.active):hover{color:#000;background:#f3f4f6}.mock-main{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.mock-topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.mock-search{color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:180px;padding:5px 12px;font-size:11px}.mock-user{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.mock-metrics{flex-shrink:0;gap:10px;padding:12px 14px;display:flex}.mock-metric{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:10px 12px}.metric-label{color:#6b7280;margin-bottom:3px;font-size:9.5px;font-weight:500}.metric-value{letter-spacing:-.5px;color:#000;margin-bottom:2px;font-size:14px;font-weight:700}.metric-delta{color:#4b5563;font-size:9px;font-weight:600}.mock-charts{flex-shrink:0;gap:10px;padding:0 14px 10px;display:flex}.mock-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:10px 12px}.chart-title{color:#111827;margin-bottom:8px;font-size:10px;font-weight:600}.chart-area{height:72px}.line-chart-svg{width:100%;height:58px}.chart-labels{color:#9ca3af;justify-content:space-between;margin-top:2px;font-size:8px;display:flex}.bar-area{align-items:flex-end;gap:3px;height:72px;padding-bottom:0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1px;height:100%;display:flex}.bar-income{background:#111827;border-radius:2px 2px 0 0;width:100%}.bar-expense{background:#d1d5db;border-radius:2px 2px 0 0;width:100%}.mock-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;margin:0 14px 10px;overflow:hidden}.table-card-title{color:#111827;border-bottom:1px solid #e5e7eb;padding:8px 12px 6px;font-size:10px;font-weight:600}.mock-table{font-size:9.5px}.mock-table-head{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1.5fr .7fr .8fr .8fr;padding:5px 12px;font-size:8.5px;font-weight:600;display:grid}.mock-table-row{color:#111827;border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1.5fr .7fr .8fr .8fr;align-items:center;padding:6px 12px;font-size:9px;display:grid}.mock-table-row:last-child{border-bottom:none}.row-id{color:#111827;font-family:monospace;font-size:8.5px;font-weight:600}.row-badge{text-align:center;border-radius:4px;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}.badge-paid{color:#111827;background:#f3f4f6;border:1px solid #d1d5db}.badge-pending{color:#4b5563;background:#fff;border:1px solid #e5e7eb}.badge-overdue{color:#fff;background:#111827}.row-amount{color:#000;text-align:right;font-weight:600}@media (width<=768px){.hero{padding:48px 16px 0}.hero-headline{letter-spacing:-1px;font-size:36px}.hero-subtext{font-size:15px}.hero-cta{flex-direction:column;align-items:center;gap:10px}.hero-btn-primary,.hero-btn-secondary{justify-content:center;width:100%;max-width:260px}.hero-dashboard-mockup{height:300px}.mock-sidebar{width:100px}}.trusted{background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:40px 24px;font-family:Inter,sans-serif}.trusted-inner{flex-direction:column;align-items:center;gap:24px;max-width:900px;margin:0 auto;display:flex}.trusted-label{letter-spacing:1.5px;color:#9ca3af;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.trusted-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.trusted-company{color:#c1c7d0;letter-spacing:-.5px;cursor:default;font-size:18px;font-weight:700;transition:color .2s}.trusted-company:hover{color:#6b7280}@media (width<=600px){.trusted-logos{gap:24px}.trusted-company{font-size:15px}}.features{background:#fff;border-top:1px solid #f3f4f6;padding:96px 24px;font-family:Inter,sans-serif}.features-inner{max-width:1060px;margin:0 auto}.features-title{text-align:center;color:#000;letter-spacing:-1px;margin:0 0 16px;font-size:36px;font-weight:800}.features-subtitle{text-align:center;color:#4b5563;margin:0 0 56px;font-size:16px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px 28px;transition:border-color .2s,box-shadow .2s,transform .2s}.feature-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.feature-icon-wrap{color:#fff;background:#000;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-card-title{color:#000;margin:0 0 10px;font-size:17px;font-weight:700}.feature-card-desc{color:#4b5563;margin:0;font-size:14px;line-height:1.75}@media (width<=900px){.features-grid{grid-template-columns:1fr 1fr}.features-title{font-size:28px}}@media (width<=580px){.features-grid{grid-template-columns:1fr}}.why{background:#f9fafb;border-top:1px solid #e5e7eb;padding:96px 24px;font-family:Inter,sans-serif}.why h2{text-align:center;color:#000;letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}.subtitle{text-align:center;color:#4b5563;max-width:650px;margin:0 auto 56px;font-size:16px}.benefits{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1060px;margin:0 auto;display:grid}.benefit-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px 28px;transition:all .2s}.benefit-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.icon{color:#000;margin-bottom:16px;font-size:32px}.benefit-card h3{color:#000;margin-bottom:10px;font-size:17px;font-weight:700}.benefit-card p{color:#4b5563;font-size:14px;line-height:1.7}.stats{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1060px;margin-top:64px;margin-left:auto;margin-right:auto;display:grid}.stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px}.stat h2{color:#000;margin-bottom:6px;font-size:40px;font-weight:800}.stat p{color:#6b7280;font-size:14px;font-weight:500}@media (width<=900px){.benefits,.stats{grid-template-columns:1fr}}.testimonials{background:#fff;border-top:1px solid #e5e7eb;padding:96px 24px;font-family:Inter,sans-serif}.testimonials h2{text-align:center;color:#000;letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}.testimonial-subtitle{text-align:center;color:#4b5563;max-width:650px;margin:0 auto 56px;font-size:16px}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1060px;margin:0 auto;display:grid}.testimonial-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px 28px;transition:all .2s}.testimonial-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.stars{color:#000;gap:4px;margin-bottom:16px;font-size:16px;display:flex}.review{color:#374151;margin-bottom:24px;font-size:14px;font-style:italic;line-height:1.7}.testimonial-card h3{color:#000;margin-bottom:4px;font-size:15px;font-weight:700}.testimonial-card span{color:#6b7280;font-size:13px}@media (width<=900px){.testimonial-grid{grid-template-columns:1fr}}.faq{background:#fff;border-top:1px solid #e5e7eb;padding:96px 24px;font-family:Inter,sans-serif}.faq .container{max-width:800px;margin:0 auto}.faq h2{text-align:center;color:#000;letter-spacing:-1px;margin-bottom:48px;font-size:36px;font-weight:800}.faq-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px 24px;transition:border-color .2s}.faq-item:hover{border-color:#000}.faq-question{justify-content:space-between;align-items:center;display:flex}.faq-question h3{color:#000;margin:0;font-size:16px;font-weight:600}.faq-question span{color:#000;font-size:22px;font-weight:400;line-height:1}.faq-item p{color:#4b5563;margin-top:16px;font-size:14.5px;line-height:1.7}.cta{color:#fff;text-align:center;background:#000;padding:96px 24px;font-family:Inter,sans-serif}.cta .container{max-width:700px;margin:0 auto}.cta h2{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:38px;font-weight:800}.cta p{color:#d1d5db;margin-bottom:36px;font-size:17px;line-height:1.6}.cta button{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .15s}.cta button:hover{background:#f3f4f6;border-color:#f3f4f6}.footer{background:#fff;border-top:1px solid #e5e7eb;padding:32px 24px;font-family:Inter,sans-serif}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1060px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{letter-spacing:-.3px;font-size:16px;font-weight:800;color:#000!important}.footer-copy{color:#9ca3af;margin:0;font-size:13px}.footer-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-link{color:#6b7280;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.footer-link:hover{color:#111827}@media (width<=600px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{gap:14px}}.pp-page{color:#111827;background:#fff;min-height:100vh;font-family:Inter,sans-serif}.pp-hero{text-align:center;background:#fff;border-bottom:1px solid #f3f4f6;padding:72px 24px 56px}.pp-eyebrow{color:#374151;letter-spacing:.2px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.pp-eyebrow-dot{background:#111827;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pp-hero h1{letter-spacing:-2px;color:#000;margin:0 0 18px;font-size:52px;font-weight:800;line-height:1.1}.pp-hero p{color:#4b5563;max-width:540px;margin:0 auto 40px;font-size:17px;line-height:1.7}.pp-billing-toggle{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:2px;padding:4px;display:inline-flex}.pp-billing-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:9px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .18s;display:flex}.pp-billing-btn.active{color:#000;background:#fff;box-shadow:0 1px 4px #0000001a}.pp-save-badge{color:#fff;letter-spacing:.2px;background:#000;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.pp-plans-section{background:#f9fafb;padding:64px 24px 80px}.pp-plans-container{max-width:1100px;margin:0 auto}.pp-plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pp-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;flex-direction:column;padding:36px 28px 32px;transition:transform .22s,box-shadow .22s;display:flex;position:relative}.pp-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000012}.pp-card.pp-featured{background:#fff;border:2px solid #000;box-shadow:0 8px 28px #00000017}.pp-card.pp-featured:hover{box-shadow:0 20px 48px #0000001f}.pp-popular-badge{color:#fff;white-space:nowrap;letter-spacing:.3px;background:#000;border-radius:999px;padding:5px 16px;font-size:11.5px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pp-plan-icon{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.pp-featured .pp-plan-icon{color:#fff;background:#111827;border-color:#111827}.pp-plan-name{color:#000;letter-spacing:-.4px;margin:0 0 8px;font-size:22px;font-weight:800}.pp-plan-desc{color:#6b7280;margin:0 0 20px;font-size:13.5px;line-height:1.6}.pp-trial-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;width:fit-content;margin-bottom:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pp-price-row{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.pp-price{color:#000;letter-spacing:-2px;font-size:44px;font-weight:800;line-height:1}.pp-period{color:#6b7280;font-size:15px;font-weight:500}.pp-yearly-saving{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;width:fit-content;margin-bottom:24px;padding:2px 8px;font-size:12px;font-weight:600}.pp-divider{background:#f3f4f6;height:1px;margin:20px 0}.pp-inclusions-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:700}.pp-inclusions-list{margin:0 0 20px;padding:0;list-style:none}.pp-inclusions-list li{color:#4b5563;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.pp-inclusion-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:4px;height:4px}.pp-features-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:700}.pp-features-list{flex:1;margin:0;padding:0;list-style:none}.pp-feature-item{align-items:center;gap:9px;padding:5px 0;font-size:13.5px;display:flex}.pp-feature-item.available{color:#111827}.pp-feature-item.unavailable{color:#d1d5db}.pp-check-icon{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.pp-featured .pp-check-icon{background:#000}.pp-dash-icon{color:#d1d5db;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.pp-cta-btn{cursor:pointer;border:1.5px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:28px;padding:13px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .18s;display:flex}.pp-cta-btn.default{color:#000;background:#fff}.pp-cta-btn.default:hover{background:#f3f4f6}.pp-cta-btn.featured{color:#fff;background:#000}.pp-cta-btn.featured:hover{background:#1f2937;border-color:#1f2937}.pp-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #000}.pp-compare-section{background:#fff;padding:80px 24px}.pp-compare-container{max-width:1000px;margin:0 auto}.pp-section-title{color:#000;text-align:center;letter-spacing:-1px;margin:0 0 8px;font-size:32px;font-weight:800}.pp-section-subtitle{text-align:center;color:#6b7280;margin:0 0 48px;font-size:15px}.pp-compare-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow:hidden}.pp-compare-table thead th{text-align:center;color:#000;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:18px 24px;font-size:15px;font-weight:800}.pp-compare-table thead th:first-child{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.pp-compare-table thead th.th-featured{color:#fff;background:#111827;position:relative}.th-popular-tag{color:#fff;letter-spacing:.3px;vertical-align:middle;background:#fff3;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.pp-compare-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s}.pp-compare-table tbody tr:last-child{border-bottom:none}.pp-compare-table tbody tr:hover{background:#f9fafb}.pp-compare-table td{text-align:center;color:#374151;padding:14px 24px;font-size:13.5px}.pp-compare-table td:first-child{text-align:left;color:#111827;font-weight:500}.pp-trust-strip{background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:48px;padding:28px 24px;display:flex}.pp-trust-item{color:#374151;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.pp-trust-icon{font-size:20px;line-height:1}.pp-faq-section{background:#fff;padding:80px 24px}.pp-faq-container{max-width:720px;margin:0 auto}.pp-faq-list{flex-direction:column;gap:0;margin-top:48px;display:flex}.pp-faq-item{border-bottom:1px solid #e5e7eb}.pp-faq-item:first-child{border-top:1px solid #e5e7eb}.pp-faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 0;font-family:Inter,sans-serif;display:flex}.pp-faq-question h3{color:#111827;margin:0;font-size:15px;font-weight:600;line-height:1.5}.pp-faq-toggle{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .18s;display:flex}.pp-faq-item.open .pp-faq-toggle{color:#fff;background:#000;border-color:#000}.pp-faq-answer{color:#4b5563;padding-bottom:20px;padding-right:44px;font-size:14px;line-height:1.75;animation:.2s pp-fade-in}@keyframes pp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pp-how-section{background:#f9fafb;padding:80px 24px}.pp-how-container{text-align:center;max-width:1000px;margin:0 auto}.pp-how-eyebrow{margin:0 auto 20px}.pp-how-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.pp-how-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s;position:relative}.pp-how-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000012}.pp-how-step-number{color:#f3f4f6;letter-spacing:-2px;margin-bottom:16px;font-family:Inter,sans-serif;font-size:36px;font-weight:800;line-height:1}.pp-how-title{color:#111827;margin:0 0 8px;font-size:15px;font-weight:700}.pp-how-desc{color:#6b7280;margin:0;font-size:13.5px;line-height:1.65}.pp-testimonials-section{background:#fff;padding:80px 24px}.pp-testimonials-container{text-align:center;max-width:1100px;margin:0 auto}.pp-testimonials-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}.pp-testimonial-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:16px;padding:28px 28px 24px;transition:transform .2s,box-shadow .2s;display:flex}.pp-testimonial-card:hover{border-color:#d1d5db;transform:translateY(-3px);box-shadow:0 10px 28px #00000012}.pp-testimonial-stars{gap:3px;display:flex}.pp-star-icon{fill:#111827;stroke:#111827}.pp-testimonial-text{color:#374151;flex:1;margin:0;font-size:14px;font-style:italic;line-height:1.75}.pp-testimonial-author{align-items:center;gap:12px;margin-top:4px;display:flex}.pp-testimonial-avatar{color:#fff;letter-spacing:.5px;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:flex}.pp-testimonial-meta{flex-direction:column;gap:2px;display:flex}.pp-testimonial-meta strong{color:#111827;font-size:14px;font-weight:700}.pp-testimonial-meta span{color:#6b7280;font-size:12.5px}.pp-cta-banner{text-align:center;background:#000;padding:80px 24px}.pp-cta-banner-inner{max-width:600px;margin:0 auto}.pp-cta-start-badge{color:#fff;letter-spacing:.2px;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.pp-cta-banner h2{color:#fff;letter-spacing:-1.2px;margin:0 0 16px;font-size:38px;font-weight:800}.pp-cta-banner p{color:#9ca3af;max-width:500px;margin:0 auto 36px;font-size:16px;line-height:1.7}.pp-cta-disclaimer{color:#6b7280!important;margin-top:20px!important;margin-bottom:0!important;font-size:12.5px!important}.pp-banner-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pp-banner-btn-primary{color:#000;cursor:pointer;background:#fff;border:1.5px solid #fff;border-radius:9px;align-items:center;gap:8px;padding:13px 30px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .18s;display:flex}.pp-banner-btn-primary:hover{background:#f3f4f6;border-color:#f3f4f6}.pp-banner-btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #374151;border-radius:9px;padding:13px 30px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .18s}.pp-banner-btn-secondary:hover{background:#ffffff0d;border-color:#6b7280}.pp-banner-btn-primary:focus-visible,.pp-banner-btn-secondary:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=1024px){.pp-hero h1{font-size:42px}.pp-plans-grid{grid-template-columns:repeat(2,1fr)}.pp-plans-grid>.pp-card:nth-child(3){grid-column:span 2;width:100%;max-width:420px;margin:0 auto}.pp-how-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pp-hero{padding:48px 16px 40px}.pp-hero h1{letter-spacing:-1px;font-size:32px}.pp-hero p{font-size:15px}.pp-billing-btn{padding:8px 16px;font-size:13px}.pp-plans-section{padding:48px 16px 64px}.pp-plans-grid{grid-template-columns:1fr}.pp-plans-grid>.pp-card:nth-child(3){grid-column:unset;max-width:none}.pp-price{font-size:38px}.pp-compare-section{padding:48px 16px}.pp-compare-table thead th,.pp-compare-table td{padding:12px 14px;font-size:12.5px}.pp-trust-strip{gap:24px}.pp-how-section{padding:48px 16px}.pp-how-grid{grid-template-columns:1fr;gap:16px}.pp-testimonials-section{padding:48px 16px}.pp-testimonials-grid{grid-template-columns:1fr}.pp-faq-section{padding:48px 16px}.pp-cta-banner{padding:56px 16px}.pp-cta-banner h2{font-size:28px}.pp-section-title{font-size:26px}}@media (width<=480px){.pp-compare-table thead th:nth-child(2),.pp-compare-table td:nth-child(2){display:none}.pp-banner-actions{flex-direction:column;align-items:center}.pp-banner-btn-primary,.pp-banner-btn-secondary{width:100%;max-width:280px}}.login-container{box-sizing:border-box;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-container,.login-container input,.login-container button,.login-container select,.login-container textarea,.login-container h1,.login-container h2,.login-container h3,.login-container p,.login-container label,.login-container span,.login-container a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:960px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 20px 45px -15px #00000014,0 2px 8px #00000008}.login-left-panel{background:#000;flex-direction:column;flex:0 0 400px;justify-content:space-between;padding:48px 44px;display:flex;position:relative;overflow:hidden}.login-left-panel:after{content:"";pointer-events:none;background:#ffffff08;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;right:-80px}.llp-brand{align-items:center;gap:10px;display:flex}.llp-brand-icon{font-size:24px}.llp-brand-name{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.llp-hero{flex-direction:column;flex:1;justify-content:center;padding:48px 0 24px;display:flex}.llp-tagline{color:#fff;letter-spacing:-1px;margin-bottom:20px;font-size:34px;font-weight:800;line-height:1.15}.llp-desc{color:#9ca3af;max-width:300px;font-size:15px;line-height:1.7}.llp-features{flex-direction:column;gap:12px;margin-top:32px;display:flex}.llp-feature{color:#d1d5db;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.llp-feature-dot{background:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px}.llp-footer{color:#4b5563;font-size:12px}.login-right-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex;overflow-y:auto}.login-form-box{width:100%;max-width:420px;position:relative}.login-back-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .15s;display:flex;position:absolute;top:0;left:0}.login-back-btn:hover{background:#e5e7eb}.login-form-box h1{text-align:center;letter-spacing:-.03em;margin:36px 0 6px;font-size:26px;font-weight:800;color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.login-form-box h2{color:#0f172a;text-align:center;letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.login-form-box p{text-align:center;color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.login-form-box form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.login-form-box label{color:#000;margin-left:0;font-size:13px;font-weight:600}.login-form-box input[type=email],.login-form-box input[type=password],.login-form-box input[type=text],.login-form-box input[type=tel]{color:#000;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.login-form-box input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #00000012}.phone-input-wrapper{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;width:100%;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 3px #00000012}.phone-country-code{color:#111827;-webkit-user-select:none;user-select:none;background:#f9fafb;border-right:1.5px solid #e5e7eb;flex-shrink:0;align-items:center;gap:6px;padding:11px 12px;font-size:13.5px;font-weight:600;display:flex}.phone-country-flag{font-size:15px;line-height:1}.phone-input-wrapper input[type=tel]{color:#000;outline:none;flex:1;width:100%;font-family:Inter,sans-serif;font-size:14px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:11px 14px!important}.login-options{justify-content:space-between;align-items:center;margin-top:0;font-size:13px;display:flex}.login-options label{color:#4b5563;cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.login-options input[type=checkbox]{accent-color:#000;cursor:pointer;border:1.5px solid #d1d5db;border-radius:3px;width:15px;height:15px;margin:0}.login-options a{color:#000;font-weight:600;text-decoration:none;transition:opacity .15s}.login-options a:hover{opacity:.7}.login-btn{color:#fff;cursor:pointer;box-shadow:none;box-sizing:border-box;background:#000;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:background .15s}.login-btn:hover{box-shadow:none;background:#1f2937;transform:none}.login-btn:active{background:#374151;transform:none}.login-btn:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.divider{text-align:center;color:#9ca3af;align-items:center;margin:20px 0;font-size:12px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.social-login-container{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.social-btn{color:#000;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.social-btn:hover{box-shadow:none;background:#f9fafb;border-color:#000;transform:none}.social-btn:active{transform:none}.google-btn svg{color:#000;font-size:15px}.apple-btn svg{color:#000;font-size:16px}.signup-link{text-align:center;color:#6b7280;justify-content:center;align-items:center;gap:6px;margin-top:64px;font-size:13.5px;display:flex}.signup-link a{color:#000;font-weight:700;text-decoration:none;transition:opacity .15s,-webkit-text-decoration .15s,text-decoration .15s}.signup-link a:hover{opacity:.75;text-decoration:underline}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:44px!important}.password-toggle-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:15px;line-height:1;transition:color .15s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#000}.back-to-login{text-align:center;margin-top:24px;font-size:13px}.back-to-login a{color:#4b5563;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.back-to-login a:hover{color:#000}.back-to-login a svg{font-size:11px;transition:transform .2s}.back-to-login a:hover svg{transform:translate(-3px)}.success-container{text-align:center;flex-direction:column;align-items:center;padding:10px 0;animation:.5s ease-out fadeIn;display:flex}.success-icon{color:#000;margin-bottom:20px;font-size:48px;animation:.3s ease-out scaleIn}.success-text{color:#374151;margin-bottom:10px;font-size:14px;line-height:1.6}.success-text strong{color:#000}.success-note{color:#9ca3af;margin-bottom:24px;font-size:13px;line-height:1.5}.description-text{color:#6b7280;font-size:14px;line-height:1.6;text-align:left!important;margin:0 0 24px!important}.reset-back-btn{width:100%;color:#374151!important;box-shadow:none!important;background:#f3f4f6!important;border:1.5px solid #e5e7eb!important}.reset-back-btn:hover{color:#000!important;background:#e5e7eb!important}.otp-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.otp-resend-link{cursor:pointer;margin:0;text-decoration:none;transition:opacity .15s;color:#000!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:12px!important;font-weight:600!important}.otp-resend-link:hover:not(:disabled){text-decoration:underline;opacity:.6!important;transform:none!important}.otp-resend-link:disabled{cursor:not-allowed;opacity:.7;color:#9ca3af!important}.otp-digit-container{justify-content:space-between;gap:10px;width:100%;margin:14px 0 5px;display:flex}.otp-digit-input{text-align:center;color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:48px;height:52px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700;transition:all .15s}.otp-digit-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #00000012}.otp-status-msg{margin-top:4px;font-size:12px;font-weight:500;animation:.3s ease-out fadeIn}.otp-status-msg.success{color:#000}.otp-spinner-ring{width:40px;height:40px;margin-top:20px;display:inline-block;position:relative}.otp-spinner-ring div{box-sizing:border-box;border:3px solid #0000;border-top-color:#000;border-radius:50%;width:32px;height:32px;margin:4px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite otp-spinner-ring;display:block;position:absolute}.otp-spinner-ring div:first-child{animation-delay:-.45s}.otp-spinner-ring div:nth-child(2){animation-delay:-.3s}.otp-spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes otp-spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=860px){.login-left-panel{display:none}.login-card{max-width:480px;min-height:auto}.login-right-panel{padding:36px 28px}}@media (width<=480px){.login-container{padding:16px 12px}.login-card{border-radius:16px}.login-right-panel{padding:28px 18px}.login-form-box h1{margin-top:32px}.social-login-container{grid-template-columns:1fr}.otp-digit-container{gap:6px}.otp-digit-input{border-radius:6px;width:38px;height:44px;font-size:18px}}.single-card{max-width:480px;margin:0 auto;display:block}.auth-alert-box{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5;animation:.25s ease-out fadeIn}.auth-alert-box.error{color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca}.auth-alert-box.info{color:#1e40af;background:#eff6ff;border:1.5px solid #bfdbfe}.password-reveal-container{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.35s ease-out fadeIn;display:flex}.password-reveal-badge{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.password-reveal-icon{color:#16a34a;font-size:28px}.password-display-card{box-sizing:border-box;text-align:left;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;margin:12px 0;padding:14px 16px}.password-display-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.password-display-label{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;align-items:center;font-size:12px;font-weight:600;display:flex}.password-reveal-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.password-reveal-toggle:hover{color:#000;background:#e5e7eb}.password-display-body{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.password-display-text{color:#000;letter-spacing:1px;word-break:break-all;-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:16px;font-weight:700}.password-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#000;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.password-copy-btn:hover{background:#27272a}.password-copy-btn.copied{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.password-security-hint{color:#475569;text-align:left;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;width:100%;margin-top:4px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.mso-backdrop{z-index:9999;-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:24px 16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards msoFadeIn;display:flex;position:fixed;inset:0}@keyframes msoFadeIn{0%{opacity:0}to{opacity:1}}.mso-card{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(165deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:40px 32px 36px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:.35s cubic-bezier(.16,1,.3,1) forwards msoScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0009,0 0 0 1px #ffffff0d,0 0 40px -10px #3b82f633}@keyframes msoScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.mso-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f640 0%,#3b82f600 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.mso-visual-hub{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:24px;display:flex;position:relative}.mso-radar-ring{pointer-events:none;border:1.5px solid #3b82f659;border-radius:50%;animation:2.2s cubic-bezier(.2,.8,.2,1) infinite msoRadarPulse;position:absolute;inset:0}.mso-radar-ring.delay-1{animation-delay:.7s}.mso-radar-ring.delay-2{animation-delay:1.4s}@keyframes msoRadarPulse{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(1.6)}}.mso-icon-orb{z-index:2;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 25px -5px #2563eb80,0 0 0 6px #3b82f626}.mso-icon-orb.success{background:linear-gradient(135deg,#059669,#10b981);transform:scale(1.08);box-shadow:0 10px 25px -5px #10b98180,0 0 0 6px #10b98126}.mso-icon-orb.error{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 10px 25px -5px #ef444480,0 0 0 6px #ef444426}.mso-plane-fly{animation:2.4s ease-in-out infinite alternate msoPlaneFloat;display:inline-block}@keyframes msoPlaneFloat{0%{transform:translate(-3px,2px)rotate(-10deg)}50%{transform:translate(3px,-4px)rotate(8deg)scale(1.05)}to{transform:translate(-2px,-1px)rotate(-5deg)}}.mso-check-pop{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards msoCheckScale}@keyframes msoCheckScale{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mso-title{color:#f8fafc;letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}.mso-subtitle{color:#94a3b8;margin:0 0 20px;font-size:14px;line-height:1.5}.mso-recipient-badge{color:#e2e8f0;word-break:break-all;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;max-width:90%;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.mso-recipient-icon{color:#60a5fa;flex-shrink:0;font-size:14px}.mso-step-box{box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;width:100%;margin-bottom:20px;padding:16px 20px}.mso-step-header{text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.mso-step-header.success{color:#34d399}.mso-step-header.error{color:#f87171}.mso-step-label{color:#f1f5f9;text-align:left;align-items:center;gap:8px;min-height:22px;font-size:13.5px;line-height:1.4;display:flex}.mso-step-spinner{color:#38bdf8;flex-shrink:0;font-size:13px;animation:1s linear infinite msoSpin}@keyframes msoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mso-progress-track{background:#ffffff14;border-radius:9999px;width:100%;height:6px;margin-top:12px;overflow:hidden}.mso-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa,#38bdf8);border-radius:9999px;height:100%;transition:width .4s ease-out}.mso-progress-bar.success{background:linear-gradient(90deg,#10b981,#34d399)}.mso-progress-bar.error{background:linear-gradient(90deg,#ef4444,#f87171)}.mso-footer-note{color:#64748b;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.mso-error-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.mso-error-btn:hover{background:#dc2626}:root{--sidebar-width-expanded:260px;--sidebar-width-collapsed:72px;--sidebar-transition:.28s cubic-bezier(.16, 1, .3, 1)}.dashboard-layout{height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-main{margin-left:var(--sidebar-width-expanded);width:calc(100% - var(--sidebar-width-expanded));max-width:calc(100% - var(--sidebar-width-expanded));transition:margin-left var(--sidebar-transition), width var(--sidebar-transition), max-width var(--sidebar-transition);background:#f8fafc;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed));max-width:calc(100% - var(--sidebar-width-collapsed))}.dashboard-content,.dashboard-content--no-padding{flex:1;min-height:0;padding:0;overflow-y:auto}.dashboard-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a80;animation:.25s ease-out forwards fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (width<=768px){.dashboard-main{width:100%!important;max-width:100%!important;margin-left:0!important}.dashboard-content:not(.dashboard-content--no-padding){padding:0 0 20px}.dashboard-content--no-padding{padding:0}}:root{--sidebar-width-expanded:250px;--sidebar-width-collapsed:68px;--sidebar-transition:.25s cubic-bezier(.16, 1, .3, 1);--sidebar-bg:#111827;--sidebar-border:#1f2937;--sidebar-text:#94a3b8;--sidebar-text-hover:#fff;--sidebar-hover-bg:#1f2937;--sidebar-active-bg:#7c3aed}.sidebar{width:var(--sidebar-width-expanded);background-color:var(--sidebar-bg);color:#fff;box-sizing:border-box;border-right:1px solid var(--sidebar-border);z-index:1000;height:100vh;transition:width var(--sidebar-transition), transform var(--sidebar-transition), box-shadow .25s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column;padding:16px 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed);padding:16px 8px}.logo-section{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:20px;padding:4px 6px;display:flex;position:relative}.sidebar.collapsed .logo-section{justify-content:center;padding:4px 0}.logo-details{flex:1;align-items:center;gap:11px;min-width:0;text-decoration:none;display:flex;overflow:hidden;color:#fff!important}.sidebar.collapsed .logo-details{flex:none;justify-content:center}.sidebar-logo-img,.logo-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:34px;min-width:34px;height:34px;display:block;box-shadow:0 2px 8px #00000073}.sidebar-logo-text,.sidebar .logo-text{letter-spacing:.25px;opacity:1;white-space:nowrap;margin:0;font-size:18px;font-weight:700;line-height:1.2;transition:opacity .18s,transform .18s;color:#fff!important}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .logo-text{opacity:0!important;width:0!important;display:none!important}.sidebar-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;font-size:18px;transition:color .15s,background-color .15s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background-color:#1f2937}.sidebar.collapsed .sidebar-toggle-btn{display:none}.sidebar-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:6px;font-size:20px;transition:color .15s,background-color .15s;display:flex}.sidebar-close-btn:hover{color:#fff;background-color:#1f2937}.sidebar-menu{flex-direction:column;flex:1;gap:3px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.sidebar-link{color:var(--sidebar-text);box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9.5px 12px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,box-shadow .18s;display:flex;overflow:hidden}.sidebar-link:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);font-weight:600;box-shadow:0 4px 12px #7c3aed59}.sidebar-parent-link{position:relative}.sidebar-parent-link.parent-active{color:#c4b5fd;font-weight:600}.link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex}.link-text{letter-spacing:.15px;opacity:1;white-space:nowrap;flex:1;font-size:13.5px}.submenu-chevron{color:#64748b;flex-shrink:0;margin-left:auto;font-size:14px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.submenu-chevron.rotated{color:#c4b5fd;transform:rotate(90deg)}.sidebar-submenu{opacity:0;border-left:2px solid #1f2937;flex-direction:column;gap:2px;max-height:0;margin:3px 0 3px 14px;padding:0 0 0 10px;list-style:none;transition:max-height .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;overflow:hidden}.sidebar-submenu.expanded{opacity:1;max-height:240px}.sidebar-child-link{color:#94a3b8!important;border-radius:6px!important;padding:7.5px 10px!important;font-size:12.8px!important}.sidebar-child-link:hover{color:#fff!important;background-color:#1f2937!important}.sidebar-child-link.active{color:#fff!important;background:#7c3aed!important;font-weight:600!important;box-shadow:0 2px 8px #7c3aed4d!important}.sidebar-child-link .child-icon{font-size:15px}.sidebar.collapsed .sidebar-link{justify-content:center;gap:0;padding:11px 0}.sidebar.collapsed .sidebar-link.active{border-radius:10px;width:44px;height:44px;margin:0 auto;padding:0}.sidebar.collapsed .link-text,.sidebar.collapsed .submenu-chevron{opacity:0!important;display:none!important}.sidebar.collapsed .sidebar-submenu{display:none!important}.desktop-only{display:flex}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar{transition:transform var(--sidebar-transition);z-index:1001;height:100vh;box-shadow:none;position:fixed;left:0;transform:translate(-100%);width:var(--sidebar-width-expanded)!important;padding:20px 14px!important}.sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 36px #00000061}.sidebar .sidebar-logo-text,.sidebar .logo-text,.sidebar .link-text,.sidebar .submenu-chevron{opacity:1!important;display:inline-block!important}.sidebar .sidebar-toggle-btn{display:none!important}}.topbar{box-sizing:border-box;z-index:500;background-color:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.topbar-hamburger{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;font-size:19px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.topbar-hamburger:hover{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.topbar-hamburger:active{background:#e2e8f0;transform:scale(.95)}.topbar-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;min-width:220px;max-width:280px;height:32px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.topbar-search-wrap:focus-within{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.topbar-search-icon{color:#94a3b8;flex-shrink:0;font-size:14px}.topbar-search-input{color:#334155;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12.5px}.topbar-search-input::placeholder{color:#94a3b8}.topbar-search-arrow{color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:12px}.topbar-center{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.topbar-trial{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-trial-text{color:#64748b;white-space:nowrap;font-size:12px}.topbar-subscribe-btn{color:#1b75bb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:opacity .15s}.topbar-subscribe-btn:hover{opacity:.75}.topbar-company-wrap{position:relative}.topbar-company-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;transition:background .15s;display:flex}.topbar-company-btn:hover{background:#f1f5f9}.topbar-company-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12.5px;font-weight:500;overflow:hidden}.topbar-company-arrow{color:#64748b;font-size:13px;transition:transform .2s}.topbar-company-arrow.rotated{transform:rotate(180deg)}.topbar-company-dropdown{z-index:600;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001a}.topbar-company-item{color:#334155;cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:background .12s;display:flex}.topbar-company-item:hover{background:#f8fafc}.topbar-company-item.active{color:#7c3aed;font-weight:600}.topbar-company-check{font-size:13px}.topbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.topbar-icon-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s,color .15s;display:flex;position:relative}.topbar-icon-btn:hover,.topbar-icon-btn.active{color:#1e293b;background:#f1f5f9}.topbar-icon-wrap{position:relative}.topbar-add-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:background .15s;display:flex}.topbar-add-btn:hover{background:#15803d}.topbar-quick-dropdown{z-index:600;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001a}.topbar-quick-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.topbar-quick-item:hover{color:#7c3aed;background:#f8fafc}.topbar-notif-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.topbar-notif-dropdown{z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:320px;display:flex;position:absolute;top:42px;right:-8px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.topbar-notif-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar-notif-header h4{color:#1e293b;margin:0;font-size:13px;font-weight:600}.topbar-mark-read{color:#1b75bb;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;font-weight:600}.topbar-mark-read:hover{text-decoration:underline}.topbar-notif-list{max-height:280px;overflow-y:auto}.topbar-notif-empty{text-align:center;color:#94a3b8;padding:24px;font-size:12.5px}.topbar-notif-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .12s;display:flex}.topbar-notif-item:hover{background:#f8fafc}.topbar-notif-item.unread{background:#eff6ff}.topbar-notif-dot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.topbar-notif-item.unread .topbar-notif-dot{background:#1b75bb}.topbar-notif-content{flex-direction:column;gap:2px;display:flex}.topbar-notif-text{color:#334155;margin:0;font-size:12.5px;line-height:1.4}.topbar-notif-time{color:#94a3b8;font-size:10px}.topbar-notif-list::-webkit-scrollbar{width:4px}.topbar-notif-list::-webkit-scrollbar-track{background:0 0}.topbar-notif-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.topbar-avatar-btn{cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.topbar-avatar-btn:hover{border-color:#7c3aed}.topbar-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-avatar-initial{color:#475569;font-size:12px;font-weight:700}@media (width<=768px){.topbar-search-wrap{flex:1;min-width:0}.topbar-trial{display:none}.topbar-company-name{max-width:100px}.topbar-notif-dropdown{width:auto;position:fixed;top:56px;left:12px;right:12px}}@media (width<=480px){.topbar-company-wrap{display:none}}:root{--zoho-blue:#1b75bb;--zoho-hover-blue:#155e96;--zoho-green:#2fb344;--zoho-red:#ea4335;--zoho-orange:#f59e0b;--zoho-navy:#1e293b;--text-dark:#374151;--text-light:#6b7280;--border-color:#e5e7eb;--card-bg:#fff;--bg-light:#f8fafc}.zoho-card{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;flex-direction:column;height:100%;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.zoho-card:hover{box-shadow:0 4px 12px #00000014}.zoho-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.zoho-card-title{color:var(--zoho-navy);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.zoho-card-action{color:var(--zoho-blue);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.zoho-card-action:hover{background:#eff6ff}.zoho-card-select{border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:4px;outline:none;padding:4px 8px;font-size:13px}.zoho-card-select:focus{border-color:var(--zoho-blue)}.quick-add-container{position:relative}.quick-add-btn{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.quick-add-btn:hover{background:#1f2937;border-color:#1f2937}.quick-add-btn .arrow{font-size:9px;transition:transform .2s}.quick-add-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:175px;padding:6px 0;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.dropdown-item:hover{color:#000;background-color:#f1f5f9}.dropdown-item svg{color:#64748b;flex-shrink:0;font-size:14px}.dropdown-item:hover svg{color:#000}.receivables-amount{color:var(--zoho-navy);margin-bottom:16px;font-size:26px;font-weight:700}.receivables-bar-container{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:20px;display:flex;overflow:hidden}.receivables-bar-current{background:var(--zoho-green);height:100%;transition:width .4s}.receivables-bar-overdue{background:var(--zoho-red);height:100%;transition:width .4s}.receivables-breakdown-wrapper{align-items:stretch;gap:24px;margin-top:auto;padding-top:16px;display:flex}.breakdown-current-section{border-right:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-right:24px;display:flex}.breakdown-overdue-section{flex-direction:column;flex:1;gap:8px;display:flex}.breakdown-label{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px;font-weight:500}.breakdown-label.current{color:#5c85ff}.breakdown-label.overdue{color:#ff8c73}.breakdown-overdue-grid{justify-content:space-between;gap:16px;display:flex}.breakdown-item{background:0 0;flex-direction:column;gap:4px;padding:0;display:flex}.breakdown-val{color:#0f172a;font-size:18px;font-weight:400}.breakdown-subtext{color:#94a3b8;font-size:12px;font-weight:400}.zoho-list{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.zoho-list-item{border-bottom:1px solid #f3f4f6;border-radius:4px;justify-content:space-between;align-items:center;padding:12px;transition:background-color .2s;display:flex}.zoho-list-item:hover{background-color:var(--bg-light)}.item-left{flex-direction:column;gap:4px;display:flex}.item-name{color:var(--zoho-navy);font-size:14px;font-weight:600}.item-desc{color:var(--text-light);font-size:12px}.item-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.item-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.badge-active{color:#15803d;background:#dcfce7}.badge-billable{color:#1d4ed8;background:#dbeafe}.badge-nonbillable{color:#4b5563;background:#f3f4f6}.item-metric{color:var(--text-dark);font-size:14px;font-weight:600}.zoho-list::-webkit-scrollbar{width:4px}.zoho-list::-webkit-scrollbar-track{background:0 0}.zoho-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.recent-invoices-card{padding:20px 24px}.recent-invoices-table-container{margin-top:10px;overflow-x:auto}.recent-invoices-table{border-collapse:collapse;width:100%;font-size:13px}.recent-invoices-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:10px 8px;font-weight:600}.recent-invoices-table td{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:12px 8px}.recent-invoices-table tr:last-child td{border-bottom:none}.recent-invoices-table .invoice-id{color:#1b75bb;font-weight:600}.recent-invoices-table .invoice-amount{color:#1e293b;font-weight:600}.recent-invoices-table .status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.recent-invoices-table .status-badge.paid{color:#15803d;background:#dcfce7}.recent-invoices-table .status-badge.pending{color:#a16207;background:#fef9c3}.recent-invoices-table .status-badge.overdue{color:#b91c1c;background:#fee2e2}.dash-hero{background-color:#0000;border:none;border-radius:0;margin-bottom:24px;position:relative;overflow:hidden}.dash-hero:before{content:"";opacity:.8;pointer-events:none;z-index:0;background-image:url(/dash_hero_bg.png);background-position:0 0;background-repeat:repeat;position:absolute;inset:0}.dash-hero-watermark{pointer-events:none;z-index:0;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr);gap:4px;padding:0;display:grid;position:absolute;inset:0}.dash-wm-icon{opacity:.06;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:22px;display:flex}.dash-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 16px 14px;display:flex;position:relative}.dash-hero-left{align-items:center;gap:16px;display:flex}.dash-hero-logo{object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:48px;height:48px;padding:4px;transition:transform .2s,box-shadow .2s}.dash-hero-logo:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.dash-add-logo-btn{color:#475569;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:inline-flex}.dash-add-logo-btn:hover{color:#7c3aed;background:#f3e8ff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed26}.dash-add-logo-icon{font-size:20px}.dash-hero-text{flex-direction:column;gap:3px;display:flex}.dash-hero-greeting{color:#1e293b;margin:0;font-size:18px;font-weight:700;line-height:1.2}.dash-hero-company{color:#64748b;margin:0;font-size:13px;font-weight:400}.dash-hero-right{text-align:right;flex-shrink:0}.dash-helpline-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:11px}.dash-helpline-number{color:#1e293b;letter-spacing:.3px;margin:0 0 2px;font-size:16px;font-weight:700}.dash-helpline-hours{color:#64748b;margin:0;font-size:11px}.dash-hero-tabs{z-index:1;border-bottom:1px solid #e2e8f0;align-items:center;gap:2px;padding:0;display:flex;position:relative}.dash-hero-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 14px;font-size:13.5px;font-weight:500;transition:color .15s;position:relative}.dash-hero-tab:after{content:"";background:#7c3aed;border-radius:2px 2px 0 0;height:2.5px;transition:transform .2s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.dash-hero-tab:hover{color:#1e293b}.dash-hero-tab.active{color:#7c3aed;font-weight:600}.dash-hero-tab.active:after{transform:scaleX(1)}.zoho-dashboard-grid{grid-template-columns:1.8fr 1.2fr;align-items:start;gap:24px;padding:0 24px;display:grid}.grid-left-col,.grid-right-col{flex-direction:column;gap:24px;display:flex}.dash-getting-started{justify-content:center;padding:0 24px;display:flex}.dash-gs-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:640px;padding:36px 40px}.dash-gs-icon{margin-bottom:16px;font-size:48px}.dash-gs-card h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:700}.dash-gs-card>p{color:#64748b;margin:0 0 28px;font-size:13.5px}.dash-gs-steps{text-align:left;flex-direction:column;gap:16px;display:flex}.dash-gs-step{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:16px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.dash-gs-step:hover{background:#faf5ff;border-color:#7c3aed}.dash-gs-step-num{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.dash-gs-step strong{color:#1e293b;margin-bottom:2px;font-size:14px;display:block}.dash-gs-step p{color:#64748b;margin:0;font-size:12.5px}.dash-recent-updates-tab{max-width:720px;padding:0 24px}@media (width<=1024px){.zoho-dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.zoho-dashboard-grid,.dash-getting-started,.dash-recent-updates-tab{padding:0 16px}.dash-hero-content{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 10px 10px}.dash-hero-right{text-align:left}.dash-hero-tabs{padding:0;overflow-x:auto}.dash-hero-tabs::-webkit-scrollbar{display:none}.dash-helpline-number{font-size:14px}}.sales-page-container{flex-direction:column;gap:0;width:100%;display:flex}.sales-page-header{background:0 0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 0 12px;display:flex}.sales-header-left{align-items:center;gap:8px;display:flex}.sales-title-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:8px;padding:4px 6px;transition:background-color .15s;display:flex}.sales-title-btn:hover{background-color:#f1f5f9}.sales-title-text{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2}.sales-title-arrow{color:#64748b;margin-top:1px;font-size:13px}.sales-status-dropdown-wrap{position:relative}.sales-dropdown-overlay{z-index:200;background:0 0;position:fixed;inset:0}.sales-dropdown-menu{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:190px;padding:4px 0;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.sales-dropdown-item{color:#334155;cursor:pointer;justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.sales-dropdown-item:hover{color:#1b75bb;background-color:#f8fafc}.sales-dropdown-item.active{color:#1b75bb;background-color:#eff6ff;font-weight:600}.sales-header-right{align-items:center;gap:8px;display:flex}.sales-search-wrap{align-items:center;display:flex;position:relative}.sales-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:11px}.sales-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;padding:8px 12px 8px 34px;font-size:13px;transition:border-color .2s,box-shadow .2s}.sales-search-input:focus{border-color:#1b75bb;box-shadow:0 0 0 3px #1b75bb1a}.sales-new-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;transition:background-color .15s,box-shadow .15s;display:flex}.sales-new-btn:hover{background:#15803d;box-shadow:0 2px 6px #16a34a4d}.sales-more-wrap{position:relative}.sales-more-btn{color:#475569;cursor:pointer;letter-spacing:1px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:900;line-height:1;transition:background-color .15s,border-color .15s;display:flex}.sales-more-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.sales-more-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.sales-more-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;transition:background-color .12s,color .12s;display:flex}.sales-more-item:hover{color:#1b75bb;background-color:#f8fafc}.sales-table-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;transition:none;overflow:visible}.sales-table-card:hover{box-shadow:none}.sales-th:first-child,.sales-td:first-child{padding-left:24px}.sales-th:last-child,.sales-td:last-child{padding-right:24px}.sales-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.sales-thead-row{background:#f9f9fb;border-bottom:1px solid #e5e7eb}.sales-th{color:#8c8c9a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-align:left;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600;overflow:hidden}.sales-th-check{width:58px;padding-left:14px;padding-right:8px;display:table-cell}.sales-th-check-content{align-items:center;gap:8px;display:flex}.sales-th-filter-icon{color:#94a3b8;cursor:pointer;font-size:13px;transition:color .15s}.sales-th-filter-icon:hover{color:#1b75bb}.sales-th-right{text-align:right!important}.sales-th-center{text-align:center!important}.sales-th-search{text-align:right;padding-right:14px}.sales-th-search-icon{color:#94a3b8;cursor:pointer;font-size:13px;transition:color .15s}.sales-th-search-icon:hover{color:#1b75bb}.sales-data-row{cursor:pointer;border-bottom:1px solid #f0f4f8;transition:background-color .15s}.sales-data-row:last-child{border-bottom:none}.sales-data-row:hover{background-color:#f8fafc}.sales-row-selected{box-shadow:inset 3px 0 #1b75bb;background-color:#edf4fb!important}.sales-td{color:#334155;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:11px 14px;font-size:13.5px;overflow:hidden}.sales-td-check{padding-left:14px;padding-right:8px}.sales-checkbox{cursor:pointer;accent-color:#1b75bb;width:15px;height:15px;display:block}.sales-td-muted{color:#64748b}.sales-td-right{text-align:right!important}.sales-td-center{text-align:center!important}.sales-td-actions{white-space:nowrap;padding:6px 8px 6px 24px!important;overflow:visible!important}.sales-id-link{color:#1b75bb;cursor:pointer;font-weight:500;text-decoration:none;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.sales-data-row:hover .sales-id-link{color:#155e96;text-decoration:underline}.sales-name-cell{color:#1e293b;font-weight:500}.sales-amount-cell{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.sales-amount-overdue{color:#dc2626;font-variant-numeric:tabular-nums;font-weight:600}.sales-amount-zero{color:#94a3b8;font-weight:400}.sales-status-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sales-badge-paid,.sales-badge-accepted,.sales-badge-invoiced,.sales-badge-closed,.sales-badge-received,.sales-badge-credit-applied{color:#166534;background-color:#dcfce7;border-color:#86efac}.sales-badge-pending,.sales-badge-draft,.sales-badge-partially-credited{color:#854d0e;background-color:#fef9c3;border-color:#fde047}.sales-badge-sent,.sales-badge-open,.sales-badge-active{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.sales-badge-overdue,.sales-badge-declined,.sales-badge-expired,.sales-badge-cancelled{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.sales-row-action-wrap{justify-content:flex-end;display:flex;position:relative}.sales-row-dots-btn{color:#94a3b8;cursor:pointer;opacity:0;letter-spacing:1px;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:3px;font-size:18px;font-weight:900;line-height:1;transition:opacity .15s,background-color .15s;display:flex}.sales-data-row:hover .sales-row-dots-btn{opacity:1}.sales-row-dots-btn:hover,.sales-row-dots-btn.active{opacity:1;color:#475569;background-color:#f1f5f9;border:none}.sales-row-action-menu{z-index:400;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001f}.sales-row-action-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.sales-row-action-item:hover{color:#1b75bb;background:#f8fafc}.sales-row-action-item.delete:hover{color:#dc2626;background:#fee2e2}.sales-row-action-item.convert:hover{color:#16a34a;background:#f0fdf4}.sales-row-actions{opacity:0;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .15s;display:flex}.sales-data-row:hover .sales-row-actions{opacity:1}.sales-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;line-height:1;transition:background-color .15s;display:flex}.sales-action-btn:hover{color:#1e293b;background-color:#f1f5f9}.sales-action-convert:hover{color:#16a34a;background-color:#f0fdf4}.sales-table-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sales-total-count{color:#64748b;font-size:12.5px;font-weight:500}.sales-pagination{align-items:center;gap:10px;display:flex}.sales-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s}.sales-page-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.sales-page-btn:disabled{color:#c0ccd9;cursor:not-allowed;background:#f8fafc;border-color:#e9eef4}.sales-page-indicator{color:#475569;white-space:nowrap;font-size:12.5px}.sales-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.sales-empty-icon{opacity:.45;margin-bottom:6px;font-size:36px}.sales-empty-title{color:#475569;margin:0;font-size:15px;font-weight:600}.sales-empty-sub{color:#94a3b8;margin:0;font-size:13px}@media (width<=768px){.sales-page-header{flex-direction:column;align-items:stretch;gap:12px}.sales-header-right{flex-wrap:wrap;width:100%}.sales-search-wrap,.sales-search-input{width:100%}.sales-table{table-layout:auto}.sales-th,.sales-td{padding:10px;font-size:12.5px}}.invoice-header-wrapper{margin-bottom:4px}.table-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;transition:none;overflow-x:auto}.table-card:hover{box-shadow:none}.invoice-table th:first-child,.invoice-table td:first-child{padding-left:24px}.invoice-table th:last-child,.invoice-table td:last-child{padding-right:24px}.invoice-table{border-collapse:collapse;text-align:left;width:100%}.invoice-table th{color:#757383;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f9f9fb;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-size:11px;font-weight:500}.invoice-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13.5px}.invoice-row{transition:all .2s}.invoice-row:hover{background-color:#f8fafc}.invoice-row.selected-row{box-shadow:inset 3px 0 #3b82f6;background-color:#eff6ff!important}.invoice-id-cell{color:#1b75bb;font-weight:600}.customer-name-cell{font-weight:500}.invoice-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.invoice-badge.paid{color:#166534;background-color:#dcfce7}.invoice-badge.pending{color:#92400e;background-color:#fef3c7}.invoice-badge.overdue{color:#991b1b;background-color:#fee2e2}.invoice-badge.credit-applied{color:#15803d;background-color:#dcfce7}.invoice-badge.partially-credited{color:#92400e;background-color:#fef3c7}.action-buttons-cell{text-align:center}.action-buttons{justify-content:center;gap:8px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;font-size:14px;transition:background-color .2s}.btn-icon:hover{background-color:#f1f5f9}.edit-btn:hover{background-color:#e2e8f0}.delete-btn:hover{background-color:#fee2e2}.table-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.selected-count{color:#64748b;font-size:13px}.pagination{align-items:center;gap:12px;display:flex}.pagination-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s,border-color .2s}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.pagination-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.page-indicator{color:#475569;font-size:13px}.no-data{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.party-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:550px;transition:max-width .3s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.party-modal.large-modal{max-width:820px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header-custom{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header-custom h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.close-btn-custom{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:16px;transition:all .2s;display:flex}.close-btn-custom:hover{background:#f1f5f9}.party-form{flex-direction:column;display:flex}.form-body{flex-direction:column;gap:16px;max-height:70vh;padding:0 24px 20px;display:flex;overflow-y:auto}.form-group-custom{flex-direction:column;gap:6px;display:flex}.form-row-custom{gap:16px;display:flex}.half-width{flex:1}.form-group-custom label{color:#64748b;font-size:12px;font-weight:500}.form-group-custom input,.billing-textarea,.state-select{color:#334155;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-size:14px}.form-group-custom input::placeholder,.billing-textarea::placeholder{color:#94a3b8;font-size:12px;font-weight:400}.form-group-custom input:focus,.billing-textarea:focus,.state-select:focus{border-color:#6366f1}.name-input{font-weight:600;background-color:#eef2ff!important;border-color:#c7d2fe!important;padding:12px 14px!important;font-size:15px!important}.name-input::placeholder{color:#64748b;font-weight:500;font-size:15px!important}.address-section{flex-direction:column;gap:12px;margin-top:8px;display:flex}.addresses-grid{flex-direction:column;gap:16px;display:flex}.addresses-grid.two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.address-header{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.address-title{color:#334155;font-size:14px;font-weight:500}.remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.billing-address-container{flex-direction:column;gap:12px;padding:0 4px;display:flex}.billing-label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600}.required-star{color:#ef4444}.billing-textarea{resize:vertical}.select-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;font-size:12px;position:absolute;left:10px}.state-select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px top 50%;background-repeat:no-repeat;background-size:10px;padding-left:30px}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#1e293b;width:16px;height:16px}.modal-footer-custom{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-save{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500}.btn-save:hover{background:#4c1d95}.cm-customer-type-row{border-bottom:1px solid #e5e7eb;flex-flow:row;align-items:center;gap:32px;margin-bottom:10px;padding:10px 0 12px;display:flex}.cm-customer-type-label{color:#374151;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13.5px;font-weight:500;display:inline-flex}.cm-customer-type-info{color:#94a3b8;cursor:help;font-size:14px}.cm-customer-type-options{flex-wrap:nowrap;align-items:center;gap:28px;display:inline-flex}.cm-customer-type-radio{cursor:pointer;color:#374151;white-space:nowrap;align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.cm-customer-type-radio input[type=radio]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;width:15px;height:15px}.cm-gst-prefill-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:9px 14px;display:flex}.cm-gst-prefill-icon{color:#3b82f6;flex-shrink:0;font-size:15px}.cm-gst-prefill-text{color:#334155;flex:1;font-size:12.5px}.cm-gst-prefill-link{color:#3b82f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:600}.cm-gst-prefill-link:hover{text-decoration:underline}.cm-gst-prefill-input-row{gap:8px;margin-bottom:12px;display:flex}.cm-gstin-input{color:#1e293b;letter-spacing:.04em;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.cm-gstin-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.cm-gst-fetch-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.cm-gst-fetch-btn:hover:not(:disabled){background:#2563eb}.cm-gst-fetch-btn:disabled{opacity:.65;cursor:not-allowed}:root{--primary-purple:#7c3aed;--primary-purple-hover:#6d28d9;--primary-purple-light:#f5f3ff;--primary-purple-border:#ddd6fe;--text-dark:#1e293b;--text-grey:#64748b;--bg-light:#f8fafc;--border-light:#e2e8f0;--success-green:#10b981;--success-green-light:#d1fae5;--error-red:#ef4444}.new-invoice-page-container{background-color:#f8fafc;min-height:100vh;padding:24px 32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.new-invoice-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.breadcrumb-nav{color:var(--text-grey);margin-bottom:6px;font-size:12px;font-weight:500}.breadcrumb-nav span{cursor:pointer}.breadcrumb-nav span.active{color:var(--primary-purple);font-weight:600}.new-invoice-page-title{color:var(--text-dark);margin:0;font-size:24px;font-weight:700}.new-invoice-header-right{align-items:center;gap:12px;display:flex}.btn-header-secondary{color:var(--text-dark);border:1px solid var(--border-light);cursor:pointer;background-color:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-header-secondary:hover{background-color:var(--bg-light);border-color:#cbd5e1}.btn-group-primary{border-radius:8px;display:flex;overflow:hidden;box-shadow:0 2px 4px #7c3aed33}.btn-header-primary-main{background-color:var(--primary-purple);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-header-primary-main:hover{background-color:var(--primary-purple-hover)}.btn-header-primary-arrow{background-color:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-left:1px solid #fff3;justify-content:center;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.btn-header-primary-arrow:hover{background-color:var(--primary-purple-hover)}.new-invoice-form-layout{flex-direction:column;gap:24px;display:flex}.invoice-form-row{align-items:stretch;gap:24px;display:flex}.invoice-form-row-left{flex:2;min-width:0;margin-bottom:0}.invoice-form-row-right{flex:1;min-width:0;margin-bottom:0}.invoice-form-row-full{width:100%}.invoice-form-row-full>.new-invoice-card{margin-bottom:0}.summary-payment-combined-card{flex-direction:column;display:flex}.combined-section-divider{border-top:1px solid var(--border-light)}@media (width<=1200px){.invoice-form-row{flex-direction:column}.invoice-form-row-left,.invoice-form-row-right{flex:1}}.new-invoice-card{border:1px solid var(--border-light);background-color:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #00000005,0 4px 12px #00000008}.new-invoice-card.no-padding{overflow:visible}.card-header{align-items:center;gap:10px;padding:20px 24px;display:flex}.card-header.bordered-bottom{border-bottom:1px solid var(--border-light)}.padding-24{padding:24px}.card-header-icon{color:var(--primary-purple);align-items:center;font-size:18px;display:flex}.card-header h2{color:var(--text-dark);margin:0;font-size:16px;font-weight:600}.card-body{padding:0 24px 24px}.card-body.no-padding{padding:0}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group.flex-1{flex:1}.form-group.flex-2{grid-column:span 2}@media (width<=768px){.form-group.flex-2{grid-column:span 1}}.form-group label{color:#475569;font-size:13px;font-weight:600}.required-field:after{content:" *";color:var(--error-red)}.form-group input,.form-group select,.form-group textarea{color:var(--text-dark);box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed26}.form-group input:disabled,.form-group select:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.radio-group-row{align-items:center;gap:24px;margin-bottom:20px;display:flex}.field-label-inline{color:#475569;min-width:110px;font-size:13px;font-weight:600}.radio-options-flex{gap:8px;display:flex}.radio-custom-label{color:var(--text-grey);cursor:pointer;border:1px solid var(--border-light);background-color:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.radio-custom-label:hover{border-color:var(--primary-purple-border);color:var(--primary-purple);background-color:var(--primary-purple-light)}.radio-custom-label.radio-active{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple);font-weight:600;box-shadow:0 2px 6px #7c3aed40}.radio-custom-label input[type=radio]{display:none}.customer-details-block-layout{flex-direction:column;gap:16px;width:100%;display:flex}.customer-details-block-layout .form-group{margin-bottom:0}.details-section-row{align-items:stretch;gap:24px;width:100%;display:flex}.details-left-col{flex-direction:column;flex:1;gap:16px;display:flex}.details-right-col{flex:1}.details-right-col .form-group{flex-direction:column;height:100%;display:flex}.details-right-col textarea{resize:none;flex:1}.side-by-side-row{gap:12px;display:flex}.form-group.half-width{flex:1}.autocomplete-input-wrapper{position:relative}.autocomplete-input-wrapper input{width:100%;padding-right:32px}.dropdown-caret-arrow{color:var(--text-grey);pointer-events:none;font-size:14px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.autocomplete-suggestions{border:1px solid var(--border-light);z-index:1000;overscroll-behavior:contain;background-color:#fff;border-radius:8px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.autocomplete-suggestions::-webkit-scrollbar{width:6px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#f8fafc;border-radius:0 8px 8px 0}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}.suggestion-row{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px;transition:background-color .15s}.suggestion-row:last-child{border-bottom:none}.suggestion-row .subtext{color:var(--text-grey);font-size:12px}.suggestion-row.create-option{color:var(--primary-purple);font-weight:600}.flex-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.card-title-flex{align-items:center;gap:10px;display:flex}.search-items-row{flex-grow:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.search-bar-input-stack{width:100%;max-width:320px;position:relative}.search-bar-input-stack input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 36px;font-size:13px}.search-bar-input-stack .search-icon{color:var(--text-grey);display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar-input-stack .barcode-scanner-icon{color:var(--text-grey);cursor:pointer;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-purple-outline{color:var(--primary-purple);border:1px solid var(--primary-purple-border);cursor:pointer;background-color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.responsive-table-container{border-radius:0 0 12px 12px;width:100%;overflow:visible}.new-items-grid-table th{color:#475569;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.03em;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background-color:#f8fafc;padding:8px 5px;font-size:11px;font-weight:600;overflow:hidden}.new-items-grid-table th.align-center{text-align:center;padding-left:8px;padding-right:8px}.new-items-grid-table th.align-right{text-align:right;padding-right:12px}.new-items-grid-table td input,.new-items-grid-table td select{width:100%;color:var(--text-dark);box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:5px 6px;font-size:12px;transition:all .2s;display:block}.new-items-grid-table td input:hover,.new-items-grid-table td select:hover{border-color:#94a3b8}.new-items-grid-table td input:focus,.new-items-grid-table td select:focus{border-color:var(--primary-purple);background-color:#fff;box-shadow:0 0 0 3px #7c3aed26}.new-items-grid-table .item-title-input{color:var(--text-dark);font-weight:600}.new-items-grid-table .item-subtitle-input{color:var(--text-grey);margin-top:4px;font-size:11px}.new-items-grid-table .item-name-fields{flex-direction:column;display:flex}.new-items-grid-table input.align-center,.new-items-grid-table select.align-center,.new-items-grid-table td.align-center{text-align:center}.new-items-grid-table input.align-right,.new-items-grid-table td.align-right{text-align:right}.gst-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.gst-input-wrapper input.gst-input{text-align:center;box-sizing:border-box;width:100%;padding-right:18px!important}.gst-input-wrapper input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.gst-input-wrapper input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.new-items-grid-table input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.new-items-grid-table input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.gst-input-wrapper input[type=number],.new-items-grid-table input[type=number]{appearance:textfield!important}.gst-percent-badge{color:var(--text-grey,#64748b);pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.new-items-grid-table td.row-final-amount{padding:4px 12px 4px 4px}.new-items-grid-table .row-counter{text-align:center;color:var(--text-grey);padding:4px 6px;font-size:13px;font-weight:500}.new-items-grid-table .row-final-amount{color:var(--text-dark);font-size:14px}.row-action-dots-btn{color:var(--text-grey);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:14px;transition:background-color .2s;display:flex}.row-action-dots-btn:hover{color:var(--error-red);background-color:#fee2e2}.row-action-dots-btn:disabled{opacity:.3;cursor:not-allowed}.table-bottom-actions-row{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.total-items-badge{color:var(--text-grey);font-size:13px}.notes-split-row{gap:20px;display:flex}@media (width<=768px){.notes-split-row{flex-direction:column;gap:0}}.terms-conditions-display{color:var(--text-grey);background-color:#f8fafc;font-family:monospace;font-size:12px;line-height:1.5;border-color:var(--border-light)!important}.invoice-details-compact-card .card-body{padding:0 20px 20px}.invoice-details-compact-card .card-header{padding:16px 20px}.invoice-details-compact-card .flex-fields-vertical{gap:10px}.invoice-details-compact-card .form-group{gap:4px;margin-bottom:0}.invoice-details-compact-card .form-group input,.invoice-details-compact-card .input-with-side-button input,.invoice-details-compact-card .autocomplete-input-wrapper input{padding:7px 11px;font-size:12.5px}.flex-fields-vertical{flex-direction:column;gap:14px;display:flex}.input-with-side-button{display:flex}.input-with-side-button input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.input-side-settings-btn{color:var(--text-grey);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;padding:0 12px;transition:all .2s;display:flex}.input-side-settings-btn:hover{background-color:var(--bg-light);color:var(--text-dark)}.input-with-inline-icon{position:relative}.input-with-inline-icon input{width:100%;padding-right:36px}.inline-input-icon{color:var(--text-grey);pointer-events:none;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.summary-rows-list{flex-direction:column;gap:14px;display:flex}.summary-calc-row{color:var(--text-grey);justify-content:space-between;align-items:center;font-size:14px;display:flex}.summary-value{color:var(--text-dark);font-weight:600}.discount-text-red{color:var(--error-red)}.checkbox-toggle-flex{color:var(--text-grey);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-toggle-flex input[type=checkbox]{accent-color:var(--primary-purple);width:15px;height:15px}.summary-divider-line{background-color:var(--border-light);height:1px;margin:6px 0}.summary-grand-total-row{justify-content:space-between;align-items:center;display:flex}.grand-total-label{color:var(--text-dark);font-size:16px;font-weight:700}.grand-total-value{color:var(--primary-purple);font-size:20px;font-weight:800}.payment-fields-vertical{flex-direction:column;gap:14px;display:flex}.balance-due-display-row{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.balance-label{color:var(--text-dark);font-size:14px;font-weight:500}.balance-value-badge{color:var(--success-green);font-size:15px}.btn-purple-primary-block-action{background-color:var(--primary-purple);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px 6px -1px #7c3aed4d}.btn-purple-primary-block-action:hover{background-color:var(--primary-purple-hover);transform:translateY(-1px);box-shadow:0 6px 12px -1px #7c3aed66}.btn-purple-primary-block-action:active{transform:translateY(0)}.invoice-settings-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invoice-settings-popup{background-color:#fff;border-radius:12px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invoice-settings-popup h3{color:var(--text-dark);margin-top:0;margin-bottom:20px;font-size:18px;font-weight:700}.invoice-settings-popup .form-group input{width:100%}.invoice-settings-popup.customer-popup-large{max-width:600px}.quick-cust-form-fields{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.quick-cust-form-fields .full-width-span{grid-column:span 2}.quick-cust-form-fields .form-group input,.quick-cust-form-fields .form-group textarea{width:100%}.font-semibold{font-weight:600}.font-medium{font-weight:500}@media (width<=1200px){.new-invoice-grid-form{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.new-invoice-page-container{background-color:#0000;padding:0}.card-body{padding:0 16px 16px}.padding-24{padding:16px}.details-section-row,.notes-split-row{flex-direction:column;gap:16px}.new-invoice-card{border-radius:8px;margin-bottom:16px}.new-items-grid-table td input,.new-items-grid-table td select{border:1px solid var(--border-light)!important;background-color:#f8fafc!important;border-radius:6px!important;padding:6px 10px!important}.new-items-grid-table td input:focus,.new-items-grid-table td select:focus{border-color:var(--primary-purple)!important;background-color:#fff!important}}@media (width<=640px){.new-invoice-header-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.new-invoice-header-right{flex-wrap:wrap;gap:8px;width:100%}.btn-header-secondary{text-align:center;border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.btn-group-primary{border-radius:6px;flex:1.5;min-width:130px}.btn-header-primary-main{flex:1;padding:8px 12px;font-size:13px}.btn-header-primary-arrow{padding:8px 10px}.flex-header-row{flex-direction:column;align-items:stretch;gap:12px}.search-items-row{flex-direction:column;align-items:stretch;gap:10px;width:100%}.search-bar-input-stack{width:100%;max-width:none}.search-items-row .btn-purple-outline{text-align:center;width:100%;padding:10px}.table-bottom-actions-row{flex-direction:column-reverse;align-items:stretch;gap:12px;padding:12px 16px}.action-buttons-flex{flex-direction:column;gap:8px;width:100%}.action-buttons-flex .btn-purple-outline{text-align:center;width:100%;padding:10px;font-size:13px}.total-items-badge{text-align:center;border-bottom:1px dashed var(--border-light);padding:4px 0;font-size:13px}.radio-group-row{flex-direction:column;align-items:flex-start;gap:10px}.radio-options-flex{flex-wrap:wrap;width:100%}.radio-custom-label{flex:1;justify-content:center;min-width:80px;padding:8px 12px;font-size:12px}.quick-cust-form-fields{grid-template-columns:1fr;gap:12px}.quick-cust-form-fields .full-width-span{grid-column:span 1}}@media (width<=480px){.new-invoice-page-container{padding:0}.card-header{padding:12px 16px}.card-body{padding:0 12px 16px}.side-by-side-row{flex-direction:column;gap:0}.autocomplete-suggestions{max-height:150px}.invoice-settings-popup{width:calc(100% - 20px);margin:10px;padding:20px}}.fully-paid-checkbox-row{justify-content:flex-end;margin-bottom:8px;display:flex}.checkbox-toggle-flex-end{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.amount-received-row{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-bottom:16px;display:flex}.amount-received-row>label{color:#475569;margin-bottom:0;font-size:13px;font-weight:600}.amount-received-combined-group{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:stretch;width:100%;max-width:100%;display:flex;overflow:hidden}.amount-received-combined-group .currency-prefix{color:#475569;background-color:#f1f5f9;border-right:1px solid #cbd5e1;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:flex}.amount-received-combined-group input{text-align:right;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:13px;box-shadow:none!important;border:none!important;border-radius:0!important}.amount-received-combined-group select{color:#475569;cursor:pointer;background-color:#fff;outline:none;width:auto;min-width:90px;padding:8px 24px 8px 12px;font-size:13px;box-shadow:none!important;border:none!important;border-left:1px solid #cbd5e1!important;border-radius:0!important}.amount-received-combined-group input:disabled,.amount-received-combined-group select:disabled{color:#64748b;cursor:not-allowed;background-color:#f1f5f9}.invoice-form-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.btn-action-draft{color:#475569;cursor:pointer;text-align:center;white-space:nowrap;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:auto;min-width:80px;padding:10px 12px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s}.btn-action-draft:hover{background-color:#f1f5f9;border-color:#94a3b8}.btn-action-preview{color:#475569;cursor:pointer;text-align:center;white-space:nowrap;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:auto;min-width:110px;padding:10px 12px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s}.btn-action-preview:hover{background-color:#f1f5f9;border-color:#94a3b8}.btn-action-send-single{color:#fff;background-color:var(--primary-purple,#7c3aed);cursor:pointer;text-align:center;white-space:nowrap;box-sizing:border-box;border:none;border-radius:8px;flex:1.2 auto;min-width:110px;padding:10px 14px;font-size:13px;font-weight:600;transition:background-color .2s}.btn-action-send-single:hover{background-color:var(--primary-purple-hover,#6d28d9)}.btn-action-send-group{box-sizing:border-box;border-radius:8px;flex:1.5 auto;align-items:stretch;min-width:130px;display:flex;overflow:hidden}.btn-action-send-main{color:#fff;background-color:var(--primary-purple,#7c3aed);cursor:pointer;white-space:nowrap;text-align:center;box-sizing:border-box;border:none;flex:auto;padding:10px 12px;font-size:13px;font-weight:600;transition:background-color .2s}.btn-action-send-main:hover{background-color:var(--primary-purple-hover,#6d28d9)}.btn-action-send-arrow{color:#fff;background-color:var(--primary-purple,#7c3aed);cursor:pointer;box-sizing:border-box;border:none;border-left:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:13px;transition:background-color .2s;display:flex}.btn-action-send-arrow:hover{background-color:var(--primary-purple-hover,#6d28d9)}@media (width<=768px){.new-invoice-page-container{padding:16px}.new-invoice-header-row{flex-direction:column;align-items:flex-start;gap:16px}.new-invoice-header-right{flex-wrap:wrap;width:100%}.new-invoice-form-grid-3,.new-invoice-form-grid-2{grid-template-columns:1fr}.items-table-container{width:100%;overflow-x:auto}.invoice-footer-layout{flex-direction:column;gap:24px}.invoice-footer-left,.invoice-footer-right{width:100%}.customer-billing-shipping{flex-direction:column}.address-card,.invoice-amount-summary,.btn-group-primary{width:100%}.btn-header-primary-main{flex:1}}.zoho-preview-pane{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;height:calc(100vh - 110px);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.zoho-preview-toolbar{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.toolbar-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.toolbar-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.toolbar-btn.close-btn{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1;font-weight:600}.toolbar-btn.close-btn:hover{background-color:#e2e8f0}.toolbar-btn.edit-btn:hover{color:#15803d;background-color:#dcfce7;border-color:#86efac}.toolbar-btn.payment-btn{color:#fff;background-color:#1b75bb;border-color:#155e96}.toolbar-btn.payment-btn:hover{background-color:#155e96}.toolbar-btn.delete-btn:hover{color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.toolbar-right{gap:8px;display:flex}.status-timeline-banner{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px 20px;font-size:13px;display:flex}.status-timeline-banner.paid{color:#166534;background-color:#f0fdf4}.status-timeline-banner.paid .banner-badge-dot{background-color:#22c55e}.status-timeline-banner.pending{color:#92400e;background-color:#fffbeb}.status-timeline-banner.pending .banner-badge-dot{background-color:#f59e0b}.status-timeline-banner.overdue{color:#991b1b;background-color:#fef2f2}.status-timeline-banner.overdue .banner-badge-dot{background-color:#ef4444}.banner-badge-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.paid-watermark{color:#22c55e1f;text-transform:uppercase;letter-spacing:.5rem;pointer-events:none;z-index:0;font-size:8rem;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.paper-document-scroll-container{background-color:#f1f5f9;flex-direction:column;flex:1;padding:10px;display:flex;overflow:auto}.invoice-paper-sheet{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;width:100%;max-width:800px;margin:0 auto;padding:16px 20px;position:relative;box-shadow:0 2px 6px #0000000d}.paper-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;display:flex}.tax-invoice-title-wrapper{text-align:center;border-bottom:2px solid #e2e8f0;margin-bottom:10px;padding-bottom:4px}.tax-invoice-title{color:#a855f7;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:20px;font-weight:700}.org-name{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.org-sub{color:#475569;margin:2px 0;font-size:13px}.org-logo-placeholder{text-align:right;width:150px}.company-logo{object-fit:contain;max-width:100%;max-height:80px}.invoice-info-split{justify-content:space-between;gap:16px;margin:12px 0;display:flex}.bill-to-section,.invoice-details-section{flex:1}.box-title{color:#1e293b;margin:0 0 6px;font-size:13px;font-weight:700}.bill-customer-name{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:600}.bill-customer-sub{color:#475569;margin:2px 0;font-size:12px}.invoice-meta-grid{text-align:left;grid-template-columns:auto auto;gap:4px 10px;font-size:12px;display:grid}.meta-label{color:#475569;font-weight:500}.meta-value{color:#1e293b}.bold-text{font-weight:600}.paper-items-table{border-collapse:collapse;border:1px solid #e2e8f0;width:100%;margin:12px 0;font-size:12px}.paper-items-table th{color:#fff;white-space:nowrap;background-color:#a855f7;border:1px solid #e2e8f0;padding:6px 10px;font-weight:600}.paper-items-table td{color:#334155;border:1px solid #e2e8f0;padding:6px 10px}.paper-items-table .total-row td{color:#1e293b;background-color:#f8fafc;border-top:2px solid #1e293b;border-bottom:2px solid #1e293b}.item-name-cell{color:#1e293b;font-weight:500}.paper-summary-section{justify-content:space-between;gap:20px;margin-top:12px;display:flex}.summary-col-left{flex:1}.desc-title{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.amount-in-words{color:#334155;margin:0;font-size:13px;font-style:italic;font-weight:500}.summary-col-right{width:320px}.summary-meta-grid{grid-template-columns:1fr auto;gap:12px 16px;margin-bottom:16px;font-size:14px;display:grid}.summary-label{color:#475569;text-align:right;font-weight:500}.summary-val{color:#1e293b;text-align:right;font-weight:600}.final-total-box{color:#fff;background-color:#a855f7;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.paper-footer{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:20px;padding-top:10px;font-size:12px;display:flex}.auth-signatory-title{color:#1e293b;text-align:right;font-weight:600}@media (width<=640px){.invoice-paper-sheet{min-width:650px;padding:20px}.paper-summary-section{flex-direction:column;gap:20px}.summary-col-right{width:100%;max-width:350px;margin-left:auto}}@media (width<=768px){.zoho-preview-pane{flex-direction:column;height:auto;min-height:calc(100vh - 180px);display:flex;overflow:visible}.paper-document-scroll-container{order:1;height:auto;padding:12px;overflow-y:visible}.status-timeline-banner{text-align:center;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;order:2;justify-content:center;margin:8px 0}.zoho-preview-toolbar{background-color:#fff;border-top:1px solid #cbd5e1;border-bottom:none;flex-direction:column;order:3;align-items:stretch;gap:12px;padding:16px}.toolbar-left,.toolbar-right{flex-wrap:wrap;gap:8px;width:100%;display:flex}.toolbar-left .toolbar-btn,.toolbar-right .toolbar-btn{box-sizing:border-box;flex:calc(50% - 8px);justify-content:center;padding:10px;font-size:13px}.toolbar-left .toolbar-btn{flex:100%}}@media print{@page{size:A4 portrait;margin:0}body *{visibility:hidden!important}.invoice-paper-sheet,.invoice-paper-sheet *{visibility:visible!important}html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;overflow:hidden!important}.invoice-paper-sheet{width:210mm!important;max-width:210mm!important;height:297mm!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:14mm 15mm!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.paper-items-table th,.final-total-box{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#a855f7!important}.paper-items-table .total-row td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#f8fafc!important}.org-name{font-size:15px!important}.org-sub,.paper-items-table{font-size:11px!important}.summary-meta-grid{font-size:12px!important}.tax-invoice-title{font-size:18px!important}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:92vh;animation:.25s modalSlideUp;overflow-y:auto;box-shadow:0 25px 60px #0003}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:700}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:all .15s}.close-btn:hover{color:#1e293b;background:#f1f5f9}.payment-form{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.payment-form input,.payment-form select,.payment-form textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.payment-form input:focus,.payment-form select:focus,.payment-form textarea:focus{border-color:#1b75bb;box-shadow:0 0 0 3px #1b75bb1a}.payment-form textarea{resize:vertical;line-height:1.5}.modal-mode-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.modal-mode-btn{cursor:pointer;color:#475569;text-align:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:7px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s;display:flex}.modal-mode-btn:hover{background:#eff6ff;border-color:#93c5fd}.modal-mode-btn.selected{color:#1b75bb;background:#eff6ff;border-color:#1b75bb;box-shadow:0 0 0 1px #1b75bb}.modal-mode-btn span:first-child{font-size:16px}.modal-buttons{gap:10px;padding-top:6px;display:flex}.modal-buttons button{cursor:pointer;color:#475569;background:#fff;border:1px solid #d1d5db;border-radius:7px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.modal-buttons button:hover{background:#f8fafc}.modal-buttons .primary-btn{color:#fff;background:#1b75bb;border-color:#155e96}.modal-buttons .primary-btn:hover{background:#155e96;box-shadow:0 2px 8px #1b75bb4d}.upgrade-gate-overlay{-webkit-backdrop-filter:blur(4px);z-index:1200;background:#0f172a8c;justify-content:center;align-items:center;animation:.2s ug-fade-in;display:flex;position:fixed;inset:0}@keyframes ug-fade-in{0%{opacity:0}to{opacity:1}}.upgrade-gate-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:420px;padding:40px 36px 32px;animation:.25s cubic-bezier(.34,1.56,.64,1) ug-slide-up;position:relative;box-shadow:0 24px 80px #6366f12e,0 4px 24px #0000001f}@keyframes ug-slide-up{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ug-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.ug-close-btn:hover{color:#334155;background:#e2e8f0}.ug-icon-circle{color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;font-size:28px;display:flex;box-shadow:0 4px 16px #6366f133}.ug-title{color:#0f172a;margin:0 0 10px;font-size:1.25rem;font-weight:700}.ug-description{color:#64748b;margin:0 0 20px;font-size:.875rem;line-height:1.6}.ug-usage-wrap{text-align:left;background:#f8fafc;border-radius:10px;margin-bottom:20px;padding:12px 14px}.ug-usage-label{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.78rem;font-weight:500;display:flex}.ug-usage-bar{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.ug-usage-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:99px;height:100%;transition:width .4s}.ug-plan-row{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ug-plan-chip{border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:10px 18px;display:flex}.ug-plan-chip.current{background:#f1f5f9;border:1px solid #e2e8f0}.ug-plan-chip.required{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe}.plan-chip-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.plan-chip-name{color:#1e293b;font-size:.95rem;font-weight:700}.ug-plan-chip.required .plan-chip-name{color:#6366f1}.ug-arrow{color:#94a3b8;flex-shrink:0}.ug-upgrade-btn-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:13px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 4px 16px #6366f159}.ug-upgrade-btn-large:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f173}.ug-dismiss-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.825rem;transition:color .15s}.ug-dismiss-btn:hover{color:#64748b}.upgrade-gate-inline{background:linear-gradient(135deg,#fef9ec 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.ug-inline-left{align-items:flex-start;gap:12px;display:flex}.ug-lock-icon{color:#fff;background:#fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ug-inline-text strong{color:#92400e;margin-bottom:2px;font-size:.875rem;font-weight:700;display:block}.ug-inline-text p{color:#b45309;margin:0;font-size:.8rem;line-height:1.5}.ug-upgrade-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:.825rem;font-weight:600;transition:transform .15s,opacity .15s;display:flex}.ug-upgrade-btn:hover{opacity:.9;transform:translateY(-1px)}.pg-page,.sales-page-container,.items-page-container{flex-direction:column;gap:0;width:100%;display:flex}.pg-header,.cust-page-header,.sales-page-header,.items-page-header{background:0 0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 10px 12px;display:flex}.pg-header-left,.cust-header-left,.sales-header-left,.items-header-left,.pg-header-right,.cust-header-right,.sales-header-right,.items-header-right{align-items:center;gap:8px;display:flex}.pg-title-btn,.cust-title-btn,.sales-title-btn,.items-title-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.pg-title-btn:hover,.cust-title-btn:hover,.sales-title-btn:hover,.items-title-btn:hover{background:#f1f5f9}.pg-title-text,.cust-title-text,.sales-title-text,.items-title-text{color:#1e293b;font-size:18px;font-weight:700;line-height:1}.pg-title-arrow,.cust-title-arrow,.sales-title-arrow,.items-title-arrow{color:#64748b;margin-top:1px;font-size:14px}.pg-status-dropdown-wrap,.sales-status-dropdown-wrap,.status-selector-container{position:relative}.pg-more-overlay,.cust-more-overlay,.sales-dropdown-overlay,.items-dropdown-overlay,.status-dropdown-overlay{z-index:200;background:0 0;position:fixed;inset:0}.pg-status-dropdown-menu,.cust-status-dropdown-menu,.sales-dropdown-menu,.items-dropdown-menu,.status-dropdown-menu{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.pg-status-dropdown-item,.cust-status-dropdown-item,.sales-dropdown-item,.items-dropdown-item,.status-dropdown-item{color:#334155;cursor:pointer;justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.pg-status-dropdown-item:hover,.cust-status-dropdown-item:hover,.sales-dropdown-item:hover,.items-dropdown-item:hover,.status-dropdown-item:hover{color:#1b75bb;background:#f8fafc}.pg-status-dropdown-item.active,.cust-status-dropdown-item.active,.sales-dropdown-item.active,.items-dropdown-item.active,.status-dropdown-item.active{color:#1b75bb;background:#eff6ff;font-weight:600}.pg-search-wrap,.cust-search-wrap,.sales-search-wrap,.items-search-wrap{align-items:center;display:flex;position:relative}.pg-search-icon,.cust-search-icon,.sales-search-icon,.items-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:11px}.pg-search-input,.cust-search-input,.sales-search-input,.items-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;padding:7px 12px 7px 32px;font-size:13px;transition:border-color .2s,background .2s,width .2s,box-shadow .2s}.pg-search-input:focus,.cust-search-input:focus,.sales-search-input:focus,.items-search-input:focus{background:#fff;border-color:#1b75bb;width:260px;box-shadow:0 0 0 3px #1b75bb1a}.pg-new-btn,.cust-new-btn,.sales-new-btn,.items-new-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.pg-new-btn:hover,.cust-new-btn:hover,.sales-new-btn:hover,.items-new-btn:hover{background:#15803d;box-shadow:0 2px 6px #16a34a4d}.pg-sec-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.pg-sec-btn:hover{background:#f8fafc;border-color:#94a3b8}.pg-more-wrap,.cust-more-wrap,.sales-more-wrap,.items-more-wrap{position:relative}.pg-more-btn,.cust-more-btn,.sales-more-btn,.items-more-btn{color:#475569;cursor:pointer;letter-spacing:1px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding-bottom:4px;font-size:18px;font-weight:900;line-height:1;transition:background .15s,border-color .15s;display:flex}.pg-more-btn:hover,.cust-more-btn:hover,.sales-more-btn:hover,.items-more-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.pg-more-dropdown,.cust-more-dropdown,.sales-more-dropdown,.items-more-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001a}.pg-more-item,.cust-more-item,.sales-more-item,.items-more-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.pg-more-item:hover,.cust-more-item:hover,.sales-more-item:hover,.items-more-item:hover{color:#1b75bb;background:#f8fafc}.pg-table-card,.cust-table-card,.sales-table-card,.items-table-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;overflow:hidden}.pg-th:first-child,.pg-td:first-child,.cust-th:first-child,.cust-td:first-child,.sales-th:first-child,.sales-td:first-child,.items-th:first-child,.items-td:first-child{padding-left:24px}.pg-th:last-child,.pg-td:last-child,.cust-th:last-child,.cust-td:last-child,.sales-th:last-child,.sales-td:last-child,.items-th:last-child,.items-td:last-child{padding-right:24px}.pg-table,.cust-main-table,.sales-table,.items-main-table{border-collapse:collapse;table-layout:fixed;width:100%}.pg-thead-row,.cust-thead-row,.sales-thead-row,.items-thead-row{background:#f9f9fb;border-bottom:1px solid #e5e7eb}.pg-th,.cust-th,.sales-th,.items-th{color:#8c8c9a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-align:left;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600;overflow:hidden}.pg-th-check,.cust-th-check,.sales-th-check,.items-th-check{text-overflow:clip;width:48px;padding-left:14px;padding-right:8px;overflow:visible}.pg-th-right,.cust-th-right,.sales-th-right,.items-th-right{text-align:right!important}.pg-th-center,.cust-th-center,.sales-th-center,.items-th-center{text-align:center!important}.pg-th-search,.cust-th-search,.sales-th-search,.items-th-search{color:#94a3b8;width:72px;text-align:right!important}.pg-th-search-icon,.cust-th-search-icon,.sales-th-search-icon,.items-th-search-icon{color:#94a3b8;cursor:pointer;font-size:13px;transition:color .15s}.pg-th-search-icon:hover,.cust-th-search-icon:hover,.sales-th-search-icon:hover,.items-th-search-icon:hover{color:#1b75bb}.pg-slider-icon,.pg-th-filter-icon,.sales-th-filter-icon{color:#94a3b8;cursor:pointer;font-size:13px;transition:color .15s}.pg-slider-icon:hover,.pg-th-filter-icon:hover,.sales-th-filter-icon:hover{color:#1b75bb}.pg-row,.pg-data-row,.cust-data-row,.sales-data-row,.items-data-row{cursor:pointer;border-bottom:1px solid #f0f4f8;transition:background-color .15s}.pg-row:last-child,.pg-data-row:last-child,.cust-data-row:last-child,.sales-data-row:last-child,.items-data-row:last-child{border-bottom:none}.pg-row:hover,.pg-data-row:hover,.cust-data-row:hover,.sales-data-row:hover,.items-data-row:hover{background-color:#f8fafc}.pg-row-selected,.cust-row-selected,.sales-row-selected,.items-data-row.selected{box-shadow:inset 3px 0 #1b75bb;background-color:#edf4fb!important}.pg-td,.cust-td,.sales-td,.items-td{color:#334155;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:11px 14px;font-size:13.5px;overflow:hidden}.pg-td-check,.cust-td-check,.sales-td-check,.items-td-check{text-overflow:clip;padding-left:14px;padding-right:8px;overflow:visible}.pg-td-muted,.cust-td-muted,.sales-td-muted,.items-td-muted{color:#64748b}.pg-td-right,.cust-td-right,.sales-td-right,.items-td-right{text-align:right!important}.pg-td-center,.cust-td-center,.sales-td-center,.items-td-center{text-align:center!important}.pg-td-amount,.cust-td-amount,.sales-td-amount,.items-td-amount{font-variant-numeric:tabular-nums}.pg-td-actions,.cust-td-actions,.sales-td-actions,.items-td-actions{white-space:nowrap;padding:6px 10px 6px 24px!important;overflow:visible!important}.pg-checkbox,.cust-checkbox,.sales-checkbox,.items-checkbox{cursor:pointer;accent-color:#1b75bb;width:15px;height:15px;display:block}.pg-link-cell,.cust-name-link,.sales-id-link,.items-name-link{color:#1b75bb;cursor:pointer;text-overflow:ellipsis;font-weight:500;transition:color .15s;display:inline-block;overflow:hidden}.pg-row:hover .pg-link-cell,.pg-data-row:hover .pg-link-cell,.cust-data-row:hover .cust-name-link,.sales-data-row:hover .sales-id-link,.items-data-row:hover .items-name-link{color:#155e96;text-decoration:underline}.pg-id-badge{color:#1b75bb;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none}.pg-row:hover .pg-id-badge,.pg-data-row:hover .pg-id-badge{color:#155e96;text-decoration:underline}.pg-amount-val,.cust-amount-val,.sales-amount-cell,.items-amount-val{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.pg-amount-overdue,.sales-amount-overdue{color:#dc2626;font-variant-numeric:tabular-nums;font-weight:600}.pg-amount-empty,.cust-amount-empty,.items-amount-muted{color:#cbd5e1;font-weight:400}.pg-status-pill,.sales-status-badge,.status-badge-small{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pg-pill-paid,.pg-pill-received,.pg-pill-closed,.pg-pill-accepted,.pg-pill-credit-applied,.sales-badge-paid,.sales-badge-accepted,.sales-badge-invoiced,.sales-badge-closed,.sales-badge-received,.sales-badge-credit-applied,.status-badge-small.paid{color:#166534;background:#dcfce7;border-color:#86efac}.pg-pill-pending,.pg-pill-draft,.pg-pill-ordered,.pg-pill-partially-credited,.sales-badge-pending,.sales-badge-draft,.sales-badge-partially-credited,.status-badge-small.pending{color:#854d0e;background:#fef9c3;border-color:#fde047}.sales-badge-partially-paid,.pg-pill-partially-paid{color:#b45309;background:#fef3c7;border-color:#fcd34d}.pg-pill-sent,.pg-pill-open,.pg-pill-active,.pg-pill-billable,.sales-badge-sent,.sales-badge-open,.sales-badge-active{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.pg-pill-overdue,.pg-pill-cancelled,.pg-pill-declined,.pg-pill-expired,.pg-pill-unpaid,.sales-badge-overdue,.sales-badge-declined,.sales-badge-expired,.sales-badge-cancelled,.status-badge-small.overdue{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.pg-pill-nonbillable{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.pg-pill-invoiced{color:#9333ea;background:#fdf4ff;border-color:#f0abfc}.items-type-product{color:#475569;background:#f1f5f9}.items-type-service{color:#1d4ed8;background:#eff6ff}.pg-method-pill{white-space:nowrap;color:#475569;background:#f1f5f9;border:1px solid #0000;border-radius:10px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pg-row-action-wrap,.cust-row-action-wrap,.sales-row-action-wrap,.items-row-actions{justify-content:flex-end;display:flex;position:relative}.pg-row-dots-btn,.cust-row-dots-btn,.sales-row-dots-btn,.items-row-dots-btn{color:#94a3b8;cursor:pointer;opacity:0;letter-spacing:1px;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:3px;font-size:18px;font-weight:900;line-height:1;transition:opacity .15s,background-color .15s;display:flex}.pg-row:hover .pg-row-dots-btn,.pg-data-row:hover .pg-row-dots-btn,.cust-data-row:hover .cust-row-dots-btn,.sales-data-row:hover .sales-row-dots-btn,.items-data-row:hover .items-row-dots-btn{opacity:1}.pg-row-dots-btn:hover,.pg-row-dots-btn.active,.cust-row-dots-btn:hover,.cust-row-dots-btn.active,.sales-row-dots-btn:hover,.sales-row-dots-btn.active,.items-row-dots-btn:hover,.items-row-dots-btn.active{opacity:1;color:#475569;background-color:#f1f5f9;border:none}.pg-row-action-menu,.cust-row-action-menu,.sales-row-action-menu{z-index:400;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001f}.pg-row-action-item,.cust-row-action-item,.sales-row-action-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.pg-row-action-item:hover,.cust-row-action-item:hover,.sales-row-action-item:hover{color:#1b75bb;background:#f8fafc}.pg-row-action-item.delete:hover,.cust-row-action-item.delete:hover,.sales-row-action-item.delete:hover{color:#dc2626;background:#fee2e2}.pg-row-action-item.convert:hover,.sales-row-action-item.convert:hover{color:#16a34a;background:#f0fdf4}.pg-row-actions,.cust-row-actions,.sales-row-actions,.items-row-actions{opacity:0;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .15s;display:flex}.pg-row:hover .pg-row-actions,.pg-data-row:hover .pg-row-actions,.cust-data-row:hover .cust-row-actions,.sales-data-row:hover .sales-row-actions,.items-data-row:hover .items-row-actions{opacity:1}.pg-action-btn,.cust-action-btn,.sales-action-btn,.items-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:5px 7px;font-size:14px;line-height:1;transition:background-color .15s;display:flex}.pg-action-btn:hover,.cust-action-btn:hover,.sales-action-btn:hover,.items-action-btn:hover{color:#1e293b;background-color:#f1f5f9}.pg-action-edit:hover,.cust-edit-btn:hover,.items-edit-btn:hover{color:#1b75bb;background-color:#e0f0fd}.pg-action-delete:hover,.cust-delete-btn:hover,.items-delete-btn:hover{color:#dc2626;background-color:#fee2e2}.pg-action-view:hover{color:#16a34a;background-color:#f0fdf4}.pg-action-convert:hover,.sales-action-convert:hover{color:#7c3aed;background-color:#f5f3ff}.sales-action-edit:hover{color:#1b75bb;background-color:#e0f0fd}.sales-action-delete:hover{color:#dc2626;background-color:#fee2e2}.pg-action-download:hover{color:#2563eb;background-color:#eff6ff}.pg-empty-state,.cust-empty-state,.sales-empty-state,.items-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:64px 20px;display:flex}.pg-empty-icon,.cust-empty-icon,.sales-empty-icon,.items-empty-icon{opacity:.45;margin-bottom:6px;font-size:38px}.pg-empty-title,.cust-empty-title,.sales-empty-title,.items-empty-title{color:#475569;margin:0;font-size:15px;font-weight:600}.pg-empty-sub,.cust-empty-sub,.sales-empty-sub,.items-empty-sub{color:#94a3b8;margin:0;font-size:13px}.pg-table-footer,.cust-table-footer,.sales-table-footer,.items-table-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.pg-total-count,.cust-total-count,.sales-total-count,.items-total-count{color:#64748b;font-size:12.5px;font-weight:500}.pg-pagination,.cust-pagination,.sales-pagination,.items-pagination{align-items:center;gap:10px;display:flex}.pg-page-btn,.cust-page-btn,.sales-page-btn,.items-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.pg-page-btn:hover:not(:disabled),.cust-page-btn:hover:not(:disabled),.sales-page-btn:hover:not(:disabled),.items-page-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.pg-page-btn:disabled,.cust-page-btn:disabled,.sales-page-btn:disabled,.items-page-btn:disabled{color:#c0ccd9;cursor:not-allowed;background:#f8fafc;border-color:#e9eef4}.pg-page-indicator,.cust-page-indicator,.sales-page-indicator,.items-page-indicator{color:#475569;white-space:nowrap;font-size:12.5px}@media (width<=768px){.pg-header,.cust-page-header,.sales-page-header,.items-page-header{flex-direction:column;align-items:stretch;gap:12px}.pg-header-right,.cust-header-right,.sales-header-right,.items-header-right{flex-wrap:wrap;justify-content:space-between}.pg-search-input,.cust-search-input,.sales-search-input,.items-search-input,.pg-search-input:focus,.cust-search-input:focus,.sales-search-input:focus,.items-search-input:focus{width:100%}.pg-table,.cust-main-table,.sales-table,.items-main-table{table-layout:auto}.pg-th,.cust-th,.sales-th,.items-th,.pg-td,.cust-td,.sales-td,.items-td{padding:10px;font-size:12.5px}.pg-new-btn,.cust-new-btn,.sales-new-btn,.items-new-btn{justify-content:center;width:100%}}.invoice-summary-cards{flex-wrap:nowrap;gap:10px;margin:10px 0 12px;padding-bottom:4px;display:flex;overflow-x:auto}.inv-summary-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:180px;padding:16px 18px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.inv-summary-card:before{content:"";border-radius:8px 0 0 8px;width:3px;height:100%;position:absolute;top:0;left:0}.inv-summary-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 20px #0000000d,0 4px 6px #00000008}.inv-summary-card.total:before{background:linear-gradient(#6366f1,#4f46e5)}.inv-summary-card.revenue:before{background:linear-gradient(#0ea5e9,#0284c7)}.inv-summary-card.paid:before{background:linear-gradient(#10b981,#059669)}.inv-summary-card.outstanding:before{background:linear-gradient(#f59e0b,#d97706)}.inv-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:flex}.inv-summary-card.total .inv-card-icon{background:#eef2ff}.inv-summary-card.revenue .inv-card-icon{background:#e0f2fe}.inv-summary-card.paid .inv-card-icon{background:#dcfce7}.inv-summary-card.outstanding .inv-card-icon{background:#fef3c7}.inv-card-body{flex-direction:column;gap:1px;min-width:0;display:flex}.inv-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.inv-card-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.inv-summary-card.total .inv-card-value{color:#4f46e5}.inv-summary-card.revenue .inv-card-value{color:#0284c7}.inv-summary-card.paid .inv-card-value{color:#059669}.inv-summary-card.outstanding .inv-card-value{color:#d97706}.inv-card-sub{color:#94a3b8;font-size:10px;font-weight:400}.invoices-split-container{align-items:stretch;gap:24px;width:100%;margin-top:20px;display:flex}.split-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:0 0 35%;max-width:35%;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.split-list-header{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:13px;font-weight:600}.split-list-scroll{flex:1;max-height:calc(100vh - 240px);overflow-y:auto}.split-invoice-card{cursor:pointer;background-color:#fff;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:16px 20px;transition:all .2s;display:flex}.split-invoice-card:hover{background-color:#f8fafc;transform:translate(2px)}.split-invoice-card.active{background-color:#eff6ff!important}.split-invoice-card.status-border-paid{border-left:4px solid #10b981}.split-invoice-card.status-border-pending{border-left:4px solid #f59e0b}.split-invoice-card.status-border-overdue{border-left:4px solid #ef4444}.split-invoice-card.status-border-credit-applied{border-left:4px solid #16a34a}.split-invoice-card.status-border-partially-credited{border-left:4px solid #d97706}.card-top{justify-content:space-between;align-items:center;display:flex}.card-id{color:#1b75bb;font-size:13px;font-weight:700}.card-amount{color:#1e293b;font-size:13px;font-weight:700}.card-middle{justify-content:space-between;align-items:center;margin:2px 0;display:flex}.card-customer{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:13px;font-weight:500;overflow:hidden}.card-badge-inline{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.card-badge-inline.badge-paid{color:#166534;background-color:#dcfce7}.card-badge-inline.badge-pending{color:#92400e;background-color:#fef3c7}.card-badge-inline.badge-overdue{color:#991b1b;background-color:#fee2e2}.card-badge-inline.badge-credit-applied{color:#15803d;background-color:#dcfce7}.card-badge-inline.badge-partially-credited{color:#92400e;background-color:#fef3c7}.card-bottom{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.no-split-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px}.split-preview-panel{flex:1;min-width:0}@media (width<=900px){.invoices-split-container{flex-direction:column}.split-list-panel{flex:none;width:100%;max-width:100%}.split-list-scroll{max-height:250px}}.co-container{color:#374151;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;height:100%;min-height:0;font-family:Inter,Segoe UI,sans-serif;font-size:13px;animation:.22s ease-out co-slide-in;display:flex}@keyframes co-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.co-topbar{background:#fff;border-bottom:1px solid #e9eef4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 12px;display:flex}.co-topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.co-avatar{color:#fff;letter-spacing:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.co-identity{flex-direction:column;min-width:0;display:flex}.co-customer-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.co-company{color:#64748b;margin-top:1px;font-size:12px}.co-topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.co-action-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1.4;transition:background .14s,border-color .14s}.co-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.co-btn-edit{color:#1c5bd9;border-color:#a5b4fc}.co-btn-edit:hover{background:#eff6ff}.co-btn-back{color:#374151;border-color:#d1d5db;align-items:center;gap:5px;display:flex}.co-btn-back:hover{background:#f3f4f6;border-color:#9ca3af}.co-btn-icon{padding:5px 9px}.co-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1;transition:color .14s,background .14s}.co-close-btn:hover{color:#ef4444;background:#fee2e2}.co-tabs{background:#fff;border-bottom:1px solid #e9eef4;gap:2px;padding:0 18px;display:flex}.co-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500;transition:color .14s,border-color .14s}.co-tab:hover{color:#1e293b}.co-tab-active{color:#1c5bd9;border-bottom-color:#1c5bd9;font-weight:600}.co-body{flex:1;min-height:0;padding:0;overflow-y:auto}.co-overview{flex-direction:column;display:flex}.co-gstin-bar{color:#166534;background:#f0fdf4;border-bottom:1px solid #bbf7d0;align-items:flex-start;gap:8px;padding:10px 18px;font-size:12.5px;line-height:1.45;display:flex}.co-gstin-bar.co-gstin-warn{color:#92400e;background:#fffbeb;border-bottom-color:#fde68a}.co-gstin-icon{flex-shrink:0;margin-top:1px;font-size:14px}.co-send-email-link{color:#1c5bd9;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.co-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;display:flex}.co-info-label{color:#64748b}.co-info-value{color:#1e293b;font-weight:500}.co-recv-section{border-bottom:1px solid #f1f5f9;padding:14px 18px}.co-recv-title{color:#1e293b;margin:0 0 10px;font-size:13px;font-weight:700}.co-recv-table{border-collapse:collapse;width:100%;font-size:12.5px}.co-recv-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e9eef4;padding:6px 8px;font-size:11px;font-weight:600}.co-recv-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px}.co-recv-table tfoot td{border-top:1px solid #e2e8f0;border-bottom:none;padding-top:10px;font-size:13px}.co-recv-amount{color:#1c5bd9;font-weight:600}.co-recv-credits{color:#10b981;font-weight:600}.co-collapsible-section{border-bottom:1px solid #f1f5f9}.co-collapsible-toggle{cursor:pointer;color:#64748b;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:11px 18px;font-size:11.5px;font-weight:700;transition:background .13s;display:flex}.co-collapsible-toggle:hover{background:#f8fafc}.co-caret{color:#94a3b8;font-size:10px;transition:transform .2s;display:inline-block}.co-caret-up{transform:rotate(180deg)}.co-collapsible-body{padding:4px 18px 16px}.co-addr-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=520px){.co-addr-grid{grid-template-columns:1fr}}.co-addr-col-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.co-addr-col-head span{color:#374151;font-size:12px;font-weight:600}.co-addr-edit-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;transition:background .13s}.co-addr-edit-btn:hover{background:#eff6ff}.co-address-text{color:#374151;flex-direction:column;gap:2px;font-size:12.5px;font-style:normal;line-height:1.5;display:flex}.co-no-data{color:#94a3b8;margin:0;font-size:12px;font-style:italic}.co-transactions{padding:16px 18px}.co-tx-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.co-tx-stat{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.co-tx-outstanding{border-left-color:#f59e0b}.co-tx-overdue{border-left-color:#ef4444}.co-tx-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.co-tx-value{color:#1e293b;font-size:15px}.co-tx-table{border-collapse:collapse;width:100%;font-size:12.5px}.co-tx-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e9eef4;padding:8px 10px;font-size:11px;font-weight:600}.co-tx-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:9px 10px}.co-tx-id{color:#1c5bd9;font-weight:500}.co-status-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.co-status-paid{color:#166534;background:#dcfce7}.co-status-pending{color:#854d0e;background:#fef9c3}.co-status-overdue{color:#991b1b;background:#fee2e2}.co-status-draft{color:#475569;background:#f1f5f9}.co-empty-state{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.co-empty-icon{font-size:32px}.co-empty-state p{margin:0;font-size:13px}.co-statement{padding:20px 18px}.co-stmt-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.co-stmt-row{color:#374151;border-bottom:1px solid #e9eef4;justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;display:flex}.co-stmt-row:last-child{border-bottom:none}.co-stmt-balance{background:#fff;font-size:14px;font-weight:600}.co-positive{color:#10b981}.co-negative{color:#ef4444}.customers-page{flex-direction:column;gap:20px;display:flex}.customers-header{justify-content:space-between;align-items:center;display:flex}.customers-header h1{color:var(--secondary);font-size:26px}.customers-header .subtitle{color:var(--gray);font-size:14px}.add-customer-btn{background:var(--primary);color:#fff;transition:var(--transition);border-radius:6px;padding:10px 20px;font-weight:600}.add-customer-btn:hover{background:#1d4ed8}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.stat-card-mini{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px #0000000d}.stat-card-mini p{color:var(--gray);margin-bottom:5px;font-size:13px}.stat-card-mini h2{color:var(--secondary);font-size:22px}.stat-card-mini h2.negative{color:#ef4444}.table-controls{background:#fff;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000000d}.search-input-field{border:1px solid var(--border);border-radius:6px;width:100%;padding:10px 15px;font-size:14px}.search-input-field:focus{border-color:var(--primary);outline:none}.customers-content-grid{align-items:flex-start;gap:20px;display:flex}.customers-table-container{background:#fff;border-radius:8px;flex:1;transition:all .3s;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.customers-table-container.split-view{flex:1.4}.customers-list-table{border-collapse:collapse;width:100%}.customers-list-table th,.customers-list-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.customers-list-table th{color:var(--gray);background:#f8fafc;font-weight:600}.customer-row-item{cursor:pointer;transition:var(--transition)}.customer-row-item:hover{background:#f8fafc}.customer-row-item.selected-row{border-left:4px solid var(--primary);background:#eff6ff}.customer-avatar-name{align-items:center;gap:12px;display:flex}.avatar-placeholder{width:36px;height:36px;color:var(--secondary);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.selected-row .avatar-placeholder{background:var(--primary);color:#fff}.cust-name{color:#1c5bd9;font-weight:500}.cust-city{color:var(--gray);font-size:12px}.contact-details-sub{flex-direction:column;gap:2px;display:flex}.contact-details-sub small{color:var(--gray)}.outstanding-text{color:#ef4444;font-weight:600}.clean-text{color:#10b981;font-weight:600}.action-link{cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:10px;padding:4px 8px;font-size:13px;font-weight:600}.edit-btn{color:var(--primary)}.edit-btn:hover{background:#eff6ff}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2}.empty-row{text-align:center;color:var(--gray);padding:40px!important}.customer-details-drawer{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;width:380px;max-height:calc(100vh - 120px);animation:.25s ease-out slideIn;display:flex;position:sticky;top:30px;overflow:hidden;box-shadow:0 4px 12px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.drawer-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-header h3{color:var(--secondary);font-size:16px}.close-drawer-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;font-size:18px}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-avatar-card{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.large-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;font-size:26px;font-weight:700;display:flex}.drawer-avatar-card h2{color:var(--secondary);margin-bottom:4px;font-size:18px}.drawer-avatar-card p{color:var(--gray);font-size:13px}.drawer-info-grid{background:#f8fafc;border-radius:8px;grid-template-columns:1fr;gap:12px;padding:15px;display:grid}.info-block label{text-transform:uppercase;color:var(--gray);font-size:11px;font-weight:600}.info-block p{color:var(--secondary);margin-top:2px;font-size:13px}.drawer-divider{border:0;border-top:1px solid #e2e8f0;margin:20px 0}.drawer-body h4{text-transform:uppercase;color:var(--gray);letter-spacing:.5px;margin-bottom:12px;font-size:13px}.drawer-financials{gap:10px;display:flex}.fin-box{background:#f8fafc;border-left:3px solid #10b981;border-radius:6px;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.fin-box.outstanding{border-left-color:#ef4444}.fin-box span{color:var(--gray);font-size:11px}.fin-box strong{color:var(--secondary);font-size:15px}.drawer-invoices-list{flex-direction:column;gap:10px;display:flex}.drawer-invoice-card{background:#fff;border:1px solid #f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.drawer-invoice-card div{flex-direction:column;display:flex}.drawer-invoice-card strong{color:var(--secondary);font-size:13px}.drawer-invoice-card small{color:var(--gray);font-size:11px}.status-badge-small{text-align:center;border-radius:10px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.status-badge-small.paid{color:#166534;background:#dcfce7}.status-badge-small.pending{color:#854d0e;background:#fef9c3}.status-badge-small.overdue{color:#991b1b;background:#fee2e2}.no-invoices{text-align:center;color:var(--gray);padding:10px 0;font-size:12px}@media (width<=992px){.customers-content-grid{flex-direction:column;align-items:stretch;gap:24px}.customers-table-container.split-view{flex:none}.customer-details-drawer{max-height:none;margin-top:0;position:static;width:100%!important}}@media (width<=768px){.customers-header{text-align:center;flex-direction:column;align-items:stretch;gap:16px}.customers-header h1{font-size:22px}.add-customer-btn{text-align:center;width:100%;padding:12px}.stats-row{grid-template-columns:1fr}.customers-list-table th,.customers-list-table td{padding:12px 14px;font-size:13px}}.split-preview-panel .customer-details-drawer{max-height:calc(100vh - 240px);box-shadow:none;border:1px solid #cbd5e1;position:static;width:100%!important}@media (width<=900px){.split-preview-panel .customer-details-drawer{max-height:none}}.invoice-full-preview-container{width:100%;margin-top:20px}.ie-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:flex-end;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.ie-drawer{box-sizing:border-box;background:#fff;flex-direction:column;width:100%;max-width:440px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 25px -5px #0000001a}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.ie-drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.ie-drawer-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.ie-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:20px;transition:all .2s;display:flex}.ie-close-btn:hover{color:#334155;background:#f1f5f9}.ie-drawer-tabs{background:#f8fafc;border-radius:8px;gap:4px;margin:20px 24px 0;padding:6px;display:flex}.ie-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.ie-tab-btn:hover{color:#0f172a}.ie-tab-btn.active{color:var(--primary);background:#fff;box-shadow:0 1px 3px #00000014}.ie-drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.ie-section-desc{color:#64748b;margin:0;font-size:13px;line-height:1.5}.ie-upload-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;transition:all .2s;display:flex}.ie-upload-zone:hover{border-color:var(--primary);background:#f1f5f9}.ie-upload-icon{font-size:28px}.ie-upload-text{color:#334155;font-size:13px;font-weight:600}.ie-upload-subtext{color:#94a3b8;font-size:11px}.ie-columns-config{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.ie-columns-config-title{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700}.ie-checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.ie-checkbox-label input{cursor:pointer;width:16px;height:16px}.ie-drawer-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:24px;display:flex}.cust-page-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 10px 12px;display:flex}.cust-header-left{align-items:center;display:flex}.cust-title-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;transition:background .15s;display:flex}.cust-title-btn:hover{background:#f1f5f9}.cust-title-text{color:#1e293b;font-size:18px;font-weight:700;line-height:1}.cust-title-arrow{color:#64748b;margin-top:2px;font-size:14px}.cust-header-right{align-items:center;gap:8px;display:flex}.cust-new-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:4px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.cust-new-btn:hover{background:#15803d}.cust-more-wrap{position:relative}.cust-more-btn{color:#475569;cursor:pointer;letter-spacing:1px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding-bottom:4px;font-size:18px;font-weight:900;line-height:1;transition:background .15s,border-color .15s;display:flex}.cust-more-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.cust-more-overlay{z-index:200;background:0 0;position:fixed;inset:0}.cust-more-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001a}.cust-more-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.cust-more-item:hover{color:#7c3aed;background:#f8fafc}@media (width<=640px){.cust-page-header{flex-direction:column;align-items:stretch;gap:12px}.cust-header-right{gap:8px;display:flex}.cust-header-right .search-bar-container{flex:1}.cust-header-right .search-input{width:100%}}@media (width<=480px){.cust-title-text{font-size:17px}.cust-new-btn{padding:7px 12px}}.cust-table-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;transition:none;overflow:visible}.cust-table-card:hover{box-shadow:none}.cust-th:first-child,.cust-td:first-child{padding-left:24px}.cust-th:last-child,.cust-td:last-child{padding-right:24px}.cust-main-table{border-collapse:collapse;table-layout:fixed;width:100%}.cust-main-table col.col-check{width:44px}.cust-main-table col.col-name{width:22%}.cust-main-table col.col-company{width:17%}.cust-main-table col.col-email{width:22%}.cust-main-table col.col-phone{width:14%}.cust-main-table col.col-receivables{width:12%}.cust-main-table col.col-credits{width:10%}.cust-main-table col.col-actions{width:95px}.cust-thead-row{background:#f9f9fb;border-bottom:1px solid #e5e7eb}.cust-th{color:#8c8c9a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-align:left;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600;overflow:hidden}.cust-th-check{padding-left:25px;padding-right:8px}.cust-th-right{text-align:right!important}.cust-data-row{cursor:pointer;border-bottom:1px solid #f0f4f8;transition:background-color .15s}.cust-data-row:last-child{border-bottom:none}.cust-data-row:hover{background-color:#f8fafc}.cust-row-selected{box-shadow:inset 3px 0 #1b75bb;background-color:#edf4fb!important}.cust-td{color:#334155;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:11px 14px;font-size:13.5px;overflow:hidden}.cust-td-check{padding-left:25px;padding-right:8px}.cust-td-muted{color:#64748b}.cust-td-right{text-align:right!important}.cust-td-amount{font-variant-numeric:tabular-nums}.cust-td-actions{white-space:nowrap;padding:8px 10px 8px 24px!important;overflow:visible!important}.cust-checkbox{cursor:pointer;accent-color:#1b75bb;width:15px;height:15px;display:block}.cust-name-link{color:#1b75bb;cursor:pointer;text-overflow:ellipsis;font-weight:500;transition:color .15s;display:block;overflow:hidden}.cust-data-row:hover .cust-name-link{color:#155e96;text-decoration:underline}.cust-amount-val{color:#1e293b;font-weight:600}.cust-amount-empty{color:#cbd5e1;font-weight:400}.cust-row-action-wrap{justify-content:flex-end;display:flex;position:relative}.cust-row-dots-btn{color:#94a3b8;cursor:pointer;opacity:0;letter-spacing:1px;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:3px;font-size:18px;font-weight:900;line-height:1;transition:opacity .15s,background-color .15s;display:flex}.cust-data-row:hover .cust-row-dots-btn{opacity:1}.cust-row-dots-btn:hover,.cust-row-dots-btn.active{opacity:1;color:#475569;background-color:#f1f5f9;border:none}.cust-row-action-menu{z-index:400;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 20px #0000001f}.cust-row-action-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.cust-row-action-item:hover{color:#1b75bb;background:#f8fafc}.cust-row-action-item.delete:hover{color:#dc2626;background:#fee2e2}.cust-row-actions{opacity:0;justify-content:flex-end;gap:4px;transition:opacity .15s;display:flex}.cust-data-row:hover .cust-row-actions{opacity:1}.cust-action-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 7px;font-size:14px;line-height:1;transition:background-color .15s}.cust-edit-btn:hover{background-color:#e0f0fd}.cust-delete-btn:hover{background-color:#fee2e2}.cust-no-data{padding:0!important}.cust-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.cust-empty-icon{opacity:.5;margin-bottom:6px;font-size:36px}.cust-empty-title{color:#475569;margin:0;font-size:15px;font-weight:600}.cust-empty-sub{color:#94a3b8;margin:0;font-size:13px}.cust-table-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.cust-total-count{color:#64748b;font-size:12.5px;font-weight:500}.cust-pagination{align-items:center;gap:10px;display:flex}.cust-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s}.cust-page-btn:hover:not(:disabled){color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}.cust-page-btn:disabled{color:#c0ccd9;cursor:not-allowed;background-color:#f8fafc;border-color:#e9eef4}.cust-page-indicator{color:#475569;white-space:nowrap;font-size:12.5px}@media (width<=1100px){.cust-main-table col.col-phone,.cust-main-table .cust-th:nth-child(5),.cust-main-table .cust-td:nth-child(5){display:none}}@media (width<=860px){.cust-main-table{table-layout:auto}.cust-main-table col.col-email,.cust-main-table .cust-th:nth-child(4),.cust-main-table .cust-td:nth-child(4){display:none}}@media (width<=600px){.cust-table-card{border-radius:6px}.cust-th,.cust-td{padding:10px;font-size:12.5px}.cust-main-table col.col-company,.cust-main-table .cust-th:nth-child(3),.cust-main-table .cust-td:nth-child(3){display:none}}.summary-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0;display:grid}.summary-card{background:#fff;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 4px 15px #00000014}.summary-card:hover{transform:translateY(-4px)}.summary-card h4{color:#666;margin-bottom:12px;font-size:15px}.summary-card h2{color:#2563eb;font-size:30px}.zoho-customer-form-container{background:#fff;flex-direction:column;min-height:100%;display:flex;text-align:left!important;width:100%!important;max-width:100%!important;margin:0!important}.customer-page-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.customer-page-header h2{color:#1e293b;margin:0;font-size:17px;font-weight:700}.customer-close-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:22px;transition:background .2s,color .2s}.customer-close-x:hover{color:#1e293b;background:#f1f5f9}.gst-prefill-banner{color:#334155;background:#eff6ff;border-bottom:1px solid #bfdbfe;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.gst-prefill-icon{color:#3b82f6;flex-shrink:0;font-size:14px}.gst-prefill-text{color:#334155;font-size:13px}.gst-prefill-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.gst-prefill-link:hover{color:#1d4ed8;text-decoration:underline}.zoho-customer-billing-form{background:#fff;flex-direction:column;flex:1;display:flex;align-self:flex-start!important;width:100%!important;max-width:100%!important;margin:0!important}.zoho-form-row{box-sizing:border-box;border-bottom:none;align-items:flex-start;min-height:38px;padding:6px 16px;display:flex}.zoho-row-label{color:#374151;flex-shrink:0;align-items:center;gap:4px;min-width:180px;max-width:180px;padding-top:6px;font-size:12.5px;font-weight:500;display:flex}.zoho-row-label.required:after{content:"*";color:#ea4335;margin-left:2px}.zoho-row-value{flex-direction:column;flex:1;gap:4px;display:flex}.form-input-control{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;max-width:280px;padding:6px 12px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.form-input-control.full-width{max-width:400px}.name-inputs-row{gap:8px;max-width:380px;display:flex}.salutation-select{flex-shrink:0;width:85px!important;max-width:85px!important}.flex-1{flex:1}.customer-type-options{align-items:center;gap:24px;padding:4px 0;display:flex}.customer-type-radio{cursor:pointer;color:#374151;align-items:center;gap:7px;font-size:13px;display:flex}.customer-type-radio input[type=radio]{accent-color:#3b82f6;cursor:pointer;width:14px;height:14px}.phone-row{align-items:center;gap:8px;max-width:280px;display:flex}.phone-code-select{flex-shrink:0;max-width:72px;width:72px!important}.zoho-section-divider{color:#374151;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin-top:6px;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.zoho-bottom-tabs{background:#fff;border-bottom:1px solid #e2e8f0;margin-top:10px;padding:0 16px;display:flex}.zoho-bottom-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:12.5px;font-weight:500;transition:color .15s,border-color .15s}.zoho-bottom-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.zoho-bottom-tab:hover{color:#1e293b}.zoho-tab-content{padding-bottom:16px}.form-textarea-control{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;max-width:380px;padding:6px 12px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.form-textarea-control:focus{border-color:#3b82f6}.new-customer-footer-container{background:#fff;border-top:1px solid #e2e8f0;align-items:center;padding:12px 16px;display:flex}.new-customer-action-btn{cursor:pointer;border-radius:5px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.new-customer-save-btn{color:#fff;background:#3b82f6;border:1px solid #2563eb}.new-customer-save-btn:hover{background:#2563eb}.new-customer-cancel-btn{color:#475569;background:#fff;border:1px solid #cbd5e1;margin-left:8px}.new-customer-cancel-btn:hover{background:#f8fafc}.form-select-control{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;max-width:280px;padding:6px 12px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.form-select-control:focus{border-color:#3b82f6}.copy-billing-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.copy-billing-btn:hover{text-decoration:underline}.gst-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:flex-start;padding-top:80px;animation:.15s fadeInOverlay;display:flex;position:fixed;inset:0}.gst-modal{background:#fff;border-radius:8px;width:560px;max-width:94vw;animation:.18s slideDownModal;box-shadow:0 20px 60px #0000002e}@keyframes slideDownModal{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.gst-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 22px 14px;display:flex}.gst-modal-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.gst-modal-close{color:#ea4335;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px}.gst-modal-close:hover{background:#fef2f2}.gst-modal-body{padding:22px}.gst-modal-input-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.gst-modal-label{color:#ea4335;flex-shrink:0;min-width:85px;font-size:13px;font-weight:600}.gst-modal-label:after{content:"*";margin-left:1px}.gst-modal-input{border:1px solid #d1d5db;border-radius:4px;outline:none;flex:1;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .2s}.gst-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.gst-modal-fetch-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:4px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.gst-modal-fetch-btn:hover:not(:disabled){background:#2563eb}.gst-modal-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.gst-business-details{border-top:1px solid #e2e8f0;padding-top:14px}.gst-business-title{color:#1e293b;margin:0 0 12px;font-size:14px;font-weight:600}.gst-detail-row{grid-template-columns:170px 1fr;gap:8px;padding:4px 0;font-size:13px;display:grid}.gst-detail-key{color:#64748b}.gst-detail-val{color:#1e293b;font-weight:500}.gst-detail-val.active-status{color:#16a34a;font-weight:600}.gst-modal-actions{gap:8px;margin-top:18px;display:flex}.gst-prefill-confirm-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.gst-prefill-confirm-btn:hover{background:#2563eb}.gst-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.gst-cancel-btn:hover{background:#f8fafc}.io-container{color:#374151;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;height:100%;min-height:0;font-family:Inter,Segoe UI,sans-serif;font-size:13px;animation:.22s ease-out io-slide-in;display:flex}@keyframes io-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.io-topbar{background:#fff;border-bottom:1px solid #e9eef4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 12px;display:flex}.io-topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.io-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.io-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.io-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.io-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.io-type-chip{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.io-chip-product{color:#7e22ce;background:#f3e8ff}.io-chip-service{color:#0284c7;background:#e0f2fe}.io-hsn-meta{color:#64748b;font-size:12px}.io-topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.io-action-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1.4;transition:background .14s,border-color .14s}.io-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.io-btn-edit{color:#1c5bd9;border-color:#a5b4fc}.io-btn-edit:hover{background:#eff6ff}.io-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1;transition:color .14s,background .14s}.io-close-btn:hover{color:#ef4444;background:#fee2e2}.io-tabs{background:#fff;border-bottom:1px solid #e9eef4;gap:2px;padding:0 18px;display:flex}.io-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500;transition:color .14s,border-color .14s}.io-tab:hover{color:#1e293b}.io-tab-active{color:#1c5bd9;border-bottom-color:#1c5bd9;font-weight:600}.io-body{flex:1;min-height:0;overflow-y:auto}.io-overview{flex-direction:column;display:flex}.io-type-bar{border-bottom:1px solid #e9eef4;align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;font-weight:600;display:flex}.io-type-product{color:#7e22ce;background:#faf5ff;border-bottom-color:#e9d5ff}.io-type-service{color:#0284c7;background:#f0f9ff;border-bottom-color:#bae6fd}.io-type-icon{font-size:15px}.io-type-label{flex-shrink:0}.io-hsn-chip{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:400}.io-section{border-bottom:1px solid #f1f5f9;padding:14px 18px}.io-description{color:#475569;margin:0;font-size:13px;line-height:1.6}.io-details-grid{background:#f1f5f9;border-top:1px solid #e9eef4;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;display:grid}.io-detail-card{background:#fff;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.io-detail-sell{border-left:3px solid #059669}.io-detail-margin{border-left:3px solid #f59e0b}.io-detail-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:600}.io-detail-value{color:#1e293b;font-size:16px;font-weight:700;line-height:1.2}.io-sell-color{color:#059669}.io-margin-color{color:#d97706}.io-detail-sub{color:#94a3b8;font-size:11px}.io-pricing{padding:16px 18px}.io-pricing-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.io-price-row{color:#374151;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:11px 16px;font-size:13px;display:flex}.io-price-row:last-child{border-bottom:none}.io-price-divider{border-top:1px solid #e2e8f0;margin-top:2px;padding-top:12px}.io-price-label{color:#64748b;font-size:12.5px}.io-margin-row{background:#fffbeb;font-weight:600}.io-usage{padding:16px 18px}.io-usage-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.io-usage-stat{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.io-usage-qty{border-left-color:#8b5cf6}.io-usage-rev{border-left-color:#059669}.io-usage-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.io-usage-value{color:#1e293b;font-size:15px}.io-tx-table{border-collapse:collapse;width:100%;font-size:12.5px}.io-tx-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e9eef4;padding:8px 10px;font-size:11px;font-weight:600}.io-tx-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:9px 10px}.io-tx-id{color:#1c5bd9;font-weight:500}.io-status-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.io-status-paid{color:#166534;background:#dcfce7}.io-status-pending{color:#854d0e;background:#fef9c3}.io-status-overdue{color:#991b1b;background:#fee2e2}.io-status-draft{color:#475569;background:#f1f5f9}.io-empty-state{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.io-empty-icon{font-size:32px}.io-empty-state p{text-align:center;margin:0;font-size:13px}.items-page-container{flex-direction:column;gap:0;width:100%;display:flex}.items-page-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 0 12px;display:flex}.items-header-left{align-items:center;gap:12px;display:flex}.items-title-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:inline-flex}.items-title-btn:hover{background:#f1f5f9}.items-title-text{color:#1e293b;letter-spacing:-.01em;font-size:22px;font-weight:700}.items-title-arrow{color:#2563eb;margin-top:2px;font-size:13px}.items-header-right{align-items:center;gap:10px;display:flex}.items-search-wrap{align-items:center;display:flex;position:relative}.items-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:11px}.items-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;height:36px;padding:0 12px 0 32px;font-size:13px;transition:border-color .2s,background .2s,width .2s,box-shadow .2s}.items-search-input:focus{background:#fff;border-color:#1b75bb;width:260px;box-shadow:0 0 0 3px #1b75bb1f}.items-new-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#16a34a;border:none;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background-color .15s,transform 50ms;display:inline-flex}.items-new-btn:hover{background-color:#15803d}.items-new-btn:active{transform:scale(.98)}.items-more-wrap{position:relative}.items-more-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;transition:all .15s;display:inline-flex}.items-more-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.items-more-overlay{z-index:99;position:fixed;inset:0}.items-more-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;padding:6px 0;animation:.15s ease-out itemsFadeIn;position:absolute;top:42px;right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.items-more-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;transition:background .12s;display:flex}.items-more-item:hover{color:#1e293b;background:#f1f5f9}.items-dropdown-overlay{z-index:99;position:fixed;inset:0}.items-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;padding:6px 0;animation:.15s ease-out itemsFadeIn;position:absolute;top:42px;left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.items-dropdown-item{color:#334155;cursor:pointer;padding:9px 16px;font-size:13.5px;transition:all .12s}.items-dropdown-item:hover{color:#2563eb;background:#f1f5f9}.items-dropdown-item.active{color:#2563eb;background:#eff6ff;font-weight:600}@keyframes itemsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.items-table-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;transition:none;overflow:visible}.items-table-card:hover{box-shadow:none}.items-th:first-child,.items-td:first-child{padding-left:24px}.items-th:last-child,.items-td:last-child{padding-right:24px}.items-main-table{border-collapse:collapse;table-layout:fixed;width:100%}.items-main-table col.col-check{width:44px}.items-main-table col.col-name{width:28%}.items-main-table col.col-type,.items-main-table col.col-hsn{width:14%}.items-main-table col.col-unit{width:10%}.items-main-table col.col-rate{width:15%}.items-main-table col.col-purrate{width:14%}.items-main-table col.col-actions{width:95px}.items-thead-row{background:#f8fafc;border-bottom:1px solid #e2e8f0}.items-th{color:#8c8c9a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-align:left;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600;overflow:hidden}.items-th-check{text-align:center!important;padding:0!important}.items-th-right{text-align:right!important}.items-th-search{text-align:center;color:#94a3b8;cursor:pointer;font-size:13px}.items-th-search:hover{color:#334155}.items-filter-icon{color:#94a3b8;cursor:pointer;font-size:13px}.items-checkbox{cursor:pointer;accent-color:#1b75bb;width:15px;height:15px;display:block}.items-data-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .15s}.items-data-row:last-child{border-bottom:none}.items-data-row:hover{background-color:#f8fafc}.items-data-row.selected{box-shadow:inset 3px 0 #2563eb;background-color:#eff6ff!important}.items-td{color:#334155;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:11px 14px;font-size:13.5px;overflow:hidden}.items-td.items-td-check{text-align:center!important;text-overflow:clip!important;white-space:normal!important;padding:0!important;overflow:visible!important}.items-td-actions{padding:8px 10px;overflow:visible}.items-td-muted{color:#64748b;font-size:13px}.items-td-right{text-align:right!important}.items-name-link{color:#1d70b8;cursor:pointer;font-weight:500;transition:color .15s;display:inline-block}.items-data-row:hover .items-name-link{color:#155e96;text-decoration:underline}.items-amount-val{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.items-amount-muted{color:#94a3b8;font-weight:400}.items-type-pill{letter-spacing:.02em;border-radius:12px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.items-type-product{color:#475569;background-color:#f1f5f9}.items-type-service{color:#1d4ed8;background-color:#eff6ff}.items-row-actions{opacity:0;justify-content:flex-end;gap:4px;transition:opacity .15s;display:flex}.items-data-row:hover .items-row-actions,.items-data-row:hover .cust-row-dots-btn,.items-data-row:hover .cust-row-actions{opacity:1}.items-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;transition:background-color .15s}.items-edit-btn:hover{background-color:#e0f2fe}.items-delete-btn:hover{background-color:#fee2e2}.invoice-full-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;animation:.15s ease-out itemsFadeIn;overflow:hidden;box-shadow:0 1px 3px #0000000a}.customer-details-drawer{padding:20px}.drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.drawer-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.btn-icon{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;font-weight:600;transition:all .15s;display:inline-flex}.btn-icon.edit-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.btn-icon.delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.close-drawer-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;transition:all .15s}.close-drawer-btn:hover{color:#334155;background:#f1f5f9}.drawer-avatar-card{text-align:center;background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:20px}.drawer-avatar-card h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.drawer-info-grid{gap:16px;display:grid}.info-block{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.info-block label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.info-block p{color:#1e293b;margin:0;font-size:15px;font-weight:600}.items-table-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 32px;display:flex}.items-total-count{color:#64748b;font-size:12.5px;font-weight:500}.items-pagination{align-items:center;gap:8px;display:flex}.items-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.items-page-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.items-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.items-page-indicator{color:#475569;white-space:nowrap;font-size:12.5px}.items-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.items-empty-icon{opacity:.5;margin-bottom:6px;font-size:36px}.items-empty-title{color:#334155;margin:0;font-size:15px;font-weight:600}.items-empty-sub{color:#94a3b8;margin:0;font-size:13px}.quotation-title{color:#0891b2!important}.quotation-paper-sheet .paper-items-table th,.quotation-paper-sheet .final-total-box{background-color:#0891b2!important}@media print{.quotation-paper-sheet .paper-items-table th,.quotation-paper-sheet .final-total-box{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#0891b2!important}}.toolbar-btn.convert-btn{transition:all .2s}.toolbar-btn.convert-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #05966940}.status-timeline-banner.sent{color:#0369a1;background-color:#e0f2fe}.status-timeline-banner.sent .banner-badge-dot{background-color:#0284c7}.status-timeline-banner.accepted{color:#166534;background-color:#f0fdf4}.status-timeline-banner.accepted .banner-badge-dot{background-color:#22c55e}.status-timeline-banner.draft{color:#475569;background-color:#f8fafc}.status-timeline-banner.draft .banner-badge-dot{background-color:#94a3b8}.status-timeline-banner.declined{color:#991b1b;background-color:#fef2f2}.status-timeline-banner.declined .banner-badge-dot{background-color:#ef4444}.quotations-page-wrapper{width:100%}.rpf-wrapper{color:#334155;background:#f8fafc;flex-direction:column;min-height:calc(100vh - 64px);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:13.5px;display:flex}.rpf-tabs{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:0;padding:0 24px;display:flex;position:relative}.rpf-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.rpf-tab:hover{color:#1b75bb}.rpf-tab.active{color:#1b75bb;border-bottom-color:#1b75bb}.rpf-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:14px;transition:all .15s;display:flex}.rpf-close-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.rpf-form{flex-direction:column;padding-bottom:80px;display:flex}.rpf-fields-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 0}.rpf-field-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:0;padding:10px 24px;display:flex}.rpf-field-row:last-child{border-bottom:none}.rpf-label{color:#475569;text-align:left;flex-shrink:0;width:200px;padding-top:8px;font-size:13px;font-weight:500;line-height:1.4}.rpf-required:after{content:"*";color:#ef4444;margin-left:3px}.rpf-input-col{flex-direction:column;flex:1;gap:6px;max-width:340px;display:flex}.rpf-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.rpf-input:focus{border-color:#1b75bb;box-shadow:0 0 0 2px #1b75bb26}.rpf-select{cursor:pointer;appearance:auto}.rpf-amount-wrap{align-items:center;gap:0;display:flex}.rpf-currency-tag{color:#475569;background:#f1f5f9;border:1px solid #d1d5db;border-right:none;border-radius:4px 0 0 4px;padding:7px 10px;font-size:13px;font-weight:600}.rpf-amount-input{flex:1;border-radius:0 4px 4px 0!important}.rpf-checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.rpf-radio-group{flex-wrap:wrap;align-items:center;gap:20px;padding-top:6px;flex-direction:row!important}.rpf-radio-label{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.rpf-paynum-row{align-items:center;gap:8px;flex-direction:row!important}.rpf-cog-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-size:14px;line-height:1;transition:background .15s}.rpf-cog-btn:hover{background:#f1f5f9}.rpf-hint{color:#94a3b8;font-size:12px}.rpf-invoices-section{background:#fff;border-top:1px solid #e2e8f0;margin-top:0}.rpf-invoices-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 24px 10px;display:flex}.rpf-invoices-title{color:#0f172a;font-size:13.5px;font-weight:600}.rpf-clear-btn{color:#1b75bb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.rpf-clear-btn:hover{color:#155a8f;text-decoration:underline}.rpf-no-invoices{color:#64748b;text-align:center;border-bottom:1px solid #f1f5f9;padding:32px 24px;font-size:13.5px}.rpf-table-scroll{overflow-x:auto}.rpf-table{border-collapse:collapse;width:100%;font-size:13.5px}.rpf-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-size:11.5px;font-weight:600}.rpf-table td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:12px 16px}.rpf-table tbody tr:hover{background:#f8fafc}.rpf-text-right{text-align:right!important}.rpf-due-date{color:#1b75bb;margin-top:3px;font-size:11.5px}.rpf-due-date-val{font-weight:600}.rpf-inv-link{color:#1b75bb;cursor:pointer;font-weight:600}.rpf-alloc-cell{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.rpf-alloc-input{text-align:right;color:#1e293b;border:1px solid #d1d5db;border-radius:4px;outline:none;width:90px;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .18s}.rpf-alloc-input:focus{border-color:#1b75bb;box-shadow:0 0 0 2px #1b75bb26}.rpf-pay-full-link{color:#1b75bb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:500;transition:color .15s}.rpf-pay-full-link:hover{color:#155a8f;text-decoration:underline}.rpf-total-row td{color:#1e293b;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:none;padding:11px 16px;font-weight:700}.rpf-total-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.rpf-total-value{color:#0f172a;font-size:14px;font-weight:700}.rpf-list-note{color:#94a3b8;border-bottom:1px solid #e2e8f0;margin:0;padding:8px 16px;font-size:11.5px}.rpf-summary{background:#fff;flex-direction:column;align-items:flex-end;gap:6px;padding:12px 16px 16px;display:flex}.rpf-summary-row{color:#475569;justify-content:space-between;gap:16px;width:340px;font-size:13px;display:flex}.rpf-summary-row span:last-child{color:#1e293b;font-family:ui-monospace,Consolas,monospace;font-weight:600}.rpf-excess-row{color:#0f172a;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;gap:6px;width:340px;margin-top:4px;padding-top:6px;font-weight:600;display:flex;position:relative}.rpf-excess-row span:last-child{color:#059669;font-weight:700}.rpf-excess-row.rpf-negative span:last-child{color:#ef4444}.rpf-excess-icon{color:#f59e0b;font-size:13px}.rpf-notes-section{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:16px 24px;display:flex}.rpf-notes-label{color:#64748b;font-size:12px;font-weight:500}.rpf-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;max-width:500px;padding:8px 10px;font-family:inherit;font-size:13.5px;transition:border-color .18s}.rpf-textarea:focus{border-color:#1b75bb;box-shadow:0 0 0 2px #1b75bb26}.rpf-footer{z-index:20;background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;bottom:0}.rpf-btn-primary{color:#fff;cursor:pointer;background:#1b75bb;border:none;border-radius:5px;padding:9px 28px;font-size:13.5px;font-weight:600;transition:background .18s,transform .1s}.rpf-btn-primary:hover{background:#155a8f}.rpf-btn-primary:active{transform:scale(.98)}.rpf-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:9px 22px;font-size:13.5px;font-weight:500;transition:all .18s}.rpf-btn-cancel:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.rpf-success{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:480px;margin:40px auto;padding:48px 24px;display:flex;box-shadow:0 2px 8px #0000000f}.rpf-success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:28px;font-weight:700;display:flex}.rpf-success-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.rpf-success-sub{color:#64748b;margin:0 0 8px;font-size:13.5px}.rpf-receipt{text-align:left;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.rpf-receipt-header{background:#f0fdf4;border-bottom:1px solid #bbf7d0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.rpf-receipt-header span{color:#166534;font-size:13px;font-weight:600}.rpf-receipt-amount{font-size:18px!important;font-weight:700!important}.rpf-receipt-rows{flex-direction:column;gap:10px;padding:14px 20px;display:flex}.rpf-receipt-row{justify-content:space-between;font-size:13px;display:flex}.rpf-receipt-row span{color:#64748b}.rpf-receipt-row strong{color:#1e293b;font-weight:600}.pdm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s pdmFadeIn;display:flex;position:fixed;inset:0}@keyframes pdmFadeIn{0%{opacity:0}to{opacity:1}}.pdm-modal{background:#fff;border-radius:14px;width:100%;max-width:580px;max-height:90vh;animation:.25s pdmSlideUp;overflow-y:auto;box-shadow:0 25px 60px #00000040}@keyframes pdmSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pdm-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.pdm-header-left{align-items:center;gap:12px;display:flex}.pdm-receipt-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.pdm-title{color:#1e293b;margin:0 0 2px;font-size:17px;font-weight:700}.pdm-id{color:#64748b;font-size:12px;font-weight:600}.pdm-header-actions{align-items:center;gap:10px;display:flex}.pdm-print-btn{color:#fff;cursor:pointer;background:#1b75bb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.pdm-print-btn:hover{background:#155e96}.pdm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:18px;line-height:1;transition:all .2s}.pdm-close-btn:hover{color:#1e293b;background:#f1f5f9}.pdm-body{flex-direction:column;gap:20px;padding:24px;display:flex}.pdm-paid-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:10px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pdm-paid-label{color:#166534;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:600}.pdm-paid-amount{color:#059669;margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.pdm-paid-date{color:#16a34a;font-size:12px}.pdm-paid-stamp{color:#16a34a;letter-spacing:3px;opacity:.85;border:3px solid #16a34a;border-radius:4px;padding:6px 14px;font-size:22px;font-weight:900;transform:rotate(-6deg)}.pdm-method-row{align-items:center;display:flex}.pdm-method-badge{border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pdm-details-grid{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.pdm-detail-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.pdm-detail-item:nth-child(odd){border-right:1px solid #f1f5f9}.pdm-detail-item:nth-last-child(-n+2){border-bottom:none}.pdm-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.pdm-detail-value{color:#1e293b;font-size:14px;font-weight:600}.pdm-ref{color:#475569;font-family:Courier New,monospace;font-size:13px}.pdm-notes-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px}.pdm-notes-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600}.pdm-notes-text{color:#475569;font-size:13px;line-height:1.6}.pdm-receipt-footer{text-align:center;color:#94a3b8;border-top:1px dashed #e5e7eb;padding-top:16px;font-size:12px}@media (width<=600px){.pdm-details-grid{grid-template-columns:1fr}.pdm-detail-item:nth-child(odd){border-right:none}.pdm-detail-item:nth-last-child(-n+2){border-bottom:1px solid #f1f5f9}.pdm-detail-item:last-child{border-bottom:none}.pdm-paid-amount{font-size:24px}.pdm-paid-stamp{padding:4px 10px;font-size:18px}.pdm-header{flex-wrap:wrap}}.pg-method-pill{border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600}.zoho-expense-form-container{text-align:left;background-color:#f4f6f8;flex-direction:column;min-height:calc(100vh - 64px);margin:-30px;padding-bottom:90px;display:flex;position:relative}.form-page-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.header-title-group{align-items:center;gap:12px;display:flex}.form-back-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.form-back-btn:hover{color:#0f172a;background-color:#f1f5f9}.form-page-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.form-close-x{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.form-close-x:hover{color:#0f172a;background-color:#f1f5f9}.form-content-wrapper{box-sizing:border-box;width:100%;padding:24px 32px}.zoho-billing-form{max-width:1100px;margin:0 auto}.form-main-columns{align-items:flex-start;gap:24px;display:flex}.form-left-col{flex-direction:column;flex:1;gap:24px;display:flex}.form-right-col{width:320px}@media (width<=1150px){.form-main-columns{flex-direction:column}.form-right-col{width:100%}}.form-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.section-card-title{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:15px;font-weight:600}.zoho-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.zoho-form-grid{grid-template-columns:1fr}}.form-field-group{flex-direction:column;gap:6px;display:flex}.full-width{grid-column:1/-1}.form-field-group label{color:#475569;font-size:13px;font-weight:500}.required-label:after{content:" *";color:#ef4444}.form-input-control{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input-control:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc}.textarea-control{resize:vertical;min-height:80px}.input-with-icon,.input-with-currency{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.currency-symbol{color:#64748b;pointer-events:none;font-size:14px;font-weight:500;position:absolute;left:12px}.pl-9{padding-left:36px!important}.pl-10{padding-left:40px!important}.checkbox-group{margin-top:8px}.checkbox-container{cursor:pointer;align-items:center;gap:8px;display:flex;color:#1e293b!important;font-size:14px!important}.checkbox-container input[type=checkbox]{cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.helper-text{color:#94a3b8;margin-left:4px;font-size:12px;font-weight:400}.receipt-card{height:calc(100% - 48px)}.receipt-upload-zone{text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px 20px;transition:all .2s;display:flex}.receipt-upload-zone.drag-active{background-color:#eff6ff;border-color:#3b82f6}.receipt-upload-zone.has-file{background-color:#f0fdf4;border-color:#10b981}.upload-icon{color:#94a3b8;margin-bottom:12px}.upload-text{color:#475569;margin:0 0 4px;font-size:14px;font-weight:500}.upload-subtext{color:#94a3b8;margin:0 0 12px;font-size:12px}.upload-limits{color:#94a3b8;margin-top:12px;font-size:11px}.browse-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.browse-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.file-success{flex-direction:column;align-items:center;gap:12px;display:flex}.filename{color:#065f46;word-break:break-all;font-size:14px;font-weight:500}.remove-file{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.remove-file:hover{text-decoration:underline}.customer-form-footer-actions{z-index:50;box-sizing:border-box;background-color:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:12px;height:70px;padding:0 32px;transition:left .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:260px;right:0;box-shadow:0 -4px 10px #0000000d}.sidebar-collapsed .customer-form-footer-actions{left:72px}@media (width<=768px){.customer-form-footer-actions{left:0}}.action-footer-btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,box-shadow .2s}.save-btn{color:#fff;background-color:#1b75bb;border:1px solid #1b75bb}.save-btn:hover{background-color:#155e96;border-color:#155e96;box-shadow:0 2px 4px #1b75bb33}.save-new-btn{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1}.save-new-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.cancel-btn{color:#ef4444;background-color:#fff;border:1px solid #fca5a5;margin-left:auto}.cancel-btn:hover{background-color:#fef2f2;border-color:#ef4444}.add-category-btn{color:#1b75bb;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;margin-top:8px;padding:4px 2px;font-size:13px;font-weight:500;transition:color .2s,background-color .2s;display:inline-flex}.add-category-btn:hover{color:#155e96;background-color:#eff6ff;padding:4px 8px}.add-category-modal{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:14px 16px;animation:.18s fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.add-category-modal-title{color:#1e3a5f;margin:0;font-size:13px;font-weight:600}.add-category-modal-actions{gap:8px;display:flex}.modal-confirm-btn{color:#fff;cursor:pointer;background-color:#1b75bb;border:none;border-radius:6px;padding:6px 18px;font-size:13px;font-weight:600;transition:background-color .2s}.modal-confirm-btn:hover{background-color:#155e96}.modal-cancel-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:13px;transition:background-color .2s,border-color .2s}.modal-cancel-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.customer-autocomplete-wrapper{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 12px;transition:border-color .2s;display:flex;position:relative}.customer-autocomplete-wrapper:focus-within{border-color:#1b75bb;box-shadow:0 0 0 3px #1b75bb1a}.customer-search-icon{color:#94a3b8;flex-shrink:0}.customer-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.customer-search-input::placeholder{color:#94a3b8}.customer-caret{color:#94a3b8;cursor:pointer;flex-shrink:0;transition:transform .2s}.customer-autocomplete-dropdown{z-index:200;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;max-height:240px;animation:.15s fadeInDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.customer-suggestion-row{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;transition:background-color .15s}.customer-suggestion-row:last-child{border-bottom:none}.customer-suggestion-row:hover{background-color:#f0f7ff}.customer-suggestion-name{color:#1e293b;font-size:14px;font-weight:500}.customer-suggestion-sub{color:#64748b;margin-top:2px;font-size:12px}.customer-no-results{color:#94a3b8;text-align:center;padding:12px 14px;font-size:13px}.create-new-row{color:#1b75bb;background:#f0f7ff;border-top:1px solid #dbeafe;border-radius:0 0 8px 8px;font-size:13px;font-weight:600}.create-new-row:hover{background:#dbeafe}.expense-summary-card{background:linear-gradient(135deg,#f8faff 0%,#fff 100%);border:1.5px solid #dbeafe;margin-top:16px}.expense-summary-rows{flex-direction:column;gap:12px;display:flex}.expense-summary-row{justify-content:space-between;align-items:center;display:flex}.expense-summary-label{color:#64748b;align-items:center;gap:8px;font-size:13.5px;display:flex}.expense-summary-value{color:#1e293b;font-size:14px;font-weight:500}.expense-tax-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.text-muted{color:#94a3b8;font-size:13px;font-style:italic}.expense-summary-divider{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);height:1px;margin:4px 0}.expense-summary-total-row{background:linear-gradient(135deg,#1b75bb 0%,#1e40af 100%);border-radius:10px;justify-content:space-between;align-items:center;margin-top:2px;padding:10px 14px;display:flex}.expense-total-label{color:#ffffffe6;font-size:14px;font-weight:600}.expense-total-value{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700}.expense-billable-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:center;margin-top:4px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.readonly-input{font-weight:600;color:#475569!important;cursor:not-allowed!important;background-color:#f8fafc!important}.exp-detail-modal{animation:.15s ease-out expModalFadeIn}@keyframes expModalFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cpf-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:1200px;margin:0 auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cpf-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cpf-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.cpf-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.cpf-close-btn:hover{color:#0f172a;background:#f1f5f9}.cpf-form{padding:24px}.cpf-section{margin-bottom:32px}.cpf-section h3{color:#334155;border-bottom:1px solid #f1f5f9;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.cpf-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.cpf-group{flex-direction:column;gap:6px;display:flex}.cpf-group label{color:#475569;font-size:13px;font-weight:500}.cpf-req{color:#ef4444}.cpf-group input,.cpf-group select,.cpf-group textarea{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .2s}.cpf-group input:focus,.cpf-group select:focus,.cpf-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cpf-group input.error,.cpf-group select.error{border-color:#ef4444}.cpf-err-msg{color:#ef4444;margin-top:2px;font-size:12px}.cpf-items-table-wrap{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow-x:auto}.cpf-items-table{border-collapse:collapse;width:100%}.cpf-items-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:12px;font-weight:600}.cpf-items-table td{border-bottom:1px solid #f1f5f9;padding:12px}.cpf-items-table tr:last-child td{border-bottom:none}.cpf-items-table input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px;font-size:13px}.cpf-items-table input:focus{border-color:#3b82f6;outline:none}.cpf-item-amt{color:#334155;text-align:right;font-size:14px;font-weight:500}.cpf-del-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cpf-del-item:hover:not(:disabled){color:#ef4444;background:#fee2e2}.cpf-del-item:disabled{opacity:.5;cursor:not-allowed}.cpf-add-item-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cpf-add-item-btn:hover{color:#1e293b;background:#e2e8f0}.cpf-items-err{color:#ef4444;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.cpf-bottom-section{gap:32px;margin-bottom:32px;display:flex}.cpf-other-details{flex-direction:column;flex:1;gap:16px;display:flex}.cpf-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;width:280px;padding:20px;display:flex}.cpf-summary-row{color:#475569;justify-content:space-between;font-size:14px;display:flex}.cpf-summary-total{color:#0f172a;border-top:1px solid #cbd5e1;margin-top:8px;padding-top:12px;font-size:16px;font-weight:600}.cpf-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.cpf-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.cpf-btn-cancel:hover{background:#f1f5f9}.cpf-btn-save{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #7c3aed33}.cpf-btn-save:hover{background:#6d28d9;box-shadow:0 4px 6px -1px #7c3aed4d}@media (width<=768px){.cpf-bottom-section{flex-direction:column}.cpf-summary{width:auto}}.responsive-table-container{border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:clip visible}.new-items-grid-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;min-width:820px}.new-items-grid-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;box-sizing:border-box;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:11px;font-weight:600}.new-items-grid-table td{vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #f1f5f9;padding:8px 6px}.new-items-grid-table th.align-center{text-align:center}.new-items-grid-table th.align-right{text-align:right}.new-items-grid-table td input,.new-items-grid-table td select{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:13px;transition:all .2s}.new-items-grid-table td input:focus,.new-items-grid-table td select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.suggestion-row:hover{background-color:#f8fafc}.table-bottom-actions-row{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.action-buttons-flex{gap:12px;display:flex}.total-items-badge{color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:13px}.total-items-badge .font-semibold{color:#1e293b;font-weight:600}.btn-purple-outline{color:#7c3aed;cursor:pointer;background-color:#fff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-purple-outline:hover{background-color:#f5f3ff;border-color:#7c3aed}.cancelled-row{opacity:.65;background-color:#fff8f8}.pur-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.2s purFadeIn;display:flex;position:fixed;inset:0}@keyframes purFadeIn{0%{opacity:0}to{opacity:1}}.pur-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) purSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 12px #0000000f}@keyframes purSlideIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pur-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pur-modal-header h2{color:#0f172a;margin:0;font-size:17px;font-weight:700}.pur-modal-vendor{color:#64748b;margin:2px 0 0;font-size:13px}.pur-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:all .15s}.pur-modal-close:hover{color:#0f172a;background:#e2e8f0}.pur-modal-body{padding:20px 24px;overflow-y:auto}.pur-modal-row{color:#334155;justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.pur-modal-row span:first-child{color:#64748b}.pur-modal-row span:last-child{font-weight:500}.pur-modal-row.total-row{color:#0f172a;padding-top:10px;font-size:15px;font-weight:700}.pur-modal-row.total-row span:last-child{color:#16a34a;font-size:16px}.pur-modal-divider{background:#e2e8f0;height:1px;margin:10px 0}.pur-modal-notes{margin-top:10px}.pur-modal-notes span{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:12px;font-weight:600}.pur-modal-notes p{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:6px 0 0;padding:10px 14px;font-size:13px;line-height:1.5}.pur-preview-pane{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;height:calc(100vh - 110px);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pur-preview-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.pur-toolbar-left,.pur-toolbar-right{align-items:center;gap:8px;display:flex}.pur-toolbar-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.pur-toolbar-btn:hover{background:#f1f5f9;border-color:#94a3b8}.pur-close-btn{color:#475569;background:#f1f5f9;font-weight:600}.pur-close-btn:hover{background:#e2e8f0}.pur-edit-btn:hover{color:#15803d;background:#dcfce7;border-color:#86efac}.pur-convert-btn{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.pur-convert-btn:hover{background:#dbeafe;border-color:#93c5fd}.pur-delete-btn:hover{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.pur-status-banner{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:11px 20px;font-size:13px;display:flex}.pur-banner-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.pur-paper-scroll{background:#f1f5f9;flex-direction:column;flex:1;padding:16px;display:flex;overflow:auto}.pur-paper-sheet{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:100%;max-width:800px;margin:0 auto;padding:20px 24px;box-shadow:0 2px 6px #0000000d}.pur-paper-title-bar{text-align:center;border-bottom:2px solid #e2e8f0;margin-bottom:14px;padding-bottom:8px}.pur-paper-title{color:#7c3aed;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:20px;font-weight:700}.pur-paper-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.pur-org-name{color:#1e293b;margin:0 0 5px;font-size:17px;font-weight:700}.pur-org-sub{color:#475569;margin:2px 0;font-size:12.5px}.pur-org-logo{text-align:right}.pur-company-logo{object-fit:contain;max-width:120px;max-height:70px}.pur-logo-placeholder{color:#94a3b8;border:1px dashed #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:100px;height:50px;font-size:12px;display:flex}.pur-info-split{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.pur-vendor-section,.pur-details-section{flex:1}.pur-box-title{color:#1e293b;margin:0 0 6px;font-size:13px;font-weight:700}.pur-vendor-name{color:#1e293b;margin:0 0 3px;font-size:14px;font-weight:600}.pur-vendor-sub{color:#475569;margin:2px 0;font-size:12px}.pur-meta-grid{grid-template-columns:auto auto;gap:4px 12px;font-size:12.5px;display:grid}.pur-meta-label{color:#475569;font-weight:500}.pur-meta-value{color:#1e293b}.pur-bold{font-weight:700}.pur-items-table{border-collapse:collapse;border:1px solid #e2e8f0;width:100%;margin-bottom:16px;font-size:12.5px}.pur-items-table th{color:#fff;white-space:nowrap;background:#7c3aed;border:1px solid #e2e8f0;padding:7px 10px;font-weight:600}.pur-items-table td{color:#334155;border:1px solid #e2e8f0;padding:7px 10px}.pur-item-name{font-weight:500}.pur-total-row td{color:#1e293b;background:#f8fafc;border-top:2px solid #1e293b;border-bottom:2px solid #1e293b}.pur-total-label-cell{text-align:right;font-weight:700}.pur-summary-section{justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.pur-summary-left{flex:1}.pur-summary-right{min-width:220px}.pur-desc-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px;font-weight:600}.pur-notes-text{color:#334155;margin:0;font-size:12.5px}.pur-summary-grid{grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:8px;font-size:12.5px;display:grid}.pur-sum-label{color:#475569}.pur-sum-val{color:#1e293b;font-variant-numeric:tabular-nums;text-align:right}.pur-final-total-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;margin-top:4px;padding:10px 14px;display:flex}.pur-final-label{color:#1e293b;font-size:13px;font-weight:700}.pur-final-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.pur-paper-footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;margin-top:4px;padding-top:12px;font-size:12px;display:flex}.pur-footer-right{text-align:right}.pur-signatory-name{color:#1e293b;margin:24px 0 2px;font-size:13px;font-weight:600}.pur-signatory-title{color:#64748b;margin:0;font-size:11.5px}.bill-import-toast{color:#4ade80;z-index:9999;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:12px 20px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #0003}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bill-import-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.bill-import-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000026,0 4px 12px #0000000f}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bim-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:18px 24px 16px;display:flex}.bim-header-left{align-items:center;gap:12px;display:flex}.bim-header-icon{color:#1b75bb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bim-header h2{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.bim-header p{color:#64748b;margin:0;font-size:12.5px}.bim-close{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.bim-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.bim-template-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 24px;font-size:12.5px;display:flex}.bim-template-btn{color:#1b75bb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.bim-template-btn:hover{background:#eff6ff;border-color:#1b75bb}.bim-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin:20px 24px;padding:28px 20px;transition:all .2s}.bim-dropzone:hover,.bim-dropzone.dragover{background:#eff6ff;border-color:#1b75bb}.bim-dropzone.has-file{background:#f0fdf4;border-style:solid;border-color:#16a34a}.bim-upload-arrow{color:#94a3b8;margin-bottom:8px}.bim-drop-title{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.bim-drop-sub{color:#94a3b8;font-size:12px}.bim-file-info{flex-direction:column;align-items:center;gap:4px;display:flex}.bim-file-icon{color:#16a34a}.bim-file-name{color:#166534;font-size:13.5px;font-weight:600}.bim-file-change{color:#64748b;font-size:11.5px}.bim-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin:0 24px 16px;padding:10px 14px;font-size:12.5px}.bim-preview-section{padding:0 24px 16px}.bim-preview-header{color:#334155;margin-bottom:8px;font-size:12.5px;font-weight:600}.bim-preview-table-wrap{border:1px solid #e2e8f0;border-radius:6px;max-height:200px;overflow:hidden auto}.bim-preview-table{border-collapse:collapse;width:100%;font-size:12px}.bim-preview-table th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:11px;font-weight:600}.bim-preview-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 10px}.bim-preview-table tr:last-child td{border-bottom:none}.bim-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.bim-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.bim-cancel-btn:hover{background:#f8fafc}.bim-import-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bim-import-btn:hover:not(:disabled){background:#15803d}.bim-import-btn:disabled{opacity:.5;cursor:not-allowed}.bim-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reports-page{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;height:100%;padding:0 24px 24px;font-family:inherit;display:flex}.reports-header-top{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.reports-header-top h1{color:#0f172a;margin:0 0 2px;font-size:22px;font-weight:700}.reports-subtitle{color:#94a3b8;margin:0;font-size:13px}.ca-reports-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.ca-reports-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6366f180}.reports-filters-bar{-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:14px 0;display:flex;overflow-x:auto}.reports-filters-bar::-webkit-scrollbar{display:none}.filter-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.filter-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-pill:hover{color:#6366f1;border-color:#6366f1}.filter-pill.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f14d}.reports-dashboard-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;width:100%;padding:24px 0;display:grid}.report-column{flex-direction:column;padding:0;display:flex}.report-column:first-child{padding-left:0}.report-column:last-child{padding-right:0}.column-header{text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.column-header-icon{font-size:14px}.report-list{flex-direction:column;gap:2px;display:flex}.report-item-row{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin:0 -10px;padding:9px 10px;transition:background .15s;display:flex}.report-item-row:hover{background:#f1f5f9}.report-item-name{color:#334155;flex:1;font-size:13.5px;line-height:1.4}.report-star-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1;transition:color .15s,transform .15s}.report-star-btn:hover{color:#f59e0b;transform:scale(1.2)}.report-star-btn.starred{color:#f59e0b}.report-star-btn.inline{margin-left:8px;font-size:18px}.report-detail-view{box-sizing:border-box;flex-direction:column;gap:0;width:100%;height:100%;display:flex}.report-detail-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.report-detail-title{align-items:center;gap:12px;display:flex}.report-detail-title h2{align-items:center;margin:0;font-size:32px;display:flex}.back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.back-btn:hover{color:#1e293b;background:#e2e8f0}.report-detail-title h2{color:#0f172a;align-items:center;margin:0;font-size:18px;font-weight:700;display:flex}.report-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.rep-action-btn{cursor:pointer;white-space:nowrap;letter-spacing:.1px;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.rep-action-btn-icon{font-size:15px;line-height:1}.rep-action-btn.csv-btn{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 2px 8px #10b98159}.rep-action-btn.csv-btn:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-1px);box-shadow:0 4px 14px #10b98173}.rep-action-btn.print-btn{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 2px 8px #6366f159}.rep-action-btn.print-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 4px 14px #6366f173}.rep-action-btn.cols-btn{color:#475569;background:#fff;border:1.5px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}.rep-action-btn.cols-btn:hover{color:#7c3aed;background:#f8fafc;border-color:#c4b5fd}.col-badge{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.col-toggle-wrap{position:relative}.col-toggle-panel{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:200px;padding:6px 0;animation:.15s col-panel-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes col-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.col-toggle-header{color:#64748b;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 14px 10px;font-size:12px;font-weight:700;display:flex}.col-reset-btn{color:#7c3aed;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.col-reset-btn:hover{background:#f5f3ff}.col-toggle-row{cursor:pointer;color:#334155;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:background .1s;display:flex}.col-toggle-row:hover{background:#f8fafc}.col-toggle-row input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;width:14px;height:14px}.report-detail-body{box-sizing:border-box;flex:1;width:100%;overflow-y:auto}.rep-table-wrap{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #0000000d}.rep-table{border-collapse:collapse;width:100%;min-width:600px}.rep-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:11px;font-weight:700}.rep-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13.5px}.rep-table tbody tr:last-child td{border-bottom:none}.rep-table tbody tr:hover td{background:#f8fafc}.rep-table th.text-right,.rep-table td.text-right,.text-right{text-align:right!important}.rep-table tfoot td{color:#1e293b;background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:none;font-size:13.5px;font-weight:600}.rep-empty-cell{text-align:center;color:#94a3b8;font-size:14px;padding:40px!important}.text-right{text-align:right}.fw-bold{font-weight:700}.positive-text{color:#16a34a}.negative-text{color:#dc2626}.rep-id-chip{color:#6d28d9;vertical-align:middle;white-space:nowrap;background:#ede9fe;border-radius:5px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.rep-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.rep-status-badge.status-paid{color:#15803d;background:#dcfce7}.rep-status-badge.status-pending{color:#854d0e;background:#fef9c3}.rep-status-badge.status-overdue{color:#dc2626;background:#fee2e2}.rep-overview{flex-direction:column;gap:20px;display:flex}.rep-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.rep-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 1px 4px #0000000d}.rep-kpi-card:hover{transform:translateY(-2px)}.rep-kpi-icon{font-size:22px}.rep-kpi-val{font-size:22px;font-weight:800}.rep-kpi-label{color:#64748b;font-size:12px;font-weight:500}.rep-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000d}.rep-chart-card h3{color:#0f172a;margin:0 0 16px;font-size:15px;font-weight:700}.rep-pl{flex-direction:column;gap:0;display:flex}.rep-pl-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden}.rep-pl-heading{text-transform:uppercase;letter-spacing:.8px;padding:12px 18px;font-size:11px;font-weight:700}.income-heading{color:#16a34a;background:#f0fdf4}.expense-heading{color:#dc2626;background:#fef2f2}.rep-pl-row{color:#334155;border-top:1px solid #f1f5f9;justify-content:space-between;padding:11px 18px;font-size:13.5px;display:flex}.rep-pl-row.sub-total{color:#0f172a;background:#f8fafc;border-top:1px solid #e2e8f0;font-weight:700}.rep-empty-row{color:#94a3b8;padding:12px 18px;font-size:13px}.rep-net-profit{border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:20px 24px;font-size:20px;font-weight:800;display:flex}.rep-net-profit.positive{color:#15803d;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.rep-net-profit.negative{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.rep-bs-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rep-bs-col{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rep-bs-heading{text-transform:uppercase;letter-spacing:.8px;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.rep-bs-row{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:11px 18px;font-size:13.5px;display:flex}.rep-bs-row.total-row{color:#0f172a;background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:none;font-weight:700}.rep-gstr3b{flex-direction:column;gap:20px;display:flex}.rep-gstr3b-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rep-gstr3b-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rep-gstr3b-box h4{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0 0 14px;padding-bottom:10px;font-size:13px;font-weight:700}.rep-gstr3b-row{color:#334155;justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.rep-gstr3b-payable{border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;font-size:18px;font-weight:800;display:flex}.rep-gstr3b-payable.payable{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.rep-gstr3b-payable.refund{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.rep-customer-sales,.rep-exp-cat,.rep-ageing{flex-direction:column;display:flex}.rep-ageing-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.rep-ageing-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.rep-ageing-range{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600}.rep-ageing-count{color:#475569;margin-bottom:4px;font-size:13px}.rep-ageing-amt{color:#dc2626;font-size:18px;font-weight:800}.rep-ledger{flex-direction:column;gap:16px;display:flex}.rep-ledger-selector{align-items:center;gap:12px;display:flex}.rep-ledger-selector label{color:#475569;font-size:13px;font-weight:600}.rep-ledger-selector select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:200px;padding:8px 14px;font-size:13px}.rep-ledger-summary{flex-wrap:wrap;gap:16px;display:flex}.rep-ledger-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:14px 20px;display:flex}.rep-ledger-kpi span{color:#64748b;font-size:12px}.rep-ledger-kpi strong{color:#0f172a;font-size:18px}.rep-type-invoice{color:#6d28d9;background:#ede9fe;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.rep-type-payment{color:#16a34a;background:#dcfce7;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.rep-placeholder{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.rep-placeholder-icon{margin-bottom:16px;font-size:48px}.rep-placeholder h3{color:#334155;margin:0 0 8px;font-size:18px}.rep-placeholder p{color:#94a3b8;max-width:400px;margin:0;font-size:14px}.ca-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.ca-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.34,1.2,.64,1) modalSlideUp;display:flex;box-shadow:0 30px 80px #0003}.ca-modal-header{justify-content:space-between;align-items:flex-start;padding:24px 28px 0;display:flex}.ca-modal-header h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:800}.ca-modal-header p{color:#94a3b8;margin:0;font-size:13px}.ca-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.ca-modal-close:hover{color:#dc2626;background:#fee2e2}.ca-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:0;padding:16px 28px 0;display:flex}.ca-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;margin-bottom:-1px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s}.ca-tab-btn:hover{color:#6366f1}.ca-tab-btn.active{color:#6366f1;background:#f5f3ff;border-bottom-color:#6366f1}.ca-modal-body{flex:1;padding:24px 28px 28px;overflow-y:auto}.ca-report-section h3{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:700}.ca-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden}.ca-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 16px;font-size:11px;font-weight:700}.ca-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13.5px}.ca-total-row td{color:#0f172a;background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:none;font-weight:700}.ca-pl-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ca-pl-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ca-pl-card h4{text-transform:uppercase;letter-spacing:.5px;margin:0;padding:10px 16px;font-size:12px;font-weight:700}.ca-pl-card.income h4{color:#16a34a;background:#f0fdf4}.ca-pl-card.expense h4{color:#dc2626;background:#fef2f2}.ca-pl-row{color:#334155;background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;padding:10px 16px;font-size:13px;display:flex}.ca-pl-sub-total{color:#0f172a;background:#f8fafc;border-top:1px solid #e2e8f0;font-weight:700}.ca-net-profit{border-radius:10px;justify-content:space-between;padding:16px 20px;font-size:18px;font-weight:800;display:flex}.ca-net-profit.positive{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.ca-net-profit.negative{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}@media (width<=900px){.reports-dashboard-grid{flex-wrap:wrap}.report-column{border-bottom:1px solid #e2e8f0;border-right:none;flex:45%;padding-bottom:20px}.rep-kpi-row,.rep-ageing-summary{grid-template-columns:1fr 1fr}.rep-bs-grid,.ca-pl-grid,.rep-gstr3b-grid{grid-template-columns:1fr}}@media (width<=768px){.reports-header-top{flex-direction:column}.ca-reports-btn{justify-content:center;width:100%}.reports-dashboard-grid{flex-flow:column}.report-column{border-right:none;flex:none;padding:0 0 20px}.report-detail-header{flex-direction:column;align-items:flex-start}.report-actions{width:100%}.rep-kpi-row,.rep-ageing-summary{grid-template-columns:1fr 1fr}.ca-modal-card{border-radius:14px;max-width:100%}.ca-modal-body{padding:16px}.ca-tabs{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.ca-tabs::-webkit-scrollbar{display:none}}@media (width<=480px){.rep-kpi-row,.rep-ageing-summary{grid-template-columns:1fr}}.settings-overlay{z-index:1000;background:#f8fafc;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.settings-overlay-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:16px;height:60px;min-height:60px;padding:0 28px;display:flex;box-shadow:0 1px 4px #0000000d}.settings-header-left{align-items:center;gap:10px;min-width:200px;display:flex}.settings-header-back-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:background .15s,color .15s;display:flex}.settings-header-back-btn:hover{color:#1e293b;background:#f1f5f9}.settings-header-title-wrap{flex-direction:column;line-height:1.2;display:flex}.settings-header-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.settings-header-subtitle{color:#94a3b8;margin:0;font-size:11.5px}.settings-header-search{flex:1;max-width:420px;margin:0 auto}.settings-search-input-wrap{align-items:center;display:flex;position:relative}.settings-search-icon{color:#94a3b8;pointer-events:none;font-size:15px;position:absolute;left:12px}.settings-search-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 16px 8px 36px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.settings-search-input:focus{background:#fff;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed14}.settings-search-input::placeholder{color:#94a3b8}.settings-header-right{justify-content:flex-end;align-items:center;gap:10px;min-width:200px;display:flex}.settings-header-kbd{color:#94a3b8;align-items:center;gap:4px;font-size:11.5px;display:flex}.settings-header-kbd kbd{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:11px}.settings-close-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.settings-overlay-body{flex:1;display:flex;overflow:hidden}.settings-overlay-sidebar{background:#fff;border-right:1px solid #e2e8f0;width:240px;min-width:240px;padding:16px 0;overflow-y:auto}.settings-overlay-sidebar-group{margin-bottom:8px}.settings-overlay-sidebar-group-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;padding:4px 20px 6px;font-size:10.5px;font-weight:700}.settings-overlay-sidebar-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:9px 20px;font-size:13.5px;font-weight:500;transition:background .13s,color .13s;display:flex;position:relative}.settings-overlay-sidebar-item:hover{color:#334155;background:#f8fafc}.settings-overlay-sidebar-item.active{color:#7c3aed;background:linear-gradient(90deg,#ede9fe 0%,#f5f3ff 100%);font-weight:600}.settings-overlay-sidebar-item.active:before{content:"";background:#7c3aed;border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.settings-overlay-sidebar-item .sov-icon{opacity:.65;flex-shrink:0;font-size:16px}.settings-overlay-sidebar-item.active .sov-icon{opacity:1;color:#7c3aed}.settings-overlay-sidebar-divider{background:#f1f5f9;height:1px;margin:10px 0}.settings-overlay-content{background:#f8fafc;flex:1;overflow-y:auto}.settings-home{max-width:1100px;padding:36px 44px}.settings-home-group{margin-bottom:40px}.settings-home-group-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid #e2e8f0;margin:0 0 16px;padding-bottom:10px;font-size:11.5px;font-weight:700}.settings-home-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.settings-home-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e8edf3;border-radius:12px;flex-direction:column;gap:10px;padding:20px 18px;transition:all .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.settings-home-card:before{content:"";opacity:0;background:linear-gradient(90deg,#7c3aed,#a78bfa);height:3px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.settings-home-card:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed1a}.settings-home-card:hover:before{opacity:1}.settings-home-card-icon-wrap{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.settings-home-card-label{color:#1e293b;margin:0;font-size:13.5px;font-weight:650;line-height:1.3}.settings-home-card-desc{color:#94a3b8;margin:0;font-size:11.5px;line-height:1.45}.settings-home-card-arrow{color:#cbd5e1;font-size:13px;transition:color .15s,transform .15s;position:absolute;bottom:14px;right:14px}.settings-home-card:hover .settings-home-card-arrow{color:#7c3aed;transform:translate(2px)}.settings-section-content{max-width:900px;padding:32px 36px}@media (width<=900px){.settings-home{padding:24px 20px}.settings-home-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.settings-overlay-sidebar{width:190px;min-width:190px}.settings-header-kbd{display:none}}@media (width<=650px){.settings-overlay-header{gap:10px;padding:0 14px}.settings-header-left{min-width:unset}.settings-header-search{display:none}.settings-header-right{min-width:unset}.settings-overlay-body{flex-direction:column}.settings-overlay-sidebar{width:100%;min-width:unset;border-bottom:1px solid #e2e8f0;border-right:none;flex-direction:row;align-items:center;padding:8px 0;display:flex;overflow:auto hidden}.settings-overlay-sidebar-group{white-space:nowrap;flex-direction:row;margin-bottom:0;display:flex}.settings-overlay-sidebar-group-label{display:none}.settings-overlay-sidebar-item{white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:12.5px}.settings-section-content{padding:20px 16px}}.settings-panel-header{margin-bottom:28px}.settings-panel-header h1{color:#1e293b;margin:0 0 6px;font-size:22px;font-weight:700}.settings-panel-header p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:22px;padding:28px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000a}.settings-card:hover{box-shadow:0 4px 12px #0000000f}.settings-card-title{color:#334155;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:650;display:flex}.settings-card-title .card-title-icon{color:#7c3aed;font-size:16px}.settings-card-desc{color:#94a3b8;margin:0 0 22px;font-size:12.5px;line-height:1.5}.settings-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-form-grid .form-group{flex-direction:column;gap:6px;display:flex}.settings-form-grid .form-group.full-width{grid-column:span 2}.settings-form-grid label{color:#475569;letter-spacing:.01em;font-size:12.5px;font-weight:600}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-form-grid textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed14}.settings-form-grid textarea{resize:vertical;min-height:72px}.settings-form-grid input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.toggle-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label-group{flex-direction:column;gap:2px;display:flex}.toggle-label{color:#334155;font-size:13.5px;font-weight:600}.toggle-desc{color:#94a3b8;font-size:12px}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#cbd5e1;border-radius:24px;transition:background .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001f}.toggle-switch input:checked+.toggle-slider{background:#7c3aed}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-save-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.settings-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;padding:11px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #7c3aed40}.settings-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed59}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-reset-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s}.settings-reset-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.settings-success-toast{color:#15803d;z-index:9999;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-left:4px solid #10b981;border-radius:10px;align-items:center;gap:8px;padding:14px 22px;font-size:13.5px;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards settingsToastIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .form-group.full-width{grid-column:span 1}.settings-section-content{padding:20px 16px}}.roles-table{border-collapse:collapse;background:#fff;width:100%;font-size:13.5px}.roles-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 24px;font-size:11.5px;font-weight:700}.roles-table td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:16px 24px;line-height:1.5}.roles-table tr:last-child td{border-bottom:none}.roles-table a{color:#3b82f6;font-weight:500;text-decoration:none}.roles-table a:hover{text-decoration:underline}.role-badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.invited{color:#a16207;background:#fef9c3}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:450px;animation:.2s ease-out forwards modalIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;transition:color .15s}.modal-close:hover{color:#1e293b}.modal-body{padding:24px}.permissions-matrix th,.permissions-matrix td{padding:12px 16px}.perm-check{color:#7c3aed;font-size:18px;font-weight:700}.perm-toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.perm-toggle input{opacity:0;width:0;height:0}.perm-slider{background:#cbd5e1;border-radius:20px;transition:background .2s;position:absolute;inset:0}.perm-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 2px #00000026}.perm-toggle input:checked+.perm-slider{background:#7c3aed}.perm-toggle input:checked+.perm-slider:before{transform:translate(16px)}.org-page-header{border-bottom:1px solid #e8edf2;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;display:flex}.org-page-title{color:#1e293b;margin:0;font-size:20px;font-weight:700}.org-id-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:500}.org-form{background:#fff;border:1px solid #e8edf2;border-radius:10px;overflow:hidden}.org-section-label{color:#475569;background:#f8fafc;border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;padding:10px 24px;font-size:13px;font-weight:500}.org-logo-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:24px;padding:18px 24px;display:flex}.org-logo-upload-btn{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.org-logo-upload-btn:hover{background:#f0f9ff}.org-logo-hint{color:#64748b;font-size:12px;line-height:1.7}.org-logo-hint p{margin:0}.org-remove-logo{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:500}.org-field-row{border-bottom:1px solid #f1f5f9;align-items:center;min-height:52px;display:flex}.org-field-row--top{align-items:flex-start}.org-field-row:last-child{border-bottom:none}.org-field-label{color:#475569;align-items:center;gap:6px;width:220px;min-width:220px;padding:14px 24px;font-size:13px;line-height:1.4;display:flex}.org-field-label.required:after{content:"*";color:#ef4444;margin-left:2px;font-weight:700}.org-field-input{flex:1;padding:10px 20px 10px 0}.org-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.org-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.org-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.org-address-block{flex-direction:column;gap:8px;padding-top:14px;padding-bottom:14px;display:flex}.org-inline-row{gap:8px;display:flex}.org-inline-row .org-input{flex:1}.org-address-format-link{color:#3b82f6;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:12.5px}.org-address-format-link:hover{text-decoration:underline}.org-tooltip{color:#fff;cursor:help;background:#94a3b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.org-logo-preview-box{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:60px;padding:4px;display:flex;position:relative;overflow:hidden}.org-logo-preview-img{object-fit:contain;width:100%;height:100%;display:block}.org-logo-preview-empty{color:#94a3b8;text-align:center;padding:8px;font-size:11px}.org-logo-remove-x{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;transition:background .15s;display:flex;position:absolute;top:-8px;right:-8px}.org-logo-remove-x:hover{background:#ef4444}.org-logo-container{display:inline-block;position:relative}.org-logo-plus-btn{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.org-logo-plus-btn:hover{color:#2563eb;background:#f0f9ff;border-color:#93c5fd}.sub-page{color:#111827;box-sizing:border-box;flex-direction:column;gap:28px;width:100%;padding:0 24px 32px;font-family:Inter,sans-serif;display:flex}.sub-header-card{background-color:#0000;border:none;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:16px 0;display:flex;position:relative;overflow:hidden}.sub-header-card:before{content:"";opacity:.8;pointer-events:none;z-index:0;background-image:url(/dash_hero_bg.png);background-position:0 0;background-repeat:repeat;position:absolute;inset:0}.sub-header-info,.sub-billing-toggle{z-index:1;position:relative}.sub-eyebrow{color:#374151;letter-spacing:.2px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.sub-eyebrow-dot{background:#111827;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sub-header-info h1{color:#000;letter-spacing:-.8px;margin:0 0 6px;font-size:28px;font-weight:800}.sub-header-info p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.sub-billing-toggle{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:2px;padding:4px;display:inline-flex}.sub-billing-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.sub-billing-btn.active{color:#000;background:#fff;box-shadow:0 1px 4px #0000001a}.sub-save-badge{color:#fff;letter-spacing:.2px;background:#000;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.sub-current-banner{color:#fff;background:#111827;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.sub-current-left{align-items:center;gap:14px;display:flex}.sub-shield-icon{color:#fff;background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sub-current-label{text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;font-size:11px;font-weight:700}.sub-current-title{color:#fff;letter-spacing:-.3px;margin:2px 0 0;font-size:17px;font-weight:800}.sub-manage-btn{color:#000;cursor:pointer;background:#fff;border:1.5px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.sub-manage-btn:hover{background:#f3f4f6;border-color:#f3f4f6}.sub-plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.sub-card{text-align:center;background:linear-gradient(#fff 0%,#fcfdfd 100%);border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 12px #00000005}.sub-card:hover{border-color:#d8b4fe;transform:translateY(-6px);box-shadow:0 20px 40px #00000014,0 0 0 1px #7c3aed1a}.sub-card.sub-featured{background:linear-gradient(#fff 0%,#f5f3ff 100%);border:2px solid #8b5cf6;box-shadow:0 8px 24px #8b5cf61f}.sub-card.sub-featured:hover{box-shadow:0 24px 48px #8b5cf633,0 0 0 2px #8b5cf64d}.sub-card.sub-active-plan{background:linear-gradient(#fff 0%,#ecfdf5 100%);border:2px solid #10b981}.sub-card.sub-active-plan:hover{box-shadow:0 20px 40px #10b98126}.sub-popular-badge{color:#fff;white-space:nowrap;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:999px;padding:5px 16px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #8b5cf64d}.sub-active-badge{color:#fff;white-space:nowrap;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:999px;padding:5px 16px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10b9814d}.sub-plan-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:20px;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.sub-featured .sub-plan-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-color:#7c3aed;box-shadow:0 4px 12px #8b5cf640}.sub-plan-name{color:#1f2937;letter-spacing:-.3px;margin:0 0 6px;font-size:17px;font-weight:800}.sub-plan-desc{color:#6b7280;margin:0 0 16px;font-size:13.5px;line-height:1.6}.sub-trial-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;width:fit-content;margin-bottom:18px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sub-price-row{justify-content:center;align-items:baseline;gap:3px;margin-bottom:2px;display:flex}.sub-price{color:#000;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.sub-period{color:#6b7280;font-size:11px;font-weight:500}.sub-yearly-saving{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;align-self:center;width:fit-content;margin-bottom:10px;padding:1px 6px;font-size:10px;font-weight:600}.sub-divider{background:#f3f4f6;height:1px;margin:18px 0}.sub-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:700}.sub-inclusions-list{margin:0 0 16px;padding:0;list-style:none}.sub-inclusions-list li{color:#4b5563;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.sub-inclusion-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:4px;height:4px}.sub-features-list{flex:1;margin:0;padding:0;list-style:none}.sub-feature-item{align-items:center;gap:9px;padding:5px 0;font-size:13.5px;display:flex}.sub-feature-item.available{color:#111827}.sub-feature-item.unavailable{color:#d1d5db}.sub-check-icon{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.sub-dash-icon{color:#d1d5db;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.sub-cta-btn{cursor:pointer;border:1.5px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:7px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:all .18s;display:flex}.sub-cta-btn.btn-default{color:#000;background:#fff}.sub-cta-btn.btn-default:hover{background:#f3f4f6}.sub-cta-btn.btn-featured{color:#fff;background:#000}.sub-cta-btn.btn-featured:hover{background:#1f2937;border-color:#1f2937}.sub-cta-btn.btn-current{color:#9ca3af;cursor:default;background:#f3f4f6;border-color:#e5e7eb}.sub-trust-strip{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:40px;padding:22px 24px;display:flex}.sub-trust-item{color:#374151;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.sub-trust-icon{font-size:18px;line-height:1}.sub-compare-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:32px 28px}.sub-compare-title{color:#000;letter-spacing:-.6px;text-align:center;margin:0 0 6px;font-size:22px;font-weight:800}.sub-compare-subtitle{color:#6b7280;text-align:center;margin:0 0 28px;font-size:14px}.sub-table-wrapper{overflow-x:auto}.sub-compare-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.sub-compare-table thead th{text-align:center;color:#000;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px;font-size:14.5px;font-weight:800}.sub-compare-table thead th:first-child{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.sub-compare-table thead th.th-featured{color:#fff;background:#111827}.sub-popular-tag{color:#fff;vertical-align:middle;background:#fff3;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.sub-compare-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s}.sub-compare-table tbody tr:last-child{border-bottom:none}.sub-compare-table tbody tr:hover{background:#f9fafb}.sub-compare-table td{text-align:center;color:#374151;padding:13px 20px;font-size:13.5px}.sub-compare-table td:first-child{text-align:left;color:#111827;font-weight:500}.td-featured-col{background:#11182708}.td-tick{color:#111827;font-size:15px;font-weight:700}.td-dash{color:#d1d5db;font-size:18px}.td-text{color:#111827;font-size:13px;font-weight:600}@media (width<=1024px){.sub-plans-grid{grid-template-columns:repeat(2,1fr)}.sub-plans-grid>.sub-card:nth-child(3){grid-column:span 2;width:100%;max-width:420px;margin:0 auto}}@media (width<=768px){.sub-header-card{flex-direction:column;align-items:flex-start;padding:20px}.sub-plans-grid{grid-template-columns:1fr}.sub-plans-grid>.sub-card:nth-child(3){grid-column:unset;max-width:none}.sub-trust-strip{gap:20px}.sub-compare-section{padding:24px 16px}}.psw-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000d}.psw-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.psw-plan-info{align-items:center;gap:10px;display:flex}.psw-plan-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.psw-plan-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px;font-size:.72rem;font-weight:600}.psw-plan-name{margin:0;font-size:1rem;font-weight:700}.psw-manage-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:transform .15s,opacity .15s;display:flex}.psw-manage-btn:hover{opacity:.9;transform:translateY(-1px)}.psw-billing-date{color:#94a3b8;text-align:center;background:#f8fafc;border-radius:8px;padding:6px 10px;font-size:.78rem}.psw-billing-date strong{color:#475569}.psw-expiry-banner{border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;display:flex}.psw-expiry-banner span{flex:1}.psw-expiry-banner button{cursor:pointer;white-space:nowrap;background:#ffffff80;border:1px solid;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:background .15s}.psw-expiry-banner button:hover{background:#ffffffbf}.psw-warning-banner{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.psw-danger-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.psw-expired{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.psw-usage-section{flex-direction:column;gap:10px;display:flex}.psw-section-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;align-items:center;gap:5px;margin:0;font-size:.72rem;font-weight:700;display:flex}.psw-usage-row{flex-direction:column;gap:4px;display:flex}.psw-usage-meta{justify-content:space-between;font-size:.78rem;display:flex}.psw-usage-label{color:#475569;font-weight:500}.psw-usage-count{color:#64748b;font-weight:600}.psw-usage-count.psw-warning{color:#d97706}.psw-usage-count.psw-danger{color:#dc2626}.psw-usage-count.psw-unlimited{color:#22c55e;font-size:.72rem}.psw-bar-track{background:#f1f5f9;border-radius:99px;height:6px;overflow:hidden}.psw-bar-fill{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.psw-free-cta{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #ddd6fe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.psw-free-cta p{color:#5b21b6;flex:1;margin:0;font-size:.8rem;font-weight:500}.psw-free-cta button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:transform .15s,opacity .15s;display:flex}.psw-free-cta button:hover{opacity:.9;transform:translateY(-1px)}.short-plan-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.short-plan-details{cursor:pointer;align-items:center;gap:10px;display:flex}.short-plan-tag{border:1px solid #0000;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:700}.short-plan-expiry{color:#64748b;font-size:.78rem;font-weight:500}.status-badge-danger{color:#dc2626;font-weight:700}.status-badge-warning{color:#d97706;font-weight:700}.short-plan-btn{color:#fff;cursor:pointer;background:#1b75bb;border:none;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.short-plan-btn:hover{background:#155e96}.profile-page{flex-direction:column;gap:20px;display:flex}.profile-header h1{color:var(--secondary);font-size:26px}.profile-header .subtitle{color:var(--gray);font-size:14px}.profile-layout-grid{grid-template-columns:2fr 1fr;align-items:flex-start;gap:25px;display:grid}.profile-main-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:30px;padding:30px;display:flex;box-shadow:0 1px 3px #0000000d}.profile-side-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:30px;display:flex;position:sticky;top:30px;box-shadow:0 1px 3px #0000000d}.profile-form{flex-direction:column;gap:20px;display:flex}.profile-form h3{color:var(--secondary);font-size:16px}.form-subtext{color:var(--gray);margin-top:-15px;font-size:13px}.form-group-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.profile-form label{color:#475569;font-size:13px;font-weight:600}.profile-form input{border:1px solid var(--border);border-radius:6px;padding:12px;font-size:14px}.profile-form input:focus{border-color:var(--primary);outline:none}.avatar-options-grid{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}.avatar-option-btn{cursor:pointer;width:48px;height:48px;transition:var(--transition);background:#f1f5f9;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.avatar-option-btn:hover{background:#e2e8f0}.avatar-option-btn.active-avatar{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 3px #3b82f626}.theme-toggle-row{gap:12px;margin-top:5px;display:flex}.theme-selection-btn{color:#475569;cursor:pointer;transition:var(--transition);background:#f1f5f9;border:2px solid #0000;border-radius:6px;flex:1;padding:12px;font-size:14px;font-weight:600}.theme-selection-btn:hover{background:#e2e8f0}.theme-selection-btn.active-theme{border-color:var(--primary);color:var(--primary);background:#eff6ff}.profile-divider{border:0;border-top:1px solid #f1f5f9}.form-actions-profile{justify-content:flex-end;display:flex}.save-profile-btn{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border-radius:6px;padding:12px 24px;font-weight:600}.save-profile-btn:hover{background:#1d4ed8}.save-password-btn{color:#fff;cursor:pointer;transition:var(--transition);background:#1e293b;border-radius:6px;padding:12px 24px;font-weight:600}.save-password-btn:hover{background:#0f172a}.profile-visual-avatar{margin-bottom:15px}.big-profile-emoji{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:68px;display:flex;box-shadow:0 4px 6px #0000000d}.profile-badge-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:20px;margin-top:6px;padding:4px 12px;font-size:12px;font-weight:700}.profile-email-text{color:var(--gray);margin-top:10px;font-size:13px}.profile-meta-details{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;width:100%;margin-top:25px;padding-top:20px;display:flex}.meta-item{justify-content:space-between;font-size:13px;display:flex}.meta-item span{color:var(--gray)}.meta-item strong{color:var(--secondary)}.active-text{color:#10b981!important}@media (width<=900px){.profile-layout-grid{grid-template-columns:1fr}.profile-side-card{position:static}}@media (width<=600px){.form-group-row{grid-template-columns:1fr}}.success-toast{color:#15803d;z-index:9999;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-left:4px solid #10b981;border-radius:10px;align-items:center;gap:8px;padding:14px 22px;font-size:13.5px;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards profileToastIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes profileToastIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.sp-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;display:flex}.sp-back-btn{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;width:fit-content;padding:8px 16px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.sp-back-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.sp-layout{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}.sp-summary-panel{flex-direction:column;gap:18px;display:flex}.sp-trial-banner{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 6px 20px #6366f159}.sp-trial-banner svg{flex-shrink:0;margin-top:2px}.sp-trial-banner strong{margin-bottom:4px;font-size:15px;font-weight:700;display:block}.sp-trial-banner p{opacity:.88;margin:0;font-size:12.5px;line-height:1.5}.sp-plan-summary-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.sp-plan-color-bar{width:100%;height:5px}.sp-plan-summary-body{padding:22px 24px 24px}.sp-plan-summary-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sp-plan-summary-header h3{color:#0f172a;margin:0;font-size:20px;font-weight:700}.sp-billing-badge{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.sp-plan-price-display{align-items:baseline;gap:4px;margin-bottom:18px;display:flex}.sp-price-big{color:#0f172a;letter-spacing:-1.5px;font-size:38px;font-weight:800}.sp-price-period{color:#64748b;font-size:15px}.sp-plan-features{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.sp-plan-features li{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.sp-feature-check{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sp-billing-timeline{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px}.sp-timeline-item{align-items:flex-start;gap:14px;display:flex}.sp-tl-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.sp-tl-dot.charge{background:#0f172a}.sp-timeline-line{background:#e2e8f0;width:2px;height:24px;margin-left:5px}.sp-tl-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.sp-tl-val{color:#1e293b;font-size:13px;font-weight:500}.sp-trust-row{flex-wrap:wrap;gap:14px;display:flex}.sp-trust-row span{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.sp-form-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:34px 36px;box-shadow:0 4px 20px #0000000f}.sp-form-title{color:#0f172a;margin:0 0 6px;font-size:22px;font-weight:700}.sp-form-subtitle{color:#64748b;margin:0 0 26px;font-size:13.5px}.sp-method-tabs{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.sp-method-tab{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:110px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.sp-method-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.sp-method-tab.active{color:#4f46e5;background:#eef2ff;border-color:#6366f1;font-weight:700;box-shadow:0 0 0 3px #6366f11f}.sp-payment-form{flex-direction:column;gap:18px;display:flex}.sp-form-group{flex-direction:column;gap:6px;display:flex}.sp-form-group label{color:#374151;font-size:13px;font-weight:600}.sp-form-group input{color:#1e293b;box-sizing:border-box;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.sp-form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-form-group input.error{background:#fff5f5;border-color:#ef4444}.sp-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-card-input-wrap{position:relative}.sp-card-icon{color:#94a3b8;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sp-card-input-wrap input{padding-left:38px!important}.sp-err{color:#ef4444;font-size:12px;font-weight:500}.sp-upi-hint{color:#64748b;align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.sp-wallet-options{grid-template-columns:1fr 1fr;gap:12px;padding:4px 0;display:grid}.sp-wallet-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s}.sp-wallet-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.sp-terms-row{color:#475569;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.sp-terms-row input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.sp-terms-row a{color:#6366f1;text-decoration:underline}.sp-terms-row.error{color:#ef4444}.sp-submit-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:15px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;box-shadow:0 4px 15px #6366f166}.sp-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.sp-submit-btn:disabled{opacity:.75;cursor:not-allowed}.sp-submit-btn.loading{gap:0}.sp-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite sp-spin;display:inline-block}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-no-charge-note{text-align:center;color:#64748b;margin:0;font-size:12.5px}.sp-success-screen{justify-content:center;align-items:center;min-height:500px;padding:60px 20px;display:flex}.sp-success-card{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;padding:52px 48px;display:flex;box-shadow:0 10px 40px #00000014}.sp-success-icon{font-size:64px;animation:.5s sp-pop}@keyframes sp-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.sp-success-card h2{color:#0f172a;margin:0;font-size:28px;font-weight:800}.sp-success-sub{color:#475569;max-width:380px;margin:0;font-size:15px;line-height:1.6}.sp-trial-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:30px;align-items:center;gap:7px;padding:10px 22px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #6366f166}.sp-goto-dash-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:700;transition:background .18s,transform .15s}.sp-goto-dash-btn:hover{background:#1e293b;transform:translateY(-1px)}@media (width<=900px){.sp-layout{grid-template-columns:1fr}}@media (width<=600px){.sp-form-panel{padding:24px 20px}.sp-form-row{grid-template-columns:1fr}.sp-method-tabs{flex-direction:column}.sp-success-card{padding:36px 24px}}.rzp-panel{flex-direction:column;gap:22px;padding:30px 32px;display:flex}.rzp-header{flex-direction:column;gap:6px;display:flex}.rzp-logo-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.rzp-favicon{border-radius:4px;width:20px;height:20px}.rzp-powered-by{color:#64748b;font-size:12.5px}.rzp-powered-by strong{color:#0f172a}.rzp-test-badge{color:#d97706;letter-spacing:.06em;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.rzp-order-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.rzp-order-row{color:#475569;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.rzp-free-tag{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.rzp-order-divider{background:#e2e8f0;height:1px;margin:2px 0}.rzp-total-row{color:#0f172a;font-size:15px;font-weight:700}.rzp-due-amount{color:#16a34a;font-size:20px;font-weight:800}.rzp-after-trial{color:#94a3b8;font-size:12px}.rzp-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.rzp-error-banner svg{flex-shrink:0;margin-top:1px}.rzp-pay-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:15.5px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #7c3aed6b}.rzp-pay-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000);position:absolute;inset:0}.rzp-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #7c3aed8c}.rzp-pay-btn:disabled,.rzp-pay-btn.disabled{opacity:.65;cursor:not-allowed;transform:none}.rzp-pay-btn.loading{pointer-events:none}.rzp-test-info-card{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border:1px solid #312e81;border-radius:14px;padding:16px 18px}.rzp-test-info-header{color:#a5b4fc;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.rzp-test-credentials{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rzp-cred-row{flex-direction:column;gap:3px;display:flex}.rzp-cred-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.rzp-cred-val{color:#e2e8f0;letter-spacing:.03em;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-size:13px}.rzp-domestic-note{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:8px;margin-bottom:4px;padding:9px 12px;font-size:12px;line-height:1.5}.rzp-domestic-note strong{color:#fcd34d}.rzp-card-option-block{flex-direction:column;gap:8px;display:flex}.rzp-card-option-label{color:#818cf8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.rzp-card-divider{background:#ffffff14;height:1px;margin:10px 0}.rzp-trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.rzp-trust-logos span{color:#94a3b8;align-items:center;gap:4px;font-size:11.5px;display:flex}.rzp-success-card{border-top:5px solid #7c3aed;padding:52px 48px}.rzp-success-badge{justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;display:flex;position:relative}.rzp-success-ring{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:50%;animation:.6s cubic-bezier(.34,1.56,.64,1) rzp-ring-pop;position:absolute;inset:0}@keyframes rzp-ring-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rzp-success-emoji{z-index:1;font-size:46px;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both rzp-emoji-pop;position:relative}@keyframes rzp-emoji-pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.rzp-payment-id-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 20px;display:flex}.rzp-pid-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.rzp-pid-value{color:#7c3aed;letter-spacing:.04em;font-family:Courier New,monospace;font-size:14px;font-weight:700}.rzp-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.rzp-goto-manage-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;padding:13px 24px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,color .18s}.rzp-goto-manage-btn:hover{color:#1e293b;background:#e2e8f0;border-color:#cbd5e1}.mb-page{flex-direction:column;gap:20px;max-width:1100px;display:flex}.mb-back-btn{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;width:fit-content;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.mb-back-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.mb-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mb-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.mb-subtitle{color:#64748b;margin:0;font-size:13px}.mb-status-badge{border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.mb-tabs{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;gap:0;padding:0 4px;display:flex;overflow-x:auto}.mb-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:13px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:color .18s,border-color .18s}.mb-tab:hover{color:#1b75bb}.mb-tab.active{color:#1b75bb;border-bottom-color:#1b75bb}.mb-tab-content{flex-direction:column;gap:20px;animation:.2s mbFadeIn;display:flex}@keyframes mbFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mb-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 6px #0000000a}.mb-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.mb-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px;font-weight:700}.mb-plan-name{font-size:22px;font-weight:800}.mb-plan-price-display{align-items:baseline;gap:2px;display:flex}.mb-plan-price{color:#0f172a;font-size:28px;font-weight:800}.mb-plan-period{color:#64748b;font-size:13px}.mb-card-brand{color:#1e293b;font-size:18px;font-weight:700}.mb-card-chip{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mb-divider{background:#f1f5f9;height:1px;margin:16px 0}.mb-info-rows{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.mb-info-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.mb-info-label{color:#64748b;align-items:center;gap:5px;font-weight:500;display:flex}.mb-info-val{color:#1e293b;align-items:center;gap:6px;font-weight:600;display:flex}.mb-card-number{letter-spacing:2px;font-family:Courier New,monospace}.mb-days-badge{color:#d97706;background:#fef3c7;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.mb-card-actions{flex-wrap:wrap;gap:10px;display:flex}.mb-btn-primary{color:#fff;cursor:pointer;background:#1b75bb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.mb-btn-primary:hover{background:#155e96;box-shadow:0 3px 10px #1b75bb4d}.mb-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.mb-btn-outline:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.mb-btn-danger-outline{color:#dc2626;cursor:pointer;background:#fff;border:1.5px solid #fca5a5;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.mb-btn-danger-outline:hover{background:#fee2e2}.mb-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.mb-btn-danger:hover:not(:disabled){background:#b91c1c}.mb-btn-danger:disabled{opacity:.5;cursor:not-allowed}.mb-overview-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mb-next-invoice-card{grid-column:1/-1}.mb-next-invoice-amount{color:#0f172a;letter-spacing:-1px;margin:8px 0 2px;font-size:38px;font-weight:800}.mb-next-invoice-date{color:#64748b;margin-bottom:16px;font-size:13px}.mb-secure-note{color:#94a3b8;align-items:center;gap:5px;margin-top:12px;font-size:11px;display:flex}.mb-payment-method-full{flex-direction:column;gap:20px;max-width:540px;display:flex}.mb-section-title{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:700}.mb-visual-card{color:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:160px;padding:28px 26px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0003}.mb-visual-card:before{content:"";background:#ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.mb-vc-brand{letter-spacing:1px;opacity:.9;font-size:16px;font-weight:800}.mb-vc-number{letter-spacing:3px;font-family:Courier New,monospace;font-size:20px;font-weight:600}.mb-vc-footer{justify-content:space-between;display:flex}.mb-vc-label{opacity:.7;letter-spacing:.08em;margin-bottom:2px;font-size:9px}.mb-vc-val{font-size:13px;font-weight:600}.mb-update-card-btn{align-self:flex-start}.mb-payment-trust{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:20px;padding:16px;display:flex}.mb-trust-item{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.mb-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mb-history-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:12px}.mb-history-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.mb-history-table{border-collapse:collapse;width:100%;min-width:600px}.mb-history-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.mb-history-table td{border-bottom:1px solid #f1f5f9;padding:13px 12px;font-size:13px}.mb-history-row:last-child td{border-bottom:none}.mb-history-row:hover td{background:#f8fafc}.mb-inv-id{color:#1b75bb;font-family:Courier New,monospace;font-size:12px;font-weight:700}.mb-inv-desc{color:#1e293b;font-weight:600}.mb-inv-sub{color:#94a3b8;margin-top:2px;font-size:11px}.mb-inv-amount{color:#059669;font-weight:700}.mb-status-pill{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.mb-status-pill.status-paid{color:#166534;background:#dcfce7}.mb-status-pill.status-failed{color:#991b1b;background:#fee2e2}.mb-download-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.mb-download-btn:hover{color:#fff;background:#1b75bb;border-color:#1b75bb}.mb-change-plan-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mb-change-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:8px;padding:28px 24px;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.mb-change-plan-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000014}.mb-change-plan-card.current{box-shadow:0 4px 20px #6366f126}.mb-current-badge{color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.mb-cp-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:20px;display:flex}.enterprise-icon{background:#f1f5f9}.mb-cp-name{color:#0f172a;margin:0;font-size:18px;font-weight:700}.mb-cp-price{color:#0f172a;letter-spacing:-1px;font-size:28px;font-weight:800}.mb-cp-price span{color:#64748b;font-size:14px;font-weight:400}.enterprise-price{font-size:22px}.mb-cp-features{flex-direction:column;flex:1;gap:7px;margin:8px 0 16px;padding:0;list-style:none;display:flex}.mb-cp-features li{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.mb-cp-features li svg{color:#16a34a;flex-shrink:0}.mb-cp-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;width:100%;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.mb-cp-btn.current{color:#15803d;cursor:default;background:#f0fdf4;border:1.5px solid #86efac}.mb-cp-btn:hover:not(.current){opacity:.88;transform:translateY(-1px)}.enterprise-btn{background:#0f172a}.enterprise-btn:hover{background:#1e293b}.mb-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s mbModalFade;display:flex;position:fixed;inset:0}@keyframes mbModalFade{0%{opacity:0}to{opacity:1}}.mb-modal{background:#fff;border-radius:18px;width:100%;max-width:500px;max-height:92vh;animation:.25s mbModalSlide;overflow-y:auto;box-shadow:0 25px 60px #00000040}@keyframes mbModalSlide{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mb-modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.mb-modal-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.mb-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .15s}.mb-modal-close:hover{color:#1e293b;background:#f1f5f9}.mb-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.mb-form-group{flex-direction:column;gap:5px;display:flex}.mb-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.mb-form-group input{color:#1e293b;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .18s}.mb-form-group input:focus{border-color:#1b75bb;box-shadow:0 0 0 3px #1b75bb1a}.mb-form-group input.error{border-color:#ef4444}.mb-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mb-card-input-wrap{position:relative}.mb-card-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mb-card-input-wrap input{padding-left:36px!important}.mb-err{color:#ef4444;font-size:11px;font-weight:500}.mb-modal-submit{color:#fff;cursor:pointer;background:#1b75bb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s;display:flex}.mb-modal-submit:hover:not(:disabled){background:#155e96;box-shadow:0 4px 14px #1b75bb4d}.mb-modal-submit:disabled{opacity:.7;cursor:not-allowed}.mb-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite mbSpin;display:inline-block}@keyframes mbSpin{to{transform:rotate(360deg)}}.mb-secure-note-sm{color:#94a3b8;text-align:center;justify-content:center;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.mb-modal-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 22px;animation:.3s mbFadeIn;display:flex}.mb-success-check{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;animation:.4s mbPop;display:flex;box-shadow:0 4px 18px #10b98166}@keyframes mbPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mb-cancel-warning{text-align:center;background:#fff5f5;border:1px solid #fca5a5;border-radius:10px;flex-direction:column;gap:8px;padding:18px;display:flex}.mb-cancel-icon{font-size:32px}.mb-cancel-warning h4{color:#dc2626;margin:0;font-size:15px;font-weight:700}.mb-cancel-warning p{color:#475569;margin:0;font-size:13px;line-height:1.5}.mb-cancel-loses{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mb-lose-item{color:#64748b;background:#f1f5f9;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:500}.mb-cancel-actions{flex-direction:column;gap:10px;display:flex}.mb-cancel-reason-title{color:#475569;margin:0;font-size:14px;font-weight:500}.mb-reasons{flex-direction:column;gap:8px;display:flex}.mb-reason-item{cursor:pointer;color:#374151;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mb-reason-item.selected{color:#1b75bb;background:#eff6ff;border-color:#1b75bb}.mb-reason-item input[type=radio]{accent-color:#1b75bb;width:16px;height:16px}.mb-cancel-done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;animation:.3s mbFadeIn;display:flex}.mb-cancel-done-icon{font-size:52px}.mb-cancel-done h3{color:#1e293b;margin:0;font-size:20px;font-weight:700}.mb-cancel-done p{color:#64748b;max-width:340px;margin:0;font-size:13px;line-height:1.6}@media (width<=900px){.mb-overview-grid{grid-template-columns:1fr}.mb-change-plan-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.mb-change-plan-grid,.mb-form-row,.mb-cancel-loses{grid-template-columns:1fr}}.mb-rzp-badge{color:#6d28d9;background:linear-gradient(135deg,#7c3aed20,#4f46e520);border:1px solid #c4b5fd;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.mb-rzp-pid{color:#7c3aed;word-break:break-all;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:5px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px}.mb-rzp-pid-sm{color:#6d28d9;word-break:break-all;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;padding:1px 6px;font-family:Courier New,monospace;font-size:11px}.mb-rzp-payment-display{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border:1px solid #312e81;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.mb-rzp-payment-header{align-items:center;gap:16px;display:flex}.mb-rzp-icon-wrap{background:#7c3aed33;border:1px solid #7c3aed59;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.mb-rzp-gateway-name{color:#e2e8f0;letter-spacing:-.3px;font-size:20px;font-weight:800}.mb-rzp-gateway-sub{color:#94a3b8;margin-top:2px;font-size:12.5px}.mb-rzp-verified-badge{color:#4ade80;white-space:nowrap;background:#16a34a26;border:1px solid #4ade8040;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.mb-rzp-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mb-rzp-detail-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.mb-rzp-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.mb-rzp-detail-val{color:#e2e8f0;word-break:break-all;font-size:13.5px;font-weight:600}code.mb-rzp-detail-val{color:#a5b4fc;font-family:Courier New,monospace;font-size:12px}.mb-rzp-link-btn{cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:11px 20px;font-size:13.5px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 14px #7c3aed61;color:#fff!important;text-decoration:none!important}.mb-rzp-link-btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px #7c3aed80}.mb-rzp-test-note{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:8px;padding:10px 14px;font-size:12.5px;font-weight:500;line-height:1.5}.mb-rzp-history-pid{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.mb-rzp-history-badge{color:#7c3aed;white-space:nowrap;background:#ede9fe;border:1px solid #ddd6fe;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.mb-rzp-history-id{color:#6d28d9;word-break:break-all;font-family:Courier New,monospace;font-size:10.5px}.bh-summary-bar{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:18px;padding:18px 28px;display:flex;box-shadow:0 1px 4px #0000000a}.bh-summary-item{flex-direction:column;flex:1;gap:4px;min-width:100px;display:flex}.bh-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}.bh-summary-val{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.bh-summary-val.green{color:#16a34a}.bh-summary-sep{background:#e2e8f0;flex-shrink:0;width:1px;height:40px;margin:0 28px}.bh-invoice-list{flex-direction:column;gap:14px;display:flex}.bh-invoice-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;transition:box-shadow .2s,transform .15s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.bh-invoice-card:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00000014}.bh-card-accent{border-radius:14px 0 0 14px;flex-shrink:0;width:5px}.bh-card-body{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex}.bh-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bh-card-id-wrap{align-items:flex-start;gap:12px;display:flex}.bh-card-index{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:8px;margin-top:2px;padding:4px 9px;font-size:11.5px;font-weight:700}.bh-card-inv-id{color:#0f172a;letter-spacing:.03em;font-family:Courier New,monospace;font-size:14.5px;font-weight:700}.bh-card-date{color:#94a3b8;margin-top:2px;font-size:12px}.bh-card-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.bh-card-amount{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.bh-status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex}.bh-card-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:24px;padding:12px 0;display:flex}.bh-card-meta-item{flex-direction:column;gap:3px;min-width:120px;display:flex}.bh-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.bh-meta-val{color:#374151;font-size:13px;font-weight:500}.bh-rzp-id-pill{color:#7c3aed;word-break:break-all;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:5px;padding:2px 8px;font-family:Courier New,monospace;font-size:11.5px}.bh-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bh-rzp-badge{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.bh-download-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.bh-download-btn:hover{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.bh-empty{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:60px 24px}.bh-empty-icon{margin-bottom:14px;font-size:52px}.bh-empty-title{color:#374151;margin-bottom:6px;font-size:16px;font-weight:700}.bh-empty-sub{color:#94a3b8;max-width:340px;margin:0 auto;font-size:13px;line-height:1.6}@media (width<=600px){.bh-summary-bar{gap:12px;padding:14px 16px}.bh-summary-sep{display:none}.bh-card-body{padding:14px 16px}.bh-card-amount{font-size:18px}.bh-card-meta{gap:14px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none}img{max-width:100%;display:block}.container{width:90%;max-width:var(--container-width);margin:auto}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--primary:#06f;--secondary:#111827;--white:#fff;--light:#f8fafc;--text:#1f2937;--gray:#6b7280;--border:#e5e7eb;--container-width:1200px;--transition:.3s ease;--radius:10px}