@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600&display=swap";.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);box-shadow:0 6px 16px #2563eb66}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#93c5fd}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.btn-danger:hover{background:#b91c1c}.btn-danger-outline{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:500;transition:background .15s,color .15s;display:flex}.btn-danger-outline:hover{color:#fff;background:#dc2626}.btn-success{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.btn-success:hover{background:#059669}.status-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.status-badge.issued,.status-badge.sent{color:#2563eb;background:#eff6ff}.status-badge.accepted,.status-badge.paid{color:#065f46;background:#d1fae5}.status-badge.partial{color:#92400e;background:#fef3c7}.status-badge.overdue,.status-badge.rejected,.status-badge.cancelled{color:#991b1b;background:#fee2e2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbfaf7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.doc-search-wrapper{margin-bottom:1rem;position:relative}.doc-search-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;width:min(100%,38rem);padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.doc-search-container:focus-within{background-color:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.doc-search-icon{color:#9ca3af}.doc-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.doc-search-clear{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;display:inline-flex}.doc-search-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;max-height:260px;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.doc-search-state{color:#6b7280;padding:.75rem 1rem;font-size:.875rem}.doc-search-result{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem 1rem}.doc-search-result:hover{background:#f9fafb}.doc-search-result-title{color:#111827;font-size:.9rem;font-weight:600}.doc-search-result-meta{color:#6b7280;font-size:.8rem}@media (width<=640px){.doc-search-container{width:100%;padding:.45rem .6rem}.doc-search-input{font-size:.9rem}}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sub-expired-banner{color:#991b1b;text-align:center;background:#fef2f2;border-bottom:1px solid #fecaca;padding:10px 20px;font-size:14px;font-weight:500}.sub-expired-banner a{color:#b91c1c;margin:0 2px;text-decoration:underline}.dashboard-wrapper{background:#f3f4f6;min-height:100vh;display:flex}.dashboard-container{box-sizing:border-box;flex:1;min-width:0;margin-left:4rem;padding:2rem;transition:margin-left .3s}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex}.dashboard-header-left{align-items:center;gap:.75rem;display:flex}.dashboard-header h2{color:#1f2937;margin-bottom:.25rem;font-size:clamp(1.375rem,2vw + .5rem,2rem);font-weight:700}.dashboard-header p{color:#6b7280;margin:0;font-size:1rem}.section-header{align-items:center;gap:.75rem;margin:2rem 0 1rem;display:flex}.section-header h3{color:#1f2937;font-size:1.5rem;font-weight:600}.section-header h4{color:#1f2937;font-size:1.25rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 1px 3px #0000001a}.stat-card.sales:before{content:"";background:linear-gradient(90deg,#10b981,#059669);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.stat-card.purchase:before{content:"";background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-skeleton{pointer-events:none}.stat-name{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.stat-value{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-change{color:#6b7280;font-size:.875rem;font-weight:500}.stat-change.positive{color:#15803d}.stat-change.negative{color:#b91c1c}.quick-actions{margin-bottom:2rem}.quick-actions h4{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.action-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-icon{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.action-name{color:#1f2937;text-align:center;font-weight:500}.recent-activity h3{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.activity-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.activity-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.activity-title{color:#1f2937;margin-bottom:.25rem;font-weight:500}.activity-time{color:#6b7280;font-size:.875rem}.report-card{flex-direction:column;min-height:300px;padding:1.5rem;display:flex}.report-title{color:#374151;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.report-body{flex:1;align-items:stretch;min-height:200px;display:flex}.widget-empty{color:#9ca3af;text-align:center;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.widget-error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;align-self:center;width:100%;padding:.75rem 1rem;font-size:.875rem}.dashboard-error{color:#b91c1c;background:#fff;border:1px solid #fca5a5;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.action-button.secondary:hover{background-color:#f9fafb}.report-skeleton{width:100%}.chart-scroll{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-x:auto}.chart-scroll .recharts-responsive-container{min-width:520px}.dashboard-table{border-collapse:collapse;color:#1f2937;width:100%;font-size:.8rem}.dashboard-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.dashboard-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.5rem .75rem;font-size:.7rem;font-weight:600}.dashboard-table td{border-bottom:1px solid #f3f4f6;padding:.5rem .75rem}.activity-item.empty-row{color:#6b7280;justify-content:center}.skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:9999px;height:.75rem;animation:1.4s infinite skeleton-shimmer}.skeleton-line.short{width:45%}.skeleton-line.mid{width:60%}.skeleton-line.long{width:80%}.skeleton-chart{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:.5rem;height:180px;margin-top:.75rem;animation:1.4s infinite skeleton-shimmer}.activity-skeleton{background:#fff}.skeleton-circle{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:50%;width:2.5rem;height:2.5rem;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.dashboard-container{width:100%;margin-left:0;padding:1rem}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header h2{font-size:1.5rem}.dashboard-header p{font-size:1rem}.activity-item{padding:.75rem 1rem}}@media (width<=520px){.actions-grid{grid-template-columns:1fr}}.dashboard-refetch-indicator{color:#6b7280;z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.4rem;padding:.375rem .75rem;font-size:.8rem;display:flex;position:fixed;top:1rem;right:1.5rem;box-shadow:0 2px 8px #0000000f}.dashboard-stale{opacity:.6;pointer-events:none;transition:opacity .2s}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.dashboard-stale{transition:none}}.party-page-container{background-color:#f8fafc;min-height:100vh;display:flex}.party-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.party-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.party-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.party-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.party-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.party-search-wrapper{padding:1rem 2rem .5rem}.party-search-container{width:min(100%,38rem);position:relative}.party-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.party-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:.625rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.party-search-input:focus{background-color:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.party-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.party-search-clear:hover{color:#64748b}.party-search-dropdown{z-index:200;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:260px;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.party-search-state{color:#94a3b8;padding:.75rem 1rem;font-size:.875rem}.party-search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:.6rem 1rem;font-size:.875rem;display:block}.party-search-result:last-child{border-bottom:none}.party-search-result:hover{background-color:#f8fafc}.party-search-result-title{color:#1e293b;font-weight:500}.party-search-result-meta{color:#64748b;margin-top:2px;font-size:.75rem}.party-error-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.party-error-icon{color:#ef4444}.party-error-message{color:#64748b;margin:0;font-size:.95rem}.party-filtered-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.party-filtered-empty-message{color:#64748b;margin:0;font-size:.95rem}.party-actions .action-button.secondary.active{color:#0c66e4;background-color:#e0f2fe;border-color:#0c66e4}@media (width<=768px){.mapping-mobile-select-label{display:block}.mapping-select{min-height:46px;font-size:.95rem}.party-content{margin-left:0;padding:1rem}.party-search-wrapper{padding:.75rem 1rem .5rem}.party-search-container{width:100%}.party-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.party-header-left{justify-content:space-between;width:100%;padding-right:.25rem}.party-actions{flex-wrap:wrap;justify-content:center}.action-button{flex:1;justify-content:center;min-width:0}.table-container{padding:1rem}.party-filter-mobile-actions .action-button{justify-content:center;width:100%}}@media (width<=640px){.party-actions{flex-direction:column}.action-button{width:100%}.modal-actions{flex-direction:column}}.party-header-left{align-items:center;gap:.75rem;display:flex}.party-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.party-actions--mobile.party-actions--visible{display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width>=641px) and (width<=1024px){.party-content{margin-left:4rem;padding:1.25rem}.party-search-wrapper{padding:.75rem 1.25rem .5rem}.party-header{gap:1rem;padding:1.25rem}.party-actions{gap:.5rem}.action-button{padding:.625rem 1rem}.table-container{padding:1.25rem}}@media (pointer:coarse){.action-button,.pagination-btn,.filter-clear-icon,.clear-filters-button{min-width:44px;min-height:44px}}.product-page-container{background-color:#f8fafc;min-height:100vh;display:flex}.product-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.product-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.product-header-left{align-items:center;gap:.75rem;display:flex}.product-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.product-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.product-actions .action-button.secondary.active{color:#0c66e4;background-color:#e0f2fe;border-color:#0c66e4}.product-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.product-actions--mobile.product-actions--visible{display:flex}.product-search-wrapper{padding:1rem 2rem .5rem}.product-search-container{width:min(100%,38rem);position:relative}.product-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.product-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:.625rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.product-search-input:focus{background-color:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.product-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.product-search-clear:hover{color:#64748b}.product-search-dropdown{z-index:200;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:260px;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.product-search-state{color:#94a3b8;padding:.75rem 1rem;font-size:.875rem}.product-search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:.6rem 1rem;font-size:.875rem;display:block}.product-search-result:last-child{border-bottom:none}.product-search-result:hover{background-color:#f8fafc}.product-search-result-title{color:#1e293b;font-weight:500}.product-search-result-meta{color:#64748b;margin-top:2px;font-size:.75rem}.product-error-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.product-error-icon{color:#ef4444}.product-error-message{color:#64748b;margin:0;font-size:.95rem}.product-filtered-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.product-filtered-empty-message{color:#64748b;margin:0;font-size:.95rem}@media (width>=641px) and (width<=1024px){.product-content{margin-left:4rem;padding:1.25rem}.product-search-wrapper{padding:.75rem 1.25rem .5rem}.product-header{gap:1rem;padding:1.25rem}.product-actions{gap:.5rem}.action-button{padding:.625rem 1rem}.table-container{padding:1.25rem}}@media (width<=768px){.mapping-mobile-select-label{display:block}.mapping-select{min-height:46px;font-size:.95rem}.product-content{margin-left:0;padding:1rem}.product-search-wrapper{padding:.75rem 1rem .5rem}.product-search-container{width:100%}.product-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.product-header-left{justify-content:space-between;width:100%;padding-right:.25rem}.product-actions{flex-wrap:wrap;justify-content:center}.action-button{flex:1;justify-content:center;min-width:0}.table-container{padding:1rem}}@media (width<=640px){.product-actions{flex-direction:column}.action-button{width:100%}.modal-actions{flex-direction:column}}@media (pointer:coarse){.action-button,.pagination-btn,.filter-clear-icon,.clear-filters-button{min-width:44px;min-height:44px}}.low-stock-banner{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.low-stock-banner-icon{color:#ea580c;flex-shrink:0}.low-stock-badge{color:#dc2626;letter-spacing:.02em;background:#fee2e2;border-radius:4px;margin:4px 0 0 4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.product-card-wrapper{position:relative}.service-page-container{background-color:#f8fafc;min-height:100vh;display:flex}.service-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.service-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.service-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.service-header-left{align-items:center;gap:.75rem;display:flex}.service-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.service-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.service-actions .action-button.secondary.active{color:#0c66e4;background-color:#e0f2fe;border-color:#0c66e4}.service-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.service-actions--mobile.service-actions--visible{display:flex}.service-search-wrapper{padding:1rem 2rem .5rem}.service-search-container{width:min(100%,38rem);position:relative}.service-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.service-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:.625rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.service-search-input:focus{background-color:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.service-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.service-search-clear:hover{color:#64748b}.service-search-dropdown{z-index:200;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:260px;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.service-search-state{color:#94a3b8;padding:.75rem 1rem;font-size:.875rem}.service-search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:.6rem 1rem;font-size:.875rem;display:block}.service-search-result:last-child{border-bottom:none}.service-search-result:hover{background-color:#f8fafc}.service-search-result-title{color:#1e293b;font-weight:500}.service-search-result-meta{color:#64748b;margin-top:2px;font-size:.75rem}.action-button:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f680}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;animation:1.5s ease-in-out infinite skeleton-pulse;display:flex}.skeleton-line{background:#e2e8f0;border-radius:4px;height:14px}.skeleton-line--wide{width:70%}.skeleton-line--medium{width:50%}.skeleton-line--narrow{width:35%}.service-error-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.service-error-icon{color:#ef4444}.service-error-message{color:#64748b;margin:0;font-size:.95rem}.service-filtered-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.service-filtered-empty-message{color:#64748b;margin:0;font-size:.95rem}.sidebar-overlay{z-index:999;background-color:#00000080;position:fixed;inset:0}@media (width>=641px) and (width<=1024px){.service-content{margin-left:4rem;padding:1.25rem}.service-search-wrapper{padding:.75rem 1.25rem .5rem}.service-header{gap:1rem;padding:1.25rem}.service-actions{gap:.5rem}.action-button{padding:.625rem 1rem}.table-container{padding:1.25rem}}@media (width<=768px){.mapping-mobile-select-label{display:block}.mapping-select{min-height:46px;font-size:.95rem}.service-content{margin-left:0;padding:1rem}.service-search-wrapper{padding:.75rem 1rem .5rem}.service-search-container{width:100%}.service-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.service-header-left{justify-content:space-between;width:100%;padding-right:.25rem}.service-actions{flex-wrap:wrap;justify-content:center}.action-button{flex:1;justify-content:center;min-width:0}.table-container{padding:1rem}}@media (width<=640px){.service-actions{flex-direction:column}.action-button{width:100%}.modal-actions{flex-direction:column}}@media (pointer:coarse){.action-button,.pagination-btn,.filter-clear-icon,.clear-filters-button{min-width:44px;min-height:44px}}.cash-bank-page-container{background-color:#f8fafc;min-height:100vh;display:flex}.cash-bank-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.cash-bank-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.cash-bank-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.cash-bank-header-left{align-items:center;gap:.75rem;display:flex}.cash-bank-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.cash-bank-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cash-bank-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.cash-bank-actions--mobile.cash-bank-actions--visible{display:flex}.mobile-cards-container{flex-direction:column;gap:1rem;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state__title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state__text{color:#64748b;margin:0;font-size:.875rem}.action-button{cursor:pointer;background:#fff;border:1px solid;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.action-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.action-button.primary{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.action-button.primary:hover{background-color:#bfdbfe;border-color:#60a5fa}.action-button.secondary:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.action-button.danger{color:#fff;background-color:#dc2626;border-color:#dc2626}.action-button.danger:hover{background-color:#b91c1c;border-color:#b91c1c}.table-container{padding:2rem}.list-fetching-indicator{color:#64748b;margin-bottom:.75rem;font-size:.9rem}.loading-container{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-text{color:#64748b;font-size:1.125rem}.modal-content-padding{text-align:center;padding:2rem}.modal-text{color:#64748b;margin-bottom:2rem;font-size:1rem}.file-input{color:#64748b;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;width:100%;margin-top:1rem;padding:.5rem;font-size:.875rem;display:block}.file-input:hover{border-color:#94a3b8}.balance-display{align-items:center;gap:.5rem;font-weight:600;display:flex}.balance-positive{color:#059669}.balance-negative{color:#dc2626}.balance-zero{color:#64748b}.account-type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.account-type-cash{color:#166534;background-color:#dcfce7}.account-type-bank{color:#1e40af;background-color:#dbeafe}.account-type-credit_card{color:#92400e;background-color:#fef3c7}.account-type-savings{color:#3730a3;background-color:#e0e7ff}.status-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-active{color:#166534;background-color:#dcfce7}.status-inactive{color:#991b1b;background-color:#fee2e2}.transaction-modal-content{max-height:70vh;overflow-y:auto}.transaction-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 0;display:flex}.transaction-action-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.transaction-date-filter{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.transaction-date-filter .form-group{align-items:center;gap:.4rem;margin-bottom:0;display:flex}.transaction-date-filter .form-group label{color:#475569;white-space:nowrap;font-size:.875rem}.transaction-date-filter .form-input{border:1px solid #e2e8f0;border-radius:6px;padding:.375rem .625rem;font-size:.875rem}.transaction-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.summary-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.summary-label{color:#64748b;margin-bottom:.5rem;font-size:.875rem}.summary-value{color:#1e293b;font-size:1.25rem;font-weight:600}.transaction-list{flex-direction:column;gap:.75rem;display:flex}.transaction-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.transaction-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.transaction-details{flex:1}.transaction-description{color:#1e293b;margin-bottom:.25rem;font-weight:500}.transaction-date{color:#64748b;font-size:.875rem}.transaction-amount{font-size:1.125rem;font-weight:600}.transaction-credit{color:#059669}.transaction-debit{color:#dc2626}.pdf-import-field{text-align:left;margin-bottom:1.25rem}.pdf-import-label{color:#334155;margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.cba-error-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.cba-error-icon{color:#ef4444}.cba-error-message{color:#64748b;margin:0;font-size:.95rem}.pdf-import-required{color:#ef4444;margin-left:2px}.pdf-import-select-wrapper{position:relative}.pdf-import-select{color:#64748b;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:.625rem 2.25rem .625rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.pdf-import-select.selected{color:#1e293b;background-color:#f0f9ff;border-color:#0ea5e9}.pdf-import-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.pdf-import-chevron{color:#64748b;pointer-events:none;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.pdf-import-filename{color:#0ea5e9;text-overflow:ellipsis;white-space:nowrap;margin-top:.4rem;font-size:.8rem;font-weight:500;overflow:hidden}.action-button.primary:disabled,.action-button.primary[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.mapping-select-block{text-align:left;width:100%}.mapping-mobile-select-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:none}.mapping-select-wrapper{width:100%;position:relative}.mapping-select{color:#1e293b;appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:.625rem 2.25rem .625rem .75rem;font-size:.9rem;line-height:1.3;transition:border-color .2s,box-shadow .2s}.mapping-select:hover{border-color:#94a3b8}.mapping-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.mapping-select.mapped{background-color:#f0f9ff;border-color:#0ea5e9}.mapping-select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}@media (width>=641px) and (width<=1024px){.cash-bank-content{margin-left:4rem;padding:1.25rem}.cash-bank-header{gap:1rem;padding:1.25rem}.cash-bank-actions{gap:.5rem}.action-button{padding:.625rem 1rem}.table-container{padding:1.25rem}}@media (width<=768px){.mapping-mobile-select-label{display:block}.mapping-select{min-height:46px;font-size:.95rem}.cash-bank-content{margin-left:0;padding:1rem}.cash-bank-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem}.cash-bank-header-left{justify-content:space-between;width:100%}.cash-bank-actions{flex-wrap:wrap;justify-content:center}.action-button{flex:1;justify-content:center;min-width:0}.table-container{padding:1rem}.transaction-summary{grid-template-columns:1fr 1fr}.transaction-item{flex-direction:column;align-items:stretch;gap:.75rem}.transaction-details{text-align:left}.transaction-action-buttons{flex-wrap:wrap}.transaction-action-buttons .action-button{flex:1;justify-content:center;min-width:calc(50% - .5rem)}.transaction-date-filter{flex-direction:column;align-items:stretch}.transaction-date-filter .form-group{width:100%}}@media (width<=640px){.cash-bank-actions{flex-direction:column}.action-button{width:100%}.modal-actions{flex-direction:column}.transaction-summary{grid-template-columns:1fr}.transaction-action-buttons .action-button{min-width:100%}}@media (pointer:coarse){.action-button,.pagination-btn,.filter-clear-icon,.clear-filters-button{min-width:44px;min-height:44px}}.quotes-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.quotes-header-left{align-items:center;gap:.75rem;display:flex}.quotes-page-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.quotes-actions.quotes-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.quotes-actions.quotes-actions--mobile.quotes-actions--visible{display:flex}.quote-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left-width:3px;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.quote-card:has(.status-badge.draft){border-left-color:#94a3b8}.quote-card:has(.status-badge.sent){border-left-color:#3b82f6}.quote-card:has(.status-badge.accepted){border-left-color:#16a34a}.quote-card:has(.status-badge.rejected){border-left-color:#ef4444}.quote-card:has(.status-badge.converted){border-left-color:#7c3aed}.quote-card:has(.status-badge.cancelled){border-left-color:#ef4444}.quote-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.quote-card-info{min-width:0}.quote-card-number{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:1rem;font-weight:600;overflow:hidden}.quote-client{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.quote-card-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.quote-card-body{flex-direction:column;gap:.375rem;display:flex}.quote-card-date{color:#64748b;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.quote-card-date-icon{color:#94a3b8;flex-shrink:0}.quote-card-due{color:#94a3b8;font-size:.8rem}.quote-card-amounts{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-top:.25rem;padding-top:.5rem;display:flex}.quote-card-total{color:#1e293b;font-size:1.125rem;font-weight:700}.item-table-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-table-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width<=1024px){.items-table-header,.item-table-row{grid-template-columns:repeat(4,1fr) auto}}@media (width<=768px){.quotes-content{margin-left:0;padding:0}.quotes-header{flex-direction:column;align-items:stretch;gap:0;padding:1rem}.quotes-header-left{justify-content:space-between}.quotes-page-title{text-align:center;flex:1;font-size:1.25rem}.quotes-grid{grid-template-columns:1fr;gap:.75rem;margin-top:0;padding:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.items-table-header{display:none}.item-table-row{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.item-table-row>:not(:last-child){margin-bottom:.75rem}.item-table-row .btn-danger-small{width:100%;margin-top:.75rem}}@media (width<=640px){.quotes-actions--mobile .action-button{justify-content:center;width:100%}}.quote-cards-wrapper{display:block}@media (width>=768px){.list-table-wrapper{display:block}.quote-cards-wrapper{display:none}}.invoices-container{background-color:#f8fafc;min-height:100vh;display:flex}@media (width<=768px){.invoices-content{margin-left:0;padding:0}.invoices-header{flex-direction:column;align-items:stretch;gap:0;padding:1rem}.invoices-header-left{justify-content:space-between}.invoices-page-title{text-align:center;flex:1;font-size:1.25rem}.invoices-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.form-row{grid-template-columns:1fr}}@media (width<=640px){.invoices-actions--mobile .action-button{justify-content:center;width:100%}}@media (width>=768px){.list-table-wrapper{display:block}.invoice-cards-wrapper{display:none}}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge.badge-irn-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge.badge-irn-active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge.badge-irn-cancelled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;text-decoration:line-through}.eway-prompt{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.eway-prompt-icon{color:#d97706;flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.eway-prompt-content{flex:1}.eway-prompt-message{color:#92400e;margin:0 0 .75rem;font-size:.875rem;font-weight:500}.eway-prompt-input-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.eway-prompt-input{background:#fff;border:1px solid #fcd34d;border-radius:6px;flex:1;min-width:200px;padding:.5rem .75rem;font-size:.875rem}.eway-prompt-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b26}.send-via-options{flex-wrap:wrap;gap:20px;padding:10px 0 6px;display:flex}.send-via-label{cursor:pointer;color:var(--text-secondary,#4b5563);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.875rem;display:flex}.send-via-label input[type=checkbox]{cursor:pointer;accent-color:#1a56db;width:15px;height:15px}@media (width<=767px){.note-edit-card{max-width:100%;padding:1rem}.note-edit-fields{grid-template-columns:1fr}}@media (width<=768px){.notes-content{margin-left:0;padding:1rem}.notes-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.list-table-wrapper{display:none}.notes-cards-wrapper{margin-top:1rem;display:block}}.purchase-invoices-container{background-color:#f8fafc;min-height:100vh;display:flex}.invoices-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.invoices-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.invoices-header-left{align-items:center;gap:.75rem;display:flex}.invoices-page-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.invoices-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.invoices-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.invoices-actions--mobile.invoices-actions--visible{display:flex}.invoices-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.invoice-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left-width:3px;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.invoice-card:has(.status-badge.paid){border-left-color:#16a34a}.invoice-card:has(.status-badge.partial){border-left-color:#d97706}.invoice-card:has(.status-badge.overdue){border-left-color:#dc2626}.invoice-card:has(.status-badge.draft){border-left-color:#94a3b8}.invoice-card:has(.status-badge.cancelled){border-left-color:#ef4444}.invoice-card:has(.status-badge.sent){border-left-color:#3b82f6}.invoice-card:has(.status-badge.accepted){border-left-color:#16a34a}.invoice-card:has(.status-badge.rejected){border-left-color:#ef4444}.invoice-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.invoice-card-info{min-width:0}.invoice-card-number{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:1rem;font-weight:600;overflow:hidden}.invoice-client{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.invoice-card-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.field-hint{color:#64748b;margin-top:.35rem;font-size:.75rem;line-height:1.35}.invoice-card-body{flex-direction:column;gap:.375rem;display:flex}.invoice-card-date{color:#64748b;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.invoice-card-date-icon{color:#94a3b8;flex-shrink:0}.invoice-card-due{color:#94a3b8;font-size:.8rem}.invoice-card-amounts{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-top:.25rem;padding-top:.5rem;display:flex}.invoice-card-total{color:#1e293b;font-size:1.125rem;font-weight:700}.invoice-card-paid{color:#16a34a;font-size:.8rem;font-weight:500}.invoice-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.invoice-cards-wrapper{display:block}@media (width>=768px){.list-table-wrapper{display:block}.invoice-cards-wrapper{display:none}}.btn-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:34px;min-height:34px;padding:.4rem .6rem;font-size:.85rem;transition:all .2s;display:inline-flex}@media (width<=768px){.invoices-content{margin-left:0;padding:0}.invoices-header{flex-direction:column;align-items:stretch;gap:0;padding:1rem}.invoices-header-left{justify-content:space-between}.invoices-page-title{text-align:center;flex:1;font-size:1.25rem}.invoices-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.form-row{grid-template-columns:1fr}}@media (width<=640px){.invoices-actions--mobile .action-button{justify-content:center;width:100%}}.orders-container{background-color:#f8fafc;min-height:100vh;display:flex}.orders-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.orders-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.orders-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.form-header-row,.orders-header-left{align-items:center;gap:.75rem;display:flex}.orders-page-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.orders-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.orders-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;display:none}.orders-actions--mobile.orders-actions--visible{display:flex}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#f1f5f9}.action-button.primary{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.order-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left-width:3px;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.order-card:has(.status-badge.draft){border-left-color:#94a3b8}.order-card:has(.status-badge.sent){border-left-color:#3b82f6}.order-card:has(.status-badge.accepted){border-left-color:#16a34a}.order-card:has(.status-badge.rejected){border-left-color:#ef4444}.order-card:has(.status-badge.cancelled){border-left-color:#ef4444}.order-card:has(.status-badge.converted){border-left-color:#7c3aed}.order-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.order-card-info{min-width:0}.order-card-number{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:1rem;font-weight:600;overflow:hidden}.order-client{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.order-card-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.status-badge.draft{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-badge.draft:before{background:#94a3b8}.status-badge.sent{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.status-badge.sent:before{background:#3b82f6}.status-badge.accepted{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-badge.accepted:before{background:#16a34a}.status-badge.rejected{color:#991b1b;background:#fee2e2;border-color:#fecaca}.status-badge.rejected:before{background:#ef4444}.status-badge.cancelled{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status-badge.cancelled:before{background:#ef4444}.status-badge.converted{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.status-badge.converted:before{background:#7c3aed}.status-badge.paid{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.status-badge.paid:before{background:#16a34a}.status-badge.partially_paid{color:#854d0e;background:#fef9c3;border-color:#fde68a}.status-badge.partially_paid:before{background:#d97706}.status-badge.issued{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.status-badge.issued:before{background:#0284c7}.status-badge.overdue{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.status-badge.overdue:before{background:#dc2626}.card-menu-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.card-menu-btn:hover{color:#1e293b;background-color:#f1f5f9}.card-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.card-dropdown-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:background-color .1s;display:flex}.card-dropdown-item:hover{background-color:#f8fafc}.card-dropdown-item.danger:hover{background-color:#fef2f2}.order-card-body{flex-direction:column;gap:.375rem;display:flex}.order-card-date{color:#64748b;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.order-card-date-icon{color:#94a3b8;flex-shrink:0}.order-card-due{color:#94a3b8;font-size:.8rem}.order-card-amounts{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-top:.25rem;padding-top:.5rem;display:flex}.order-card-total{color:#1e293b;font-size:1.125rem;font-weight:700}.order-form-page{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.item-table-row input[type=number]{appearance:textfield}.item-table-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-table-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.action-button.secondary.active{color:#0c66e4;background-color:#e0f2fe;border-color:#0c66e4}.file-input{border:1px solid #d1d5db;border-radius:6px;width:100%;margin-top:1rem;padding:.75rem}.btn-icon{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:36px;min-height:36px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.list-table-wrapper{border-radius:12px;margin-top:1rem;display:none;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.order-cards-wrapper{display:block}@media (width>=768px){.list-table-wrapper{display:block}.order-cards-wrapper{display:none}}.invoice-table{border-collapse:collapse;background:#fff;width:100%}.invoice-table thead tr{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.invoice-table th{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;vertical-align:middle;padding:.875rem 1rem;font-size:.72rem;font-weight:700}.invoice-table td{text-align:center;color:#374151;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem;font-size:.875rem}.invoice-table-row{transition:background .15s}.invoice-table-row:hover{background:linear-gradient(90deg,#f0f9ff 0%,#f8fafc 100%)}.invoice-table-row:last-child td{border-bottom:none}.table-actions-cell{opacity:0;align-items:center;gap:.35rem;transition:opacity .15s;display:flex}.invoice-table-row:hover .table-actions-cell{opacity:1}@media (width<=1024px){.items-table-header,.item-table-row{grid-template-columns:repeat(4,1fr) auto}}@media (width<=768px){.orders-content{margin-left:0;padding:0}.order-form-page{max-width:100%}.items-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.financials-summary{box-sizing:border-box;width:100%;min-width:0!important}.orders-header{flex-direction:column;align-items:stretch;gap:0;padding:1rem}.orders-header-left{justify-content:space-between}.orders-page-title{text-align:center;flex:1;font-size:1.25rem}.orders-grid{grid-template-columns:1fr;gap:.75rem;margin-top:0;padding:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.items-table-header{display:none}.item-table-row{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.item-table-row>:not(:last-child){margin-bottom:.75rem}.item-table-row .btn-danger-small{width:100%;margin-top:.75rem}.order-form-page{padding:1rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn-primary,.form-actions .btn-secondary{text-align:center;justify-content:center;width:100%}.form-group{flex:100%!important;min-width:0!important}}@media (width<=640px){.orders-actions--mobile .action-button{justify-content:center;width:100%}}.more-options-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem}.more-options-summary{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;list-style:none;display:flex}.more-options-summary::-webkit-details-marker{display:none}.more-options-summary:before{content:"▶";font-size:.65rem;transition:transform .2s}details[open]>.more-options-summary:before{transform:rotate(90deg)}.more-options-body{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;padding:1rem}.more-options-shipping{border-top:1px dashed #e5e7eb;margin-top:1rem;padding-top:1rem}.notes-container{background-color:#f8fafc;min-height:100vh;display:flex}.notes-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.notes-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.notes-header-left{align-items:center;gap:.75rem;display:flex}.notes-page-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.notes-actions{align-items:center;gap:.75rem;display:flex}.notes-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:1.5rem 0 1rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5}.notes-info-hint{color:#3b82f6;margin-top:.4rem}.notes-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000012}.notes-table thead tr{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.notes-table th{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;border-bottom:none;padding:.875rem 1rem;font-size:.72rem;font-weight:700}.notes-table td{text-align:center;color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem;font-size:.875rem}.notes-table-row{transition:background .15s}.notes-table-row:hover{background:linear-gradient(90deg,#f0f9ff 0%,#f8fafc 100%)}.note-type-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.note-type-badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.note-type-badge.credit{color:#166534;background-color:#dcfce7;border-color:#bbf7d0}.note-type-badge.credit:before{background:#16a34a}.note-type-badge.debit{color:#854d0e;background-color:#fef9c3;border-color:#fde68a}.note-type-badge.debit:before{background:#d97706}.status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-badge.created{color:#1d4ed8;background-color:#dbeafe;border-color:#bfdbfe}.status-badge.created:before{background:#3b82f6}.status-badge.partially_used{color:#854d0e;background-color:#fef9c3;border-color:#fde68a}.status-badge.partially_used:before{background:#d97706}.status-badge.used{color:#166534;background-color:#dcfce7;border-color:#bbf7d0}.status-badge.used:before{background:#16a34a}.notes-cards-wrapper{display:none}.note-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left-width:3px;border-radius:10px;margin-bottom:.75rem;padding:1rem;transition:box-shadow .2s,transform .2s,border-color .2s}.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.note-card:has(.status-badge.created){border-left-color:#3b82f6}.note-card:has(.status-badge.partially_used){border-left-color:#d97706}.note-card:has(.status-badge.used){border-left-color:#16a34a}.note-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.note-card-info{align-items:center;gap:.5rem;display:flex}.note-card-number{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.note-card-header-right{align-items:center;gap:.5rem;display:flex}.note-card-body{flex-direction:column;gap:.3rem;display:flex}.note-card-party{color:#334155;margin:0;font-size:.9rem}.note-card-date{color:#64748b;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.note-card-ref{color:#94a3b8;margin:0;font-size:.8rem}.note-card-total{color:#1e293b;margin-top:.4rem;font-size:1.1rem;font-weight:700}.card-menu-wrapper{position:relative}.card-menu-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.card-menu-btn:hover{background:#f1f5f9}.card-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.card-dropdown-item{cursor:pointer;color:#334155;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.875rem;display:flex}.card-dropdown-item:hover{background:#f8fafc}.card-dropdown-item.danger{color:#dc2626}.card-dropdown-item.danger:hover{background:#fef2f2}.table-actions-cell{align-items:center;gap:4px;display:flex}.btn-icon{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:.4rem .6rem;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.btn-icon.danger{color:#dc2626;border-color:#fecaca}.btn-icon.danger:hover{background:#fef2f2;border-color:#dc2626}.list-table-wrapper{margin-top:1.5rem;overflow-x:auto}.list-fetching-indicator{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.875rem;display:inline-flex}.loading-state{color:#64748b;justify-content:center;align-items:center;gap:1rem;padding:3rem;font-size:1rem;display:flex}.loading-state__spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:#64748b;padding:4rem 2rem}.empty-state__icon{margin-bottom:1rem;font-size:3rem}.empty-state__title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state__text{color:#94a3b8;font-size:.9rem}.error-message{color:#dc2626;background:#fef2f2;border-radius:6px;margin-top:1rem;padding:1rem}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.action-button{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.action-button.secondary{color:#334155;background:#fff;border-color:#e2e8f0}.action-button.secondary.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.action-button.danger{color:#fff;background:#dc2626}.action-button.danger:hover{background:#b91c1c}.icon-btn{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.icon-btn:hover{background:#f1f5f9}.note-edit-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-width:640px;margin-top:1.5rem;padding:1.5rem}.note-edit-ref-row{flex-wrap:wrap;gap:1.25rem 2rem;margin-bottom:0;display:flex}.note-edit-ref-item{flex-direction:column;gap:.2rem;display:flex}.note-edit-ref-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.note-edit-ref-value{color:#1e293b;font-size:.9rem;font-weight:600}.note-edit-divider{background:#f1f5f9;height:1px;margin:1.25rem 0}.note-edit-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.note-edit-field-group--full{grid-column:1/-1}@media (width<=767px){.note-edit-card{max-width:100%;padding:1rem}.note-edit-fields{grid-template-columns:1fr}}.note-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.note-form-section h3{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.note-form-row{flex-wrap:wrap;gap:1rem;display:flex}.note-form-group{flex-direction:column;flex:200px;gap:.4rem;min-width:180px;display:flex}.note-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.8rem;font-weight:600}.note-form-group input,.note-form-group select,.note-form-group textarea{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.note-form-group input:focus,.note-form-group select:focus,.note-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.action-button.primary{color:#fff;background:#6366f1;border-color:#6366f1}.action-button.primary:hover{background:#4f46e5}.action-button.primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.notes-content{margin-left:0;padding:1rem}.notes-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.list-table-wrapper{display:none}.notes-cards-wrapper{margin-top:1rem;display:block}}.notes-error-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.notes-error-icon{color:#ef4444}.notes-error-message{color:#64748b;margin:0;font-size:.95rem}.reports-container{background-color:#f3f4f6;min-height:100vh;display:flex}.reports-content{flex:1;max-width:1400px;margin-left:4rem;margin-right:auto;padding:2rem;transition:margin-left .3s;overflow-y:auto}.reports-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.sidebar-toggle-btn{cursor:pointer;color:#374151;background:0 0;border:none;flex-shrink:0;padding:.25rem;display:none}@media (width<=768px){.sidebar-toggle-btn{justify-content:center;align-items:center;display:flex}}.reports-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.reports-actions{align-items:center;gap:.5rem;display:flex}.action-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.action-button.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 4px 12px #2563eb4d}.action-button.primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);box-shadow:0 6px 16px #2563eb66}.action-button.secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.action-button.secondary:hover:not(:disabled){background-color:#f9fafb}.action-button.danger{color:#fff;background-color:#ef4444}.action-button.danger:hover{background-color:#dc2626}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.small{padding:.3rem .6rem;font-size:.8rem}.btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#111827;background-color:#f3f4f6}.btn-icon.danger:hover{color:#ef4444;background-color:#fee2e2}.hub-section{margin-bottom:2.5rem}.hub-section-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem;font-size:.875rem;font-weight:600}.hub-empty-custom{text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.report-hub-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1200px){.report-hub-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.report-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reports-content{margin-left:0;padding:1rem}}@media (width<=580px){.report-hub-grid{grid-template-columns:1fr}}@media (width<=640px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.reports-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.report-hub-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.report-hub-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.report-hub-card:focus{outline-offset:2px;outline:2px solid #2563eb}.report-hub-card-top{justify-content:space-between;align-items:flex-start;display:flex}.report-hub-icon-wrap{border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.report-hub-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.report-hub-card-body{flex:1}.report-hub-card-name{color:#111827;margin:0 0 .25rem;font-size:.95rem;font-weight:600}.report-hub-card-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.report-hub-card-footer{border-top:1px solid #f3f4f6;padding-top:.5rem}.report-hub-default-range{color:#9ca3af;font-size:.75rem}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto;box-shadow:0 1px 3px #00000014}.list-fetching-indicator{color:#64748b;padding:.5rem 1.5rem;font-size:.875rem}.data-table{border-collapse:collapse;color:#1f2937;width:100%;font-size:.875rem}.data-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:#f9fafb}.data-table td{vertical-align:middle;padding:.875rem 1.25rem}.data-table .actions-header,.data-table .actions-cell{text-align:right}.action-buttons{justify-content:flex-end;gap:.25rem;display:flex}.viewer-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.viewer-header-left{align-items:flex-start;gap:.75rem;display:flex}.viewer-description{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.viewer-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.cache-indicator{color:#9ca3af;margin-left:auto;font-size:.75rem}.export-group{gap:.375rem;display:flex}.export-dropdown{position:relative}.export-menu{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:180px;padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 25px #00000014}.export-menu-item{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.export-menu-item:hover{background:#f3f4f6}.date-range-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.drp-select-wrap{background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.4rem;padding:.375rem .625rem;display:flex}.drp-icon{color:#6b7280;flex-shrink:0}.drp-select{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem}.drp-custom-inputs{align-items:center;gap:.4rem;display:flex}.drp-date-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.35rem .5rem;font-size:.8rem}.drp-separator{color:#9ca3af;font-size:.875rem}.kpi-strip{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.kpi-value{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.1}.kpi-change{border-radius:9999px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:inline-flex}.kpi-change.positive{color:#15803d;background:#dcfce7}.kpi-change.negative{color:#b91c1c;background:#fee2e2}.kpi-strip-skeleton .kpi-skeleton-card{position:relative;overflow:hidden}.kpi-skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:9999px;height:.75rem;animation:1.4s infinite skeleton-shimmer}.kpi-skeleton-line.short{width:45%}.kpi-skeleton-line.long{width:70%}.viz-switcher{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;gap:.25rem;width:fit-content;margin-bottom:1rem;padding:.25rem;display:flex}.viz-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s}.viz-tab:hover{color:#111827;background:#f3f4f6}.viz-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 2px 8px #2563eb4d}.viewer-chart-area{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-height:300px;padding:1.5rem;overflow-x:auto}.viewer-chart-area .recharts-responsive-container{min-width:520px}.chart-empty-state{color:#9ca3af;justify-content:center;align-items:center;min-height:200px;font-size:.9rem;display:flex}.viewer-loading{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.skeleton-chart{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:.375rem;height:300px;animation:1.4s infinite skeleton-shimmer}.viewer-error{color:#b91c1c;background:#fff;border:1px solid #fca5a5;border-radius:.5rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}@media (width<=720px){.viewer-header{flex-direction:column;align-items:flex-start}.viewer-toolbar{flex-direction:column;align-items:stretch}.cache-indicator{margin-left:0}.viz-switcher{flex-wrap:wrap;width:100%}}.report-builder-form{flex-direction:column;height:75vh;display:flex}.form-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:0 1.5rem;display:flex}.form-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;margin:0 .875rem;padding:.875rem .5rem;font-size:.875rem;font-weight:600;transition:all .15s}.form-tab:first-child{margin-left:0}.form-tab:hover{color:#111827}.form-tab.active{color:#1d4ed8;border-bottom-width:2px;border-bottom-color:#1d4ed8}.form-content-container{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 2px #0000000f}.form-section h3{color:#374151;border-bottom:1px solid #f3f4f6;margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.form-input,.form-select,.form-textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-group{flex:1;min-width:140px}.modal-content-padding{padding:1.5rem}.modal-text{color:#374151;margin-bottom:1rem}.modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.checkbox-group{flex-wrap:wrap;gap:.75rem;display:flex}.checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.checkbox-label.selected .checkbox-text{color:#2563eb;font-weight:600}.fields-selection-container{flex-direction:column;gap:1.5rem;display:flex}.module-title{color:#1f2937;border-bottom:1px solid #f3f4f6;margin:0 0 .75rem;padding-bottom:.4rem;font-size:.95rem;font-weight:600}.fields-checkbox-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.field-checkbox-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.6rem;padding:.6rem .75rem;transition:all .15s;display:flex}.field-checkbox-item:hover{background:#eff6ff;border-color:#93c5fd}.field-checkbox-item.selected{background:#eff6ff;border-color:#2563eb}.field-checkbox-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.field-label{color:#374151;font-size:.8rem}.aggregations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.rules-container{margin-top:.75rem}.rules-container>label{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:500;display:block}.rule-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rule-row .form-select,.rule-row .form-input{flex:1;min-width:100px}.condition-row{justify-content:center;align-items:center;margin:.5rem 0;display:flex;position:relative}.condition-row:before{content:"";background:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.condition-toggle{z-index:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:2px;display:flex;position:relative}.condition-option{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;border-radius:15px;padding:2px 10px;font-size:.7rem;font-weight:600;transition:all .15s}.condition-option:hover{color:#374151}.condition-option.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.hint-text{color:#9ca3af;font-size:.8rem}.error-message{color:#b91c1c;background:#fee2e2;border-radius:.375rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.reports-error-state{text-align:center;background:#fff;border:1px solid #fca5a5;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:3rem 2rem;display:flex}.reports-error-message{color:#b91c1c;margin:0;font-size:.95rem}.builder-shell{flex-direction:column;height:80vh;max-height:800px;display:flex}.builder-stepper{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:0;padding:1.25rem 1.5rem;display:flex}.builder-step-indicator{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.builder-step-circle{color:#9ca3af;background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.builder-step-check{font-size:.75rem}.builder-step-indicator.active .builder-step-circle{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8}.builder-step-indicator.done .builder-step-circle{color:#fff;background:#10b981;border-color:#10b981}.builder-step-text{flex-direction:column;display:flex}.builder-step-title{color:#374151;font-size:.875rem;font-weight:600;line-height:1.2}.builder-step-subtitle{color:#9ca3af;font-size:.7rem}.builder-step-indicator.active .builder-step-title{color:#2563eb}.builder-step-indicator.done .builder-step-title{color:#059669}.builder-step-connector{background:#e5e7eb;flex:1;min-width:24px;height:2px;margin:0 .75rem;transition:background .2s}.builder-step-connector.done{background:#10b981}.builder-body{flex:1;padding:1.5rem;overflow-y:auto}.builder-step{flex-direction:column;gap:1.5rem;display:flex}.builder-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.builder-footer-right{gap:.5rem;display:flex}.builder-field-group{flex-direction:column;gap:.375rem;display:flex}.builder-label{color:#374151;font-size:.875rem;font-weight:600}.builder-required{color:#ef4444;margin-left:2px}.builder-hint{color:#9ca3af;margin:0;font-size:.78rem}.builder-input,.builder-select,.builder-textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.builder-input:focus,.builder-select:focus,.builder-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1f}.builder-textarea{resize:vertical;min-height:80px}.builder-select-sm{flex:none;min-width:120px}.builder-module-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.builder-module-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:.625rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .15s;display:flex;position:relative}.builder-module-card:hover{background:#eff6ff;border-color:#93c5fd}.builder-module-card.active{box-shadow:0 2px 8px #2563eb26}.builder-module-icon{border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.builder-module-label{color:#374151;font-size:.8rem;font-weight:600;line-height:1.3}.builder-module-check{border-radius:50%;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:flex;position:absolute;top:.375rem;right:.375rem}.builder-secondary-grid{flex-wrap:wrap;gap:.5rem;display:flex}.builder-secondary-item{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.builder-secondary-item:hover{background:#eff6ff;border-color:#93c5fd}.builder-secondary-item.checked{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:500}.builder-secondary-item input[type=checkbox]{accent-color:#2563eb}.builder-fields-section{flex-direction:column;gap:1.25rem;display:flex}.builder-module-fields-title{color:#374151;border-bottom:1px solid #f3f4f6;margin:0 0 .5rem;padding-bottom:.375rem;font-size:.875rem;font-weight:600}.builder-chart-type-row{flex-wrap:wrap;gap:.5rem;display:flex}.builder-chart-type-btn{cursor:pointer;color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:center;gap:.3rem;min-width:80px;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.builder-chart-type-btn:hover{color:#2563eb;border-color:#93c5fd}.builder-chart-type-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.builder-axes-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.builder-axes-row{grid-template-columns:1fr}}.builder-agg-row{flex-wrap:wrap;gap:.75rem;display:flex}.builder-radio-label{color:#374151;cursor:pointer;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.builder-radio-label input[type=radio]{accent-color:#2563eb}.builder-agg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.builder-agg-item{flex-direction:column;gap:.3rem;display:flex}.builder-agg-field-label{color:#6b7280;font-size:.78rem;font-weight:500}.builder-preview-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;min-height:200px;padding:1rem}.builder-preview-empty{color:#9ca3af;text-align:center;justify-content:center;align-items:center;min-height:160px;font-size:.875rem;display:flex}.builder-date-range-pills{flex-wrap:wrap;gap:.4rem;display:flex}.builder-pill{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:.35rem .8rem;font-size:.8rem;transition:all .15s}.builder-pill:hover{color:#2563eb;border-color:#93c5fd}.builder-pill.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8}.builder-custom-dates{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}@media (width<=480px){.builder-custom-dates{grid-template-columns:1fr}}.builder-rules-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.builder-rules-list{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.builder-rule-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.builder-rule-row .builder-select,.builder-rule-row .builder-input{flex:1;min-width:90px}.settings-container{background-color:#f3f4f6;min-height:100vh;display:flex}.settings-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s;overflow-y:auto}.settings-title{color:#111827;margin-bottom:2rem;font-size:1.8rem;font-weight:700}.settings-tabs{border-bottom:1px solid #e5e7eb;gap:1rem;margin-bottom:2rem;padding-bottom:1px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#374151}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.settings-body{background:#fff;border-radius:.5rem;min-height:400px;padding:2rem;box-shadow:0 1px 3px #0000001a}.customization-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;display:grid}.module-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;height:100%;padding:1.5rem;transition:all .3s;display:flex}.module-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.module-icon{color:#2563eb;background-color:#eff6ff;border-radius:.5rem;padding:.75rem}.module-card-content{align-items:center;gap:1rem;width:100%;display:flex}.module-info{flex:1;min-width:0}.module-info h3{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;overflow:hidden}.module-info p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.profile-form-container{max-width:1000px;margin:0 auto}.profile-layout{align-items:flex-start;gap:3rem;display:flex}.profile-sidebar{text-align:center;flex-shrink:0;width:250px}.profile-main-form{flex:1}.form-section-title{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.form-section-title:first-child{margin-top:0}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.subscription-page{max-width:100%}.sub-hero{text-align:center;margin-bottom:2rem;padding:1rem 0 0}.sub-hero-title{color:#111827;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.sub-hero-subtitle{color:#6b7280;max-width:480px;margin:0 auto;font-size:.9rem;line-height:1.5}.sub-status-banner{border-radius:12px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.sub-status-banner.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.sub-status-banner.expired{background:#fef2f2;border:1px solid #fca5a5}.sub-status-icon{color:#fff;background:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.sub-status-icon.expired{background:#dc2626}.sub-status-text{flex-direction:column;gap:.15rem;display:flex}.sub-status-text strong{color:#111827;font-size:.925rem}.sub-status-text span{color:#6b7280;font-size:.8rem}.sub-plans-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:1.25rem;margin-bottom:1.5rem;display:grid}.sub-plan-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.sub-plan-card:hover:not(.current){transform:translateY(-5px);box-shadow:0 16px 32px -8px #0000001f}.sub-plan-card.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e,0 16px 32px -8px #0000001a}.sub-plan-card.current{cursor:default}.sub-plan-card.m1{border-top:5px solid #cd7f32}.sub-plan-card.m3{border-top:5px solid #9ca3af}.sub-plan-card.m6{background:linear-gradient(160deg,#fff 55%,#fffdf0);border-top:5px solid #f59e0b}.sub-plan-card.m12{background:linear-gradient(160deg,#fff 55%,#f5f3ff);border-top:5px solid #6366f1}.sub-plan-card.m1 .sub-plan-tier{color:#92400e}.sub-plan-card.m3 .sub-plan-tier{color:#374151}.sub-plan-card.m6 .sub-plan-tier{color:#b45309}.sub-plan-card.m12 .sub-plan-tier{color:#4338ca}.sub-plan-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:0 0 8px 8px;padding:4px 10px;font-size:.65rem;font-weight:800;position:absolute;top:-1px;right:1.25rem}.sub-plan-card.m6 .sub-plan-badge{background:#f59e0b}.sub-plan-card.m12 .sub-plan-badge{background:#6366f1}.sub-plan-badge.active-badge{background:#16a34a!important}.sub-plan-tier{text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;margin-bottom:.1rem;font-size:1rem;font-weight:800}.sub-plan-duration{color:#9ca3af;margin-bottom:1.25rem;font-size:.75rem;font-weight:500}.sub-plan-price{align-items:baseline;gap:.1rem;margin-bottom:.2rem;display:flex}.sub-price-currency{color:#374151;font-size:1.25rem;font-weight:700}.sub-price-amount{color:#111827;font-size:2.5rem;font-weight:900;line-height:1}.sub-price-breakdown{color:#6b7280;margin-bottom:.2rem;font-size:.75rem}.sub-price-gst-tag{color:#6b7280;white-space:nowrap;align-self:flex-end;margin-left:.3rem;padding-bottom:.45rem;font-size:.8rem;font-weight:500}.sub-price-note{color:#9ca3af;margin-bottom:.75rem;font-size:.72rem}.sub-savings{color:#92400e;background:#fef3c7;border-radius:99px;margin-bottom:1.25rem;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.sub-plan-features{flex-direction:column;flex-grow:1;gap:.45rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.sub-plan-features li{color:#374151;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.4;display:flex}.sub-plan-features li:before{content:"✓";color:#10b981;flex-shrink:0;margin-top:.05rem;font-weight:800}.sub-plan-btn{cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.sub-plan-btn:hover:not(.current):not(.selected){background:#f9fafb;border-color:#d1d5db}.sub-plan-card.m1 .sub-plan-btn:hover:not(.current):not(.selected){color:#92400e;background:#fffbeb;border-color:#cd7f32}.sub-plan-card.m3 .sub-plan-btn:hover:not(.current):not(.selected){color:#374151;border-color:#9ca3af}.sub-plan-card.m6 .sub-plan-btn:not(.current):not(.selected){color:#fff;background:#f59e0b;border-color:#f59e0b}.sub-plan-card.m6 .sub-plan-btn:not(.current):not(.selected):hover{background:#d97706;border-color:#d97706}.sub-plan-card.m12 .sub-plan-btn:not(.current):not(.selected){color:#fff;background:#6366f1;border-color:#6366f1}.sub-plan-card.m12 .sub-plan-btn:not(.current):not(.selected):hover{background:#4f46e5;border-color:#4f46e5}.sub-plan-btn.selected{color:#fff;background:#6366f1;border-color:#6366f1}.sub-plan-btn.current{color:#16a34a;cursor:default;background:#f0fdf4;border-color:#86efac}.sub-pay-section{background:#fff;border:1.5px solid #e0e7ff;border-left:4px solid #6366f1;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.5rem;display:flex;box-shadow:0 2px 12px #6366f112}.sub-pay-summary{flex-direction:column;gap:.25rem;display:flex}.sub-pay-label{text-transform:uppercase;letter-spacing:.07em;color:#6366f1;margin-bottom:.1rem;font-size:.7rem;font-weight:600}.sub-pay-plan{color:#374151;font-size:.9rem;font-weight:600}.sub-pay-total{color:#111827;font-size:1rem;font-weight:700}.sub-pay-total-note{color:#6b7280;margin-top:.1rem;font-size:.72rem}.sub-pay-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #6366f14d}.sub-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.sub-pay-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.sub-pay-gst{opacity:.8;font-size:.75rem;font-weight:400}.sub-pay-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sub-spin;display:inline-block}@keyframes sub-spin{to{transform:rotate(360deg)}}.sub-pay-consent{color:#4b5563;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.sub-pay-consent input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin-top:2px}.sub-pay-consent label{cursor:pointer;line-height:1.5}.sub-pay-consent a{color:#6366f1;text-decoration:underline}.sub-pay-consent a:hover{color:#4f46e5}@media (width<=1100px){.sub-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sub-plans-grid{grid-template-columns:1fr}.sub-hero-title{font-size:1.4rem}.sub-pay-section{flex-direction:column;align-items:stretch}.sub-pay-btn{justify-content:center;width:100%}.sub-status-banner{flex-direction:column}.sub-price-amount{font-size:2rem}}.no-payment{color:#6b7280;margin-bottom:1rem}.form-input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem;transition:border-color .2s}.form-input:disabled{cursor:not-allowed;background-color:#f3f4f6}.logo-upload-container{justify-content:center;display:flex;position:relative}.logo-preview{cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;transition:all .3s;display:flex;position:relative;overflow:hidden}.logo-preview:hover{background-color:#eff6ff;border-color:#3b82f6}.logo-preview img{object-fit:cover;width:100%;height:100%;transition:filter .3s}.logo-preview:hover img{filter:brightness(.7)}.logo-placeholder-text{color:#9ca3af;font-weight:500}.upload-btn-overlay{opacity:0;z-index:10;cursor:pointer;transition:all .3s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.logo-preview:hover .upload-btn-overlay,.logo-preview.no-logo .upload-btn-overlay{opacity:1}.field-manager-modal-container{flex-direction:column;height:75vh;display:flex}.field-manager-modal-body{background-color:#f9fafb;flex-grow:1;max-height:70vh;padding:1.5rem;overflow-y:auto}.field-manager-modal-footer{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.app-sidebar-wrapper{height:100vh;position:sticky;top:0}.mobile-menu-btn,.sidebar-close-btn,.sidebar-toggle-btn{display:none}@media (width<=768px){.profile-layout{flex-direction:column;align-items:center}.profile-sidebar{width:100%;margin-bottom:2rem}.profile-main-form{width:100%}.form-row,.form-row.three-col{grid-template-columns:1fr}.settings-content{width:100%;margin-left:0;padding:1rem}.app-sidebar-wrapper{z-index:1000;background-color:#fff;width:100%;max-width:100%;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%;box-shadow:2px 0 8px #0000001a}.app-sidebar-wrapper.open{left:0}.sidebar-overlay{z-index:999;background-color:#00000080;position:fixed;inset:0}.app-sidebar-wrapper>*{width:100%!important;height:100%!important;display:flex!important}.sidebar-close-btn{color:#fff;cursor:pointer;z-index:1100;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;position:absolute;top:1.5rem;right:1rem;width:auto!important;height:auto!important;display:flex!important}.settings-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.sidebar-toggle-btn{cursor:pointer;color:#374151;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.settings-title{margin-bottom:0}.mobile-menu-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;width:100%;margin-bottom:1.5rem;padding:.5rem;display:none;box-shadow:0 4px 6px -1px #0000001a}.settings-tabs.mobile-open{display:flex}.tab-btn{border-bottom:none;border-radius:.375rem;justify-content:flex-start;width:100%;padding:.75rem 1rem}.tab-btn:hover{background-color:#f9fafb}.tab-btn.active{color:#2563eb;background-color:#eff6ff;border-bottom:none}.ticket-header{flex-direction:column}.ticket-title-row,.ticket-meta-row{flex-direction:column;gap:.5rem}.correspondence-item{max-width:100%!important}.reply-actions{flex-direction:column;gap:1rem;align-items:stretch!important}.list-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.list-header button{width:100%}.ticket-card{flex-direction:column;gap:.5rem;align-items:flex-start!important}.ticket-card>div:last-child{align-self:flex-start}.create-ticket-form .form-actions{flex-direction:column;gap:.75rem}.create-ticket-form .form-actions button{width:100%}}.settings-subpage-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.settings-subpage-header-left{align-items:center;gap:.75rem;display:flex}.settings-subpage-header .sidebar-toggle-btn{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.5rem;display:none}@media (width<=768px){.settings-subpage-header{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.settings-subpage-header .sidebar-toggle-btn{justify-content:center;align-items:center;display:flex}.builder-workspace{flex-direction:column!important;gap:1rem!important;height:auto!important;overflow:visible!important}.builder-sidebar{flex-shrink:0;max-height:40vh;overflow-y:auto;width:100%!important}}.ticket-detail-view{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ticket-header{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.ticket-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.ticket-subject{color:#0f172a;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.ticket-meta-row{color:#64748b;flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.ticket-meta-item{color:#475569;background-color:#f1f5f9;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.ticket-description{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem;font-size:1rem;line-height:1.6}.ticket-description h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:1rem;font-size:.75rem;font-weight:700}.correspondence-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.correspondence-item{flex-direction:column;max-width:85%;display:flex}.correspondence-item.staff{align-self:flex-start;align-items:flex-start}.correspondence-item.customer{align-self:flex-end;align-items:flex-end}.reply-box{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.reply-actions{justify-content:space-between;align-items:center;display:flex}.list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tickets-grid{gap:1rem;display:grid}.ticket-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.ticket-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.create-ticket-form{padding:1rem}.create-ticket-form .form-group{margin-bottom:1rem}.create-ticket-form .form-group:last-of-type{margin-bottom:1.5rem}.create-ticket-form label{margin-bottom:.5rem;font-weight:500;display:block}.create-ticket-form .file-input{padding:.5rem}.create-ticket-form .attachment-list{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.create-ticket-form .attachment-item{background-color:#f3f4f6;border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;display:flex}.create-ticket-form .attachment-item svg{cursor:pointer}.create-ticket-form .form-actions{justify-content:flex-end;gap:1rem;display:flex}.draggable-widget-item{cursor:grab;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.draggable-widget-item:hover{background-color:#eff6ff;border-color:#2563eb}.widget-add-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:inline-flex}.widget-add-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.canvas-widget-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.widget-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;display:flex}.widget-controls{align-items:center;gap:.4rem;display:inline-flex}.btn-icon.compact{padding:.25rem}.widget-preview-placeholder{color:#6b7280;background-color:#e5e7eb;border-radius:.25rem;justify-content:center;align-items:center;height:100px;font-size:.875rem;display:flex}.empty-canvas-placeholder{color:#9ca3af;border:2px dashed #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;height:100%;display:flex}.card-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:.5rem;width:100%;margin-top:auto;padding-top:1rem;display:flex}.form-input.input-error{border-color:#ef4444;outline-color:#ef4444}.field-error-text{color:#dc2626;margin-top:4px;font-size:.78rem;display:block}.nic-setup-wizard{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #6366f1;border-radius:8px;margin-bottom:1.25rem;padding:1.25rem 1.25rem .25rem}.nic-setup-header{color:#374151;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.nic-setup-badge{color:#166534;background:#dcfce7;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.nic-setup-step{gap:.85rem;margin-bottom:0;display:flex}.nic-setup-step .nic-step-body{padding-bottom:1.25rem}.nic-setup-step--last .nic-step-connector{display:none}.nic-step-left{flex-direction:column;flex-shrink:0;align-items:center;width:22px;display:flex}.nic-step-connector{background:#e2e8f0;flex:1;width:2px;min-height:16px;margin-top:4px}.nic-step-num{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.nic-step-num--done{background:#22c55e}.nic-step-body{flex:1}.nic-step-title{color:#374151;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:.25rem;font-size:.82rem;font-weight:600;display:flex}.nic-step-status{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;padding:1px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.nic-step-desc{color:#6b7280;margin-bottom:.5rem;font-size:.78rem;line-height:1.45}.nic-optional{color:#9ca3af;font-size:.75rem;font-weight:400}.nic-sub-steps{flex-direction:column;gap:.3rem;margin:.5rem 0 .75rem;padding-left:1.25rem;display:flex}.nic-sub-steps li{color:#4b5563;font-size:.8rem;line-height:1.5}.nic-sub-steps li strong{color:#1e293b}.nic-portal-btn{color:#fff;background:#6366f1;border-radius:6px;align-items:center;gap:5px;margin-top:.25rem;padding:.4rem .85rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.nic-portal-btn:hover{background:#4f46e5}.nic-portal-btn--secondary{color:#6366f1;background:#f1f5f9;border:1px solid #e2e8f0}.nic-portal-btn--secondary:hover{background:#e0e7ff}.nic-cred-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.6rem;display:grid}@media (width<=600px){.nic-cred-grid{grid-template-columns:1fr}}.nic-password-wrap{position:relative}.nic-password-wrap .form-input{padding-right:2.4rem}.nic-eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.nic-eye-btn:hover{color:#6b7280}.sub-coupon-row{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.sub-coupon-input-wrap{gap:8px;display:flex}.sub-coupon-input{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:monospace;font-size:.88rem;transition:border-color .15s}.sub-coupon-input:focus{border-color:#6366f1}.sub-coupon-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:background .15s}.sub-coupon-btn:hover:not(:disabled){background:#e5e7eb}.sub-coupon-btn:disabled{opacity:.5;cursor:not-allowed}.sub-coupon-msg{align-items:center;gap:8px;font-size:.82rem;display:flex}.sub-coupon-msg.valid{color:#059669}.sub-coupon-msg.invalid{color:#dc2626}.sub-coupon-remove{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.sub-coupon-na-note{color:#9ca3af;margin:0 0 4px;font-size:.82rem;font-style:italic}.sub-pay-total--original{color:#9ca3af;font-size:.95rem;text-decoration:line-through}.sub-recurring-toggle{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin:4px 0;padding:12px 0}.sub-toggle-label{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.sub-toggle-text{flex-direction:column;gap:2px;display:flex}.sub-toggle-title{color:#111827;font-size:.9rem;font-weight:600}.sub-toggle-desc{color:#6b7280;font-size:.78rem}.sub-toggle-switch{cursor:pointer;background:#d1d5db;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.sub-toggle-switch.on{background:#6366f1}.sub-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.sub-toggle-switch.on .sub-toggle-knob{left:23px}.sub-cancel-recurring-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fca5a5;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.78rem;transition:background .15s}.sub-cancel-recurring-btn:hover:not(:disabled){background:#fef2f2}.sub-cancel-recurring-btn:disabled{opacity:.5;cursor:not-allowed}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.integration-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.integration-card-header{align-items:flex-start;gap:1rem;display:flex;position:relative}.integration-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gmail-icon{color:#dc2626;background:#fef2f2}.whatsapp-icon{color:#16a34a;background:#f0fdf4}.integration-name{margin:0 0 .25rem;font-size:1rem;font-weight:600}.integration-desc{color:var(--text-muted,#6b7280);margin:0;font-size:.85rem;line-height:1.4}.integration-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:0;right:0}.integration-badge.connected{color:#15803d;background:#f0fdf4}.integration-details{flex-direction:column;gap:.75rem;display:flex}.integration-detail-row{align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.detail-label{color:var(--text-muted,#6b7280);min-width:72px;font-size:.8rem}.detail-value{font-weight:500}.integration-template-row{flex-direction:column;gap:.4rem;display:flex}.template-input-group{gap:.5rem;display:flex}.template-input{flex:1;padding:6px 10px;font-size:.85rem}.integration-actions{flex-wrap:wrap;gap:.75rem;display:flex}.integration-coming-soon{color:var(--text-secondary,#6b7280);margin:0;font-size:.85rem;font-style:italic}.send-options{border-top:1px solid var(--border,#e5e7eb);background:var(--card-bg,#fff);flex-wrap:wrap;gap:1.25rem;padding:.75rem 1rem;display:flex}.send-option-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.send-option-hint{color:var(--text-muted,#6b7280);font-size:.8rem}@media (prefers-color-scheme:dark){.gmail-icon{color:#fca5a5;background:#450a0a}.whatsapp-icon,.integration-badge.connected{color:#86efac;background:#052e16}}:root{--gst-bg:#f8fafc;--gst-surface:#fff;--gst-border:#e5e7eb;--gst-muted:#6b7280;--gst-text:#0f172a;--gst-accent:#2563eb;--gst-accent-dark:#1d4ed8;--gst-warn:#f97316}.gst-filing-page{background:var(--gst-bg);min-height:100vh;color:var(--gst-text);font-family:Space Grotesk,Segoe UI,sans-serif;display:flex}.gst-filing-content{flex:1;margin-left:4rem;padding:2rem 2.5rem 3rem}.gst-header{background:var(--gst-surface);border:1px solid var(--gst-border);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 8px 24px #0f172a14}.gst-title{text-align:left;margin:0 0 .35rem;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.8rem,2vw + 1rem,2.5rem)}.gst-subtitle{color:#000;text-align:left;max-width:520px;margin:0;line-height:1.5}.gst-icon-btn{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.75rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-bottom:1rem;display:inline-flex}.gst-portal-link{white-space:nowrap;gap:.45rem}.gst-gstin-warning{border:1px solid #fed7aa;border-left:4px solid var(--gst-warn);color:#92400e;background:#fff7ed;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.gst-gstin-warning-link{color:var(--gst-warn);font-weight:600;text-decoration:underline}.gst-section{margin-top:2rem}.gst-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gst-section-title{text-align:left;margin:0 0 .25rem;font-size:1.25rem}.gst-section-subtitle{color:#000;text-align:left;margin:0}.gst-section-hint{color:#000;font-size:.9rem}.gst-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.gst-hub-card{background:var(--gst-surface);border:1px solid var(--gst-border);text-align:left;cursor:pointer;width:100%;font:inherit;appearance:none;border-radius:.9rem;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex}.gst-hub-card:hover{border-color:var(--gst-accent);transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1f}.gst-hub-card-top{justify-content:space-between;align-items:center;display:flex}.gst-status-pill--filed{color:#15803d;background:#dcfce7}.gst-hub-card-purpose{color:#000;margin:0 0 2rem;font-size:.9rem;font-weight:700;line-height:1.4}.gst-hub-card-schedules{color:#000;gap:.45rem;font-size:.82rem;display:grid}.gst-schedule-row{background:#f8fafc;border-radius:.6rem;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;font-size:.8rem;display:flex}.gst-hub-card-footer{color:var(--gst-accent-dark);border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.85rem;font-weight:600;display:flex}.gst-hub-card-action{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.gst-recent-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.gst-recent-card{background:var(--gst-surface);border:1px solid var(--gst-border);border-radius:.9rem;gap:.6rem;padding:1rem;display:grid}.gst-recent-top{justify-content:space-between;align-items:center;display:flex}.gst-recent-meta{color:#000;justify-content:space-between;font-size:.85rem;display:flex}.gst-footnotes{color:#000;gap:.3rem;margin-top:2rem;font-size:.85rem;display:grid}.gst-modal{gap:1.25rem;display:grid}.gst-modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gst-modal-form{font-size:1.1rem;font-weight:700}.gst-modal-purpose{color:#000;margin:.35rem 0 0}.gst-modal-schedules{gap:.5rem;display:grid}.gst-modal-schedule{background:#f8fafc;border-radius:.7rem;justify-content:space-between;padding:.6rem .75rem;font-size:.85rem;display:flex}.gst-modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gst-modal-actions{flex-wrap:wrap;gap:.75rem;display:flex}.gst-history{border-top:1px solid #e2e8f0;gap:.75rem;padding-top:1rem;display:grid}.gst-history-header{color:#000;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.gst-history-form{font-weight:600}.gst-history-arn{color:#64748b;margin-top:.15rem;font-family:monospace;font-size:.7rem}@media (width<=1200px){.gst-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.gst-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gst-modal-form-grid{grid-template-columns:1fr}}@media (width<=768px){.gst-filing-content{margin-left:0;padding:1.5rem}.gst-header{flex-direction:column;align-items:flex-start}.gst-card-grid{grid-template-columns:1fr}.gst-history-row{flex-direction:column;align-items:flex-start}}@media (width<=768px){.gstr1-table-wrap{-webkit-overflow-scrolling:touch}.gstr1-table th:first-child,.gstr1-table td:first-child{z-index:1;background:var(--gst-surface);position:sticky;left:0}.gstr1-table th:first-child{background:var(--gst-bg)}.gstr1-table tr:hover td:first-child{background:#f8fafc}}:root{--gst-bg:#f8fafc;--gst-surface:#fff;--gst-border:#e5e7eb;--gst-muted:#6b7280;--gst-text:#0f172a;--gst-accent:#2563eb;--gst-accent-dark:#1d4ed8}.gst-detail-page{background:var(--gst-bg);min-height:100vh;color:var(--gst-text);font-family:Space Grotesk,Segoe UI,sans-serif;display:flex}.gst-detail-content{flex:1;margin-left:4rem;padding:2rem 2.5rem 3rem}.gst-detail-header{background:var(--gst-surface);border:1px solid var(--gst-border);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 8px 24px #0f172a14}.gst-detail-header-left{flex-direction:column;gap:.75rem;display:flex}.gst-detail-title-block h1{text-align:left;margin:.4rem 0 .2rem;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.8rem,1.8vw + 1rem,2.4rem)}.gst-detail-title-block p{color:var(--gst-muted);text-align:left;margin:0}.gst-back-link{color:var(--gst-accent-dark);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.gst-icon-btn{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.75rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.gst-form-pill{color:#00f;background:#0ea5a41f;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:800;display:inline-flex}.gst-status-pill{color:#000;text-transform:capitalize;background:#07d6c51f;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.gst-filed-by-ca-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.gst-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-top:2rem;display:grid}.gst-detail-card{background:var(--gst-surface);border:1px solid var(--gst-border);border-radius:.9rem;gap:1rem;padding:1.5rem;display:grid;box-shadow:0 6px 18px #0f172a0f}.gst-detail-card h2{margin:0;font-size:1.2rem}.gst-detail-muted{color:var(--gst-muted);margin:0}.gst-detail-schedules,.gst-detail-notes{gap:.5rem;display:grid}.gst-detail-schedule{background:#f8fafc;border-radius:.7rem;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.gst-detail-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gst-field{color:var(--gst-muted);gap:.4rem;font-size:.85rem;display:grid}.gst-input{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.65rem;width:100%;padding:.55rem .75rem;font-size:.95rem}.gst-detail-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.gst-detail-actions__secondary{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.gst-detail-actions__file{flex-shrink:0}.gst-detail-history{margin-top:2rem}.gst-detail-history-header{text-align:left;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.gst-history-list{gap:.75rem;display:grid}.gst-history-row{background:#f8fafc;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:.75rem 1rem;display:flex}.gst-history-meta{color:var(--gst-muted);font-size:.85rem}.gst-history-right{color:var(--gst-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.gst-history-empty{border:1px dashed var(--gst-border);color:var(--gst-muted);text-align:center;border-radius:.7rem;padding:.75rem}.gst-detail-empty{background:var(--gst-surface);border:1px solid var(--gst-border);text-align:center;border-radius:1rem;margin-top:2rem;padding:2rem}@media (width<=1024px){.gst-detail-grid,.gst-detail-form-grid{grid-template-columns:1fr}}@media (width<=768px){.gst-detail-content{margin-left:0;padding:1.5rem}.gst-detail-header,.gst-history-row{flex-direction:column;align-items:flex-start}}.gstr1-preview{border-top:1px solid var(--gst-border);margin-top:1.5rem;padding-top:1.25rem}.gstr1-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.gstr1-period-badge,.gstr1-gstin-badge{border-radius:999px;margin-right:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.gstr1-period-badge{color:#0369a1;background:#e0f2fe}.gstr1-gstin-badge{color:#15803d;background:#f0fdf4;font-family:monospace}.gstr1-summary-strip{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.gstr1-kpi{background:var(--gst-bg);border:1px solid var(--gst-border);border-radius:.5rem;flex-direction:column;flex:120px;gap:.15rem;padding:.6rem 1rem;display:flex}.gstr1-kpi-value{color:var(--gst-text);font-size:1rem;font-weight:700}.gstr1-kpi-label{color:var(--gst-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.gstr1-tabs{border-bottom:1px solid var(--gst-border);flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.gstr1-tab-btn{color:var(--gst-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.gstr1-tab-btn:hover{background:var(--gst-bg);color:var(--gst-text)}.gstr1-tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 2px 8px #2563eb4d}.gstr1-table-wrap{border:1px solid var(--gst-border);border-radius:.5rem;overflow-x:auto}.gstr1-table{border-collapse:collapse;width:100%;font-size:.78rem}.gstr1-table th{background:var(--gst-bg);text-align:left;color:var(--gst-muted);border-bottom:1px solid var(--gst-border);white-space:nowrap;padding:.5rem .75rem;font-weight:600}.gstr1-table td{border-bottom:1px solid var(--gst-border);color:var(--gst-text);vertical-align:middle;padding:.45rem .75rem}.gstr1-table tr:last-child td{border-bottom:none}.gstr1-table tr:hover td{background:#f8fafc}.gstr1-table td.num,.gstr1-table th.num{text-align:right;font-variant-numeric:tabular-nums}.gstr1-empty{color:var(--gst-muted);text-align:center;padding:1rem 0;font-size:.85rem}.spin{animation:.8s linear infinite spin}.gstr1-kpi-btn{appearance:none;border:1px solid var(--gst-border);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.gstr1-kpi-btn:hover{border-color:var(--gst-accent);box-shadow:0 0 0 2px #0ea5a426}@media (width<=768px){.gstr1-table-wrap{-webkit-overflow-scrolling:touch}.gstr1-table th:first-child,.gstr1-table td:first-child{z-index:1;background:var(--gst-surface);position:sticky;left:0}.gstr1-table th:first-child{background:var(--gst-bg)}.gstr1-table tr:hover td:first-child{background:#f8fafc}}.gstr3b-preview{border-top:1px solid var(--gst-border);margin-top:1.5rem;padding-top:1.25rem}.gstr3b-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.gstr3b-summary-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.gstr3b-kpi{background:var(--gst-bg);border:1px solid var(--gst-border);border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.7rem .9rem;display:flex}.gstr3b-kpi-btn{appearance:none;font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.gstr3b-kpi-btn:hover{border-color:var(--gst-accent);box-shadow:0 0 0 2px #0ea5a426}.gstr3b-kpi--cash-due .gstr3b-kpi-value{color:#d97706}.gstr3b-kpi--cash-ok .gstr3b-kpi-value{color:#16a34a}.gstr3b-kpi-value{color:var(--gst-text);font-size:1rem;font-weight:700}.gstr3b-kpi-label{color:var(--gst-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.gstr3b-tab-nav{border-bottom:1px solid var(--gst-border);flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.gstr3b-tab-btn{color:var(--gst-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.gstr3b-tab-btn:hover{background:var(--gst-bg);color:var(--gst-text)}.gstr3b-tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 2px 8px #2563eb4d}.gstr3b-table-wrap{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.5rem;overflow-x:auto}.gstr3b-table{border-collapse:collapse;width:100%;font-size:.78rem}.gstr3b-table th{background:var(--gst-bg);text-align:left;color:var(--gst-muted);border-bottom:1px solid var(--gst-border);white-space:nowrap;padding:.5rem .75rem;font-weight:600}.gstr3b-table td{border-bottom:1px solid var(--gst-border);color:var(--gst-text);vertical-align:middle;padding:.45rem .75rem}.gstr3b-table tr:nth-child(2n) td{background:#f9fafb}.gstr3b-table tr:last-child td{border-bottom:none}.gstr3b-table td.num,.gstr3b-table th.num{text-align:right;font-variant-numeric:tabular-nums}.gstr3b-row-rcm td{background:#fefce8;font-weight:700}.gstr3b-row-net td{background:#0ea5a429;font-weight:700}.gstr3b-empty-row td{text-align:center;color:var(--gst-muted);padding:.9rem .75rem;font-size:.85rem}.gstr3b-empty{color:var(--gst-muted);text-align:center;padding:1.5rem 0;font-size:.875rem}.gstr3b-note{color:var(--gst-muted);background:#f0f9ff;border-left:3px solid #2563eb;border-radius:4px;padding:8px 12px;font-size:.8rem}.gstr3b-32-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.gstr3b-32-card{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.gstr3b-32-title{color:var(--gst-text);font-weight:600}.gstr3b-state-badge{color:#334155;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:36px;padding:.2rem .6rem;font-weight:700;display:inline-flex}.gstr3b-itc-grid{gap:1rem;display:grid}.gstr3b-itc-section{border:1px solid var(--gst-border);background:var(--gst-surface);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.gstr3b-itc-header{color:var(--gst-text);background:#f1f5f9;border-radius:.5rem;padding:.4rem .75rem;font-weight:600}.gstr3b-itc-header--reversed{color:#92400e;background:#fef3c7}.gstr3b-itc-header--net{color:var(--gst-accent-dark);background:#0ea5a42e}.gstr3b-summary{gap:1rem;display:grid}.gstr3b-summary-section{border:1px solid var(--gst-border);background:#f8fafc;border-radius:.75rem;gap:.6rem;padding:1rem;display:grid}.gstr3b-summary-row{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.gstr3b-summary-row--net{font-weight:700}.gstr3b-summary-row--payable{color:var(--gst-accent-dark);font-weight:700}.gstr3b-summary-disclaimer{color:var(--gst-muted);margin:.25rem 0 0;font-size:.78rem}@media (width<=900px){.gstr3b-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.gstr3b-summary-strip .gstr3b-kpi,.gstr3b-summary-strip .gstr3b-kpi:nth-child(-n+2){grid-column:span 1}}@media (width<=768px){.gstr3b-table-wrap{-webkit-overflow-scrolling:touch}.gstr3b-table.sticky-first th:first-child,.gstr3b-table.sticky-first td:first-child{z-index:1;background:var(--gst-surface);position:sticky;left:0}.gstr3b-table.sticky-first th:first-child{background:var(--gst-bg)}.gstr3b-table.sticky-first tr:hover td:first-child{background:#f8fafc}}.gstr3b-reconcile{margin-top:1.5rem}.gstr3b-reconcile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.gstr3b-reconcile-header h2{margin:0 0 .4rem;font-size:1.05rem}.gst-reconcile-status{border-radius:999px;margin-left:.5rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.gst-reconcile-status.matched{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.gst-reconcile-status.mismatch{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.gstr3b-reconcile-flags{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.gstr3b-reconcile-flag{color:#78350f;background:#fef3c7;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:6px;padding:.5rem .875rem;font-size:.82rem}.gstr3b-reconcile-grid{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.gstr3b-reconcile-row{background:var(--gst-bg);border:1px solid var(--gst-border);border-radius:6px;grid-template-columns:160px 1fr 1fr 120px;align-items:center;gap:1rem;padding:.6rem .875rem;font-size:.85rem;display:grid}.gstr3b-reconcile-row.diverged{background:#fef2f2;border-left:3px solid #ef4444}.gstr3b-reconcile-label{color:var(--gst-text);font-weight:600}.gstr3b-reconcile-val{flex-direction:column;align-items:flex-end;display:flex}.gstr3b-reconcile-src{color:var(--gst-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem;font-size:.7rem}.gstr3b-reconcile-diff{text-align:right;font-weight:700}.gstr3b-reconcile-diff.ok{color:#16a34a}.gstr3b-reconcile-diff.diverged{color:#dc2626}@media (width<=767px){.gstr3b-reconcile-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.gstr3b-reconcile-label{grid-column:1/-1}}.gstr9-section{border-top:1px solid var(--gst-border);margin-top:1.5rem;padding-top:1.25rem}.gstr9-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.gstr9-meta{color:var(--gst-muted);flex-wrap:wrap;gap:1rem;font-size:.82rem;display:flex}.gstr9-meta strong{color:var(--gst-text);font-weight:600}.gstr9-summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.gstr9-card{background:var(--gst-bg);border:1px solid var(--gst-border);border-radius:.6rem;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.gstr9-card span{color:var(--gst-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;display:block}.gstr9-card strong{color:var(--gst-text);font-size:1rem;font-weight:700}.gstr9-card.net{border-color:var(--gst-accent);background:#0ea5a40f}.gstr9-card.net strong{color:var(--gst-accent-dark)}.gstr9-tabs{border-bottom:1px solid var(--gst-border);flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.gstr9-tab{color:var(--gst-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.gstr9-tab:hover{background:var(--gst-bg);color:var(--gst-text)}.gstr9-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 2px 8px #2563eb4d}.gstr9-phase2-notice{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:.75rem;padding:.65rem 1rem;font-size:.82rem}.gstr-snapshot-hint{color:var(--text-secondary);margin:-.25rem 0 .75rem;padding:0;font-size:.78rem}.total-row td{background:#0ea5a41f;font-weight:700}.gstr-calculate-btn{border:1px solid var(--gst-border);background:var(--gst-surface);color:var(--gst-text);cursor:pointer;border-radius:.6rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.gstr-calculate-btn:hover:not(:disabled){border-color:var(--gst-accent);box-shadow:0 0 0 2px #2563eb26}.gstr-calculate-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.gstr9-summary-cards{grid-template-columns:repeat(2,1fr)}.gstr9-header-bar{flex-direction:column;align-items:flex-start}.gstr9-meta{gap:.6rem}}.gstr9c-inputs-card{margin-top:1.5rem}.gstr9c-ca-note{color:var(--gst-muted);margin-left:.5rem;font-size:.8rem;font-weight:400}.gstr9c-inputs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.gstr9c-adj-heading{margin:1.5rem 0 .75rem;font-size:.95rem;font-weight:600}.gstr9c-adjustments-list{flex-direction:column;gap:.5rem;display:flex}.gstr9c-adj-row{align-items:center;gap:.75rem;display:flex}.gstr9c-adj-reason{flex:2}.gstr9c-adj-amount{flex:1}.gstr9c-add-adj-btn{align-self:flex-start;margin-top:.5rem}.gstr9c-preview{margin-top:1.5rem}.gstr9c-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.gstr9c-meta{color:var(--gst-muted);flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.gstr9c-meta strong{color:var(--gst-text)}.gstr9c-drc03-alert{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem}.gstr9c-drc03-alert strong{color:#856404;margin-bottom:.25rem;display:block}.gstr9c-drc03-alert p{color:#664d03;margin:0}.gstr9c-status-strip{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.gstr9c-status-chip{border-radius:99px;padding:.3rem .75rem;font-size:.8rem;font-weight:500}.gstr9c-status-chip.ok{color:#065f46;background:#d1fae5}.gstr9c-status-chip.warn{color:#991b1b;background:#fee2e2}.gstr9c-table-wrap{margin-top:.75rem;overflow-x:auto}.gstr9c-row-variance-warn td{color:#92400e;font-weight:600;background:#fef3c7!important}.gstr9c-row-variance-ok td{color:#065f46;font-weight:600;background:#d1fae5!important}.gstr9c-row-adj td{color:var(--gst-muted);font-size:.85rem;font-style:italic}.gstr9c-baseline-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:.75rem;display:grid}.gstr9c-baseline-card{background:var(--gst-card-bg,#f9fafb);border:1px solid var(--gst-border,#e5e7eb);color:var(--gst-muted);border-radius:8px;flex-direction:column;gap:.25rem;padding:.875rem 1rem;font-size:.85rem;display:flex}.gstr9c-baseline-card strong{color:var(--gst-text);font-size:1.1rem}@media (width<=768px){.gstr9c-inputs-grid{grid-template-columns:1fr}.gstr9c-header-bar{flex-direction:column;align-items:flex-start}.gstr9c-baseline-grid{grid-template-columns:repeat(2,1fr)}}.gstr4-cmp08-section{background:var(--surface-alt,#f8fafc);border:1px solid var(--gst-border,#e2e8f0);border-radius:.5rem;margin-top:.75rem;padding:1rem}.gstr4-cmp08-hint{color:var(--text-secondary,#64748b);margin:0 0 .75rem;font-size:.78rem}.gstr4-cmp08-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.gstr4-cmp08-quarter{flex-direction:column;gap:.4rem;display:flex}.gstr4-cmp08-quarter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gst-text,#0f172a);border-bottom:2px solid var(--gst-border,#e2e8f0);margin-bottom:.25rem;padding-bottom:.35rem;font-size:.75rem;font-weight:700}.gstr4-sub-heading{color:var(--gst-text,#0f172a);margin:0 0 .5rem;font-size:.9rem;font-weight:700}.gstr-row-credit td{color:#15803d}.gstr-row-demand td{color:#b91c1c}.gstr-footnote-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.gstr3b-summary-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;min-width:110px;padding:12px 16px;display:flex}.gstr3b-summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.7rem}.gstr3b-summary-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.gstr3b-summary-card.highlight{background:#fff1f2;border-color:#fca5a5}.gstr3b-summary-card.highlight .gstr3b-summary-value{color:#b91c1c}@media (width<=900px){.gstr4-cmp08-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.gstr4-cmp08-grid{grid-template-columns:1fr}}.calc-timestamp{color:var(--gst-muted);margin-top:4px;margin-bottom:8px;font-size:.75rem}.gstin-missing-warning{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:1rem;padding:12px 16px;font-size:.875rem}.gstin-missing-warning a{color:#b45309;font-weight:600;text-decoration:underline}@media print{body{visibility:hidden}.gst-print-target{visibility:visible;width:100%;position:absolute;top:0;left:0}.gst-print-target *{visibility:visible}.gst-print-target .gstr3b-preview-header .gst-detail-actions,.gst-print-target .gstr1-preview-header .gst-detail-actions,.gst-print-target .gstr9-header-bar .gst-detail-actions{display:none}.gst-print-target .gstr1-table-wrap,.gst-print-target .gstr3b-table-wrap{overflow:visible}.gst-print-target .gstr1-table,.gst-print-target .gstr3b-table{page-break-inside:avoid;font-size:10px}.gst-print-target th,.gst-print-target td{padding:4px 6px}.gst-print-target .calc-timestamp{margin-bottom:8px;display:block}}:root{--fp-primary:#2563eb;--fp-primary-h:#1d4ed8;--fp-primary-lt:#eff6ff;--fp-rail-bg:#f8fafc;--fp-rail-border:#e2e8f0;--fp-done:#059669;--fp-text:#0f172a;--fp-text-2:#374151;--fp-muted:#6b7280;--fp-muted-lt:#94a3b8;--fp-radius:16px}.fp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fp-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:var(--fp-radius);border-top:3px solid var(--fp-primary);background:#fff;flex-direction:column;width:100%;max-width:min(95vw,1000px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e,0 0 0 1px #0000000d}.fp-header{border-bottom:1px solid var(--fp-rail-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.fp-header-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--fp-primary);background:#dbeafe;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.fp-header-title{color:var(--fp-text);margin:0 0 2px;font-size:1.1rem;font-weight:700}.fp-header-period{color:var(--fp-muted);margin:0;font-size:.8rem}.fp-close-btn{cursor:pointer;color:var(--fp-muted-lt);background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;line-height:0;transition:background .15s,color .15s}.fp-close-btn:hover{color:var(--fp-primary);background:#f0f4ff}.fp-body{flex:1;min-height:0;display:flex;overflow:hidden}.fp-rail{background:var(--fp-rail-bg);border-right:1px solid var(--fp-rail-border);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:16px 0;display:flex;overflow-y:auto}.fp-step{cursor:default;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .12s;display:flex}.fp-step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;transition:background .12s;display:flex}.fp-step-text{flex-direction:column;gap:1px;display:flex}.fp-step-label{font-size:.78rem;font-weight:500;line-height:1.3}.fp-step-sublabel{margin-top:1px;font-size:.68rem;line-height:1.3}.fp-step--pending .fp-step-icon{color:var(--fp-muted-lt);background:#e9edf4}.fp-step--pending .fp-step-label{color:var(--fp-muted-lt)}.fp-step--done .fp-step-icon{background:var(--fp-done);color:#fff}.fp-step--done .fp-step-label{color:var(--fp-text-2)}.fp-step--active{background:var(--fp-primary-lt);border-left:3px solid var(--fp-primary);padding-left:13px}.fp-step--active .fp-step-icon{background:var(--fp-primary);color:#fff}.fp-step--active .fp-step-label{color:#1e40af;font-weight:700}.fp-step--active .fp-step-sublabel{color:var(--fp-muted)}.fp-step--skipped .fp-step-icon{color:#cbd5e1;background:#f1f5f9}.fp-step--skipped .fp-step-label{color:#cbd5e1;text-decoration:line-through}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-spinner-ring{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite fp-spin}.fp-content{flex:1;padding:28px 28px 12px;animation:.18s fp-fade;overflow-y:auto}@keyframes fp-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fp-content-title{color:var(--fp-text);margin:0 0 6px;font-size:1.05rem;font-weight:700}.fp-content-desc{color:var(--fp-muted);margin:0 0 24px;font-size:.875rem;line-height:1.55}.fp-status-card{background:var(--fp-rail-bg);border:1px solid var(--fp-rail-border);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.fp-status-spinner{border:2.5px solid var(--fp-rail-border);border-top-color:var(--fp-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.75s linear infinite fp-spin}.fp-status-text{color:var(--fp-text-2);font-size:.875rem;font-weight:500}.fp-error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.fp-error-icon{color:#ef4444;flex-shrink:0;line-height:1.4}.fp-error-text{color:#b91c1c;font-size:.82rem;line-height:1.5}.fp-error-code{color:#dc2626;margin-top:2px;font-family:monospace;font-size:.72rem}.fp-otp-input{letter-spacing:.2em;text-align:center;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;max-width:280px;padding:12px 16px;font-size:1.2rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.fp-otp-input:focus{border-color:var(--fp-primary);box-shadow:0 0 0 3px #2563eb1f}.fp-otp-label{color:var(--fp-text-2);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.fp-otp-hint{color:var(--fp-muted);margin-top:8px;font-size:.78rem}.fp-nil-toggle{background:var(--fp-rail-bg);border:1px solid var(--fp-rail-border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.fp-nil-toggle:hover{background:var(--fp-primary-lt);border-color:#bfdbfe}.fp-nil-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--fp-primary);cursor:pointer}.fp-nil-toggle-label{color:var(--fp-text);font-size:.875rem;font-weight:500}.fp-push-progress{gap:6px;margin-top:14px;display:flex}.fp-push-dot{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.fp-push-dot-circle{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fp-push-dot-label{color:var(--fp-muted);text-align:center;font-size:.68rem}.fp-push-dot--done .fp-push-dot-circle{background:var(--fp-done);color:#fff}.fp-push-dot--active .fp-push-dot-circle{background:var(--fp-primary);color:#fff}.fp-push-dot--skip .fp-push-dot-circle{color:#94a3b8;background:#e2e8f0}.fp-push-dot--pending .fp-push-dot-circle{color:#cbd5e1;background:#f1f5f9;border:1.5px dashed #cbd5e1}.fp-push-dot--done .fp-push-dot-label{color:var(--fp-done)}.fp-push-dot--active .fp-push-dot-label{color:var(--fp-primary);font-weight:600}.fp-confirm-card{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:16px}.fp-confirm-card-title{color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.8rem;font-weight:700}.fp-confirm-row{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.83rem;display:flex}.fp-confirm-key{color:var(--fp-muted)}.fp-confirm-val{color:var(--fp-text);font-weight:600}.fp-confirm-warning{color:#b45309;align-items:flex-start;gap:6px;margin:10px 0 0;font-size:.78rem;display:flex}.fp-confirm-tax-title{text-transform:uppercase;letter-spacing:.05em;color:var(--fp-muted);padding:10px 14px 6px;font-size:.72rem;font-weight:700}.fp-confirm-tax-row{border-top:1px solid var(--fp-rail-border);justify-content:space-between;padding:5px 14px;font-size:.82rem;display:flex}.fp-success{text-align:center;padding:16px 0 8px}.fp-success-checkmark{background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 8px 24px #05966947}.fp-success-checkmark svg{color:#fff}.fp-success h3{color:var(--fp-text);margin:0 0 6px;font-size:1.15rem;font-weight:700}.fp-success-sub{color:var(--fp-muted);margin:0 0 20px;font-size:.875rem}.fp-ack-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;max-width:320px;margin:0 auto;padding:14px 20px}.fp-ack-label{text-transform:uppercase;letter-spacing:.08em;color:#059669;margin:0 0 4px;font-size:.72rem;font-weight:700}.fp-ack-number{color:#065f46;word-break:break-all;margin:0;font-family:monospace;font-size:1rem;font-weight:700}.fp-warning-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.fp-warning-icon{flex-shrink:0;font-size:1.3rem}.fp-warning-title{color:#9a3412;margin:0 0 4px;font-size:.9rem;font-weight:700}.fp-warning-text{color:#7c2d12;margin:0;font-size:.82rem;line-height:1.5}.fp-loading-card{background:var(--fp-rail-bg);border:1px solid var(--fp-rail-border);text-align:center;border-radius:10px;padding:20px}.fp-loading-ring{border:3px solid var(--fp-rail-border);border-top-color:var(--fp-primary);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.75s linear infinite fp-spin}.fp-loading-text{color:var(--fp-text-2);font-size:.875rem;font-weight:500}.fp-footer{border-top:1px solid var(--fp-rail-border);background:var(--fp-rail-bg);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.fp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.fp-btn--ghost{color:var(--fp-muted);border:1px solid var(--fp-rail-border);background:0 0}.fp-btn--ghost:hover{background:var(--fp-rail-bg);color:var(--fp-text-2)}.fp-btn--secondary{color:var(--fp-text-2);background:#f1f5f9}.fp-btn--secondary:hover{background:var(--fp-rail-border)}.fp-btn--primary{background:var(--fp-primary);color:#fff}.fp-btn--primary:hover{background:var(--fp-primary-h)}.fp-btn--danger{color:#fff;background:#dc2626}.fp-btn--danger:hover{background:#b91c1c}.fp-btn:disabled{opacity:.42;cursor:not-allowed}.fp-preview-stat{background:var(--fp-rail-bg);border:1px solid var(--fp-rail-border);text-align:center;border-radius:10px;padding:14px}.fp-preview-stat-val{color:var(--fp-text);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.fp-preview-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--fp-muted);margin-top:2px;font-size:.7rem}.fp-preview-breakdown{background:var(--fp-rail-bg);border:1px solid var(--fp-rail-border);border-radius:10px;overflow:hidden}@media (width<=640px){.fp-overlay{align-items:flex-end;padding:0}.fp-modal{border-radius:var(--fp-radius) var(--fp-radius) 0 0;max-width:100%;max-height:94vh}.fp-body{flex-direction:column}.fp-rail{border-right:none;border-bottom:1px solid var(--fp-rail-border);scrollbar-width:none;flex-direction:row;gap:0;width:100%;padding:8px 10px;overflow:auto visible}.fp-rail::-webkit-scrollbar{display:none}.fp-step{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:34px;padding:4px 8px}.fp-step-text{display:none}.fp-step--active .fp-step-text{align-items:center;display:flex}.fp-step-sublabel{display:none}.fp-step--active .fp-step-label{white-space:nowrap;font-size:.7rem}.fp-step--active{border-left:none;border-bottom:3px solid var(--fp-primary);padding-bottom:1px;padding-left:8px}.fp-content{padding:20px 16px 8px}.fp-header{padding:16px 16px 12px}.fp-footer{flex-wrap:wrap;gap:8px;padding:10px 16px}.fp-btn{flex:1;justify-content:center;min-width:120px}.fp-preview-grid{grid-template-columns:repeat(2,1fr)}}.gstr1-preview-tabbed{display:block}.gstr1-preview-vertical{display:none}.gstr1-vsection{margin-top:20px}.gstr1-vsection:first-child{margin-top:0}.gstr1-vsection-title{text-transform:uppercase;letter-spacing:.07em;color:#374151;border-bottom:2px solid #e2e8f0;margin:0 0 8px;padding-bottom:6px;font-size:.72rem;font-weight:700}@media (width<=640px){.gstr1-preview-tabbed{display:none}.gstr1-preview-vertical{display:block}}.gst-detail-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.gst-detail-table{border-collapse:collapse;width:100%;font-size:.875rem}.gst-detail-table th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:.72rem}.gst-detail-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px 12px}.gst-detail-table tbody tr:hover td{background:#f8fafc}.icon-button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 8px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover{color:#1e293b;background:#f1f5f9}.gst-status-pill--green{color:#166534;background:#dcfce7}.gst-status-pill--blue{color:#1e40af;background:#dbeafe}.gst-warn-banner{color:#78350f;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 .5rem .5rem 0;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.gst-warn-icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.gst-warn-banner strong{color:#92400e;margin-bottom:.25rem;display:block}.gst-warn-list{margin:.25rem 0 0;padding-left:1.25rem;line-height:1.6}.gstr1-table tfoot tr td{border-top:2px solid var(--gst-border);background:var(--gst-bg);font-weight:600}.fp-preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.fp-preview-stat{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.fp-preview-stat-val{color:#0f172a;margin:0 0 2px;font-size:1.3rem;font-weight:700}.fp-preview-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0;font-size:.7rem;font-weight:600}.fp-preview-breakdown{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.fp-breakdown-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:9px 16px;font-size:.85rem;display:flex}.fp-breakdown-row:last-child{border-bottom:none}.fp-breakdown-row--total{background:#eef2ff;font-weight:700}.fp-breakdown-key{color:#6b7280}.fp-breakdown-val{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}.fp-confirm-tax{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;overflow:hidden}.fp-confirm-tax-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0;padding:10px 14px 4px;font-size:.7rem;font-weight:700}.fp-confirm-tax-row{justify-content:space-between;padding:5px 14px;font-size:.82rem;display:flex}.fp-confirm-tax-row:last-child{padding-bottom:12px}.fp-confirm-tax-key{color:#6b7280}.fp-confirm-tax-val{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}@media (width<=480px){.fp-preview-grid{grid-template-columns:repeat(2,1fr)}.gst-detail-table{min-width:540px}}.ob-shell{min-height:100dvh;padding:2rem 1rem;padding-bottom:calc(2rem + env(keyboard-inset-height,0px));background:#f8fafc;justify-content:center;align-items:flex-start;display:flex}.ob-inner{width:100%;max-width:480px}.ob-logo{color:#3b82f6;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;display:flex}.ob-logo-image{object-fit:contain;width:auto;height:28px}.ob-progress-wrap{background:#e2e8f0;border-radius:9999px;height:4px;margin-bottom:2rem;overflow:hidden}.ob-progress-bar{background:#3b82f6;border-radius:9999px;height:100%;transition:width .28s ease-out}@media (prefers-reduced-motion:reduce){.ob-progress-bar{transition:none}}.ob-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.ob-card--done{text-align:center}.ob-step-label{letter-spacing:.05em;text-transform:uppercase;color:#64748b;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.ob-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700}.ob-title--done{margin-bottom:.75rem}.ob-subtitle{color:#64748b;margin:0 0 1.75rem;font-size:.9375rem;line-height:1.5}.ob-field{margin-bottom:1.25rem}.ob-label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.ob-optional{color:#94a3b8;font-weight:400}.ob-input{color:#0f172a;box-sizing:border-box;-webkit-appearance:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 .875rem;font-size:16px;line-height:1.4;transition:border-color .15s;display:block}.ob-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ob-input-mono{letter-spacing:.05em;text-transform:uppercase;font-family:Courier New,Courier,monospace}.ob-input::placeholder{color:#94a3b8}.ob-hint{color:#94a3b8;margin-top:.375rem;font-size:.8125rem}.ob-segment{border:1.5px solid #cbd5e1;border-radius:8px;gap:0;display:flex;overflow:hidden}.ob-segment-btn{color:#475569;cursor:pointer;background:#f8fafc;border:none;flex:1;min-height:44px;padding:0 1rem;font-size:.9375rem;font-weight:500;transition:background .15s,color .15s}.ob-segment-btn+.ob-segment-btn{border-left:1.5px solid #cbd5e1}.ob-segment-btn--active{color:#fff;background:#3b82f6}.ob-segment-btn:focus-visible{outline-offset:-2px;outline:2px solid #3b82f6}.ob-error{color:#dc2626;margin:-.5rem 0 1rem;font-size:.875rem}.ob-actions{flex-direction:column;gap:.75rem;margin-top:1.75rem;display:flex}.ob-actions--done{align-items:center}.ob-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;min-height:44px;padding:0 1.25rem;font-size:1rem;font-weight:600;transition:background .15s}.ob-btn-primary:hover{background:#2563eb}.ob-btn-primary:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.ob-btn-back{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:0 1.25rem;font-size:.9375rem;font-weight:500;transition:border-color .15s,color .15s}.ob-btn-back:hover{color:#3b82f6;border-color:#3b82f6}.ob-btn-skip{text-align:center;color:#94a3b8;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;min-height:44px;padding:.75rem;font-size:.875rem;text-decoration:underline;display:block}.ob-btn-skip:hover{color:#475569}.ob-btn-link{color:#3b82f6;border:1.5px solid #3b82f6;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.ob-btn-link:hover{background:#0f766e0f}.ob-confetti{margin-bottom:1rem;font-size:3rem;line-height:1}@media (prefers-reduced-motion:reduce){.ob-confetti{display:none}}.ca-page{background:#f8fafc;min-height:100vh;display:flex}.ca-content{flex:1;padding:24px;overflow-x:hidden}.ca-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ca-header-left{align-items:center;gap:12px;display:flex}.ca-page-title{color:#1e293b;margin:0;font-size:22px;font-weight:600}@media (width<=768px){.sidebar-hamburger{display:block}}.ca-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.ca-add-btn:hover{background:#4338ca}.ca-toolbar{margin-bottom:16px}.ca-search-wrap{align-items:center;width:100%;max-width:360px;display:inline-flex;position:relative}.ca-search-icon{color:#94a3b8;position:absolute;left:10px}.ca-search-input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:14px}.ca-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.ca-loading,.ca-empty{text-align:center;color:#94a3b8;padding:60px 0;font-size:14px}.ca-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.ca-table{border-collapse:collapse;width:100%;font-size:14px}.ca-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.ca-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.ca-table tr:last-child td{border-bottom:none}.ca-table tr:hover td{background:#f8fafc}.ca-gstin{font-family:monospace;font-size:13px}.ca-status-badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.ca-status-active{color:#15803d;background:#dcfce7}.ca-status-inactive{color:#64748b;background:#f1f5f9}.ca-actions{align-items:center;gap:4px;display:flex}.ca-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.ca-action-btn:hover{color:#334155;background:#f1f5f9}.ca-action-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.ca-action-primary:hover{color:#4f46e5;background:#eef2ff;border-color:#a5b4fc}.ca-pagination{text-align:center;margin-top:16px}.ca-load-more{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 24px;font-size:14px}.ca-load-more:hover{background:#f8fafc}.ca-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ca-confirm-dialog{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:360px;padding:24px}.ca-confirm-dialog p{color:#334155;margin-bottom:20px}.ca-confirm-actions{justify-content:center;gap:12px;display:flex}.ca-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 20px;font-size:14px}.ca-btn-danger:hover{background:#dc2626}.ca-dashboard-page{background:#f8fafc;min-height:100vh;display:flex}.ca-dashboard-content{flex:1;padding:24px;overflow-x:hidden}.ca-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ca-dashboard-header-left{align-items:center;gap:12px;display:flex}.ca-dashboard-title{color:#1e293b;margin:0;font-size:22px;font-weight:600}.sidebar-hamburger{cursor:pointer;color:#475569;background:0 0;border:none;padding:4px 8px;font-size:20px;display:none}@media (width<=768px){.sidebar-hamburger{display:block}}.ca-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.ca-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ca-summary-cards{grid-template-columns:1fr}}.ca-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.ca-summary-card.overdue-card{background:#fff5f5;border-color:#fca5a5}.ca-summary-card-label{color:#64748b;font-size:13px;font-weight:500}.ca-summary-card-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1}.ca-summary-card.overdue-card .ca-summary-card-value{color:#dc2626}.ca-skeleton-card{background:#e2e8f0;border-radius:12px;height:90px;animation:1.5s ease-in-out infinite pulse}.ca-skeleton-row{background:#e2e8f0;border-radius:6px;height:48px;margin-bottom:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ca-compliance-section-title{color:#475569;margin-bottom:12px;font-size:15px;font-weight:600}.ca-compliance-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.ca-compliance-table{border-collapse:collapse;width:100%;font-size:14px}.ca-compliance-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.ca-compliance-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.ca-compliance-table tr:last-child td{border-bottom:none}.ca-compliance-table tr:hover td{background:#f8fafc}.ca-gstin-cell{color:#64748b;font-family:monospace;font-size:12px}.ca-deadline-cell{white-space:nowrap;font-size:13px}.ca-deadline-cell.overdue{color:#dc2626;font-weight:600}.ca-open-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ca-open-btn:hover{background:#eef2ff;border-color:#a5b4fc}.ca-empty-state{text-align:center;color:#94a3b8;padding:60px 0;font-size:14px}.ca-empty-state p{color:#cbd5e1;margin:8px 0 0;font-size:13px}.app-sidebar-wrapper{z-index:3000;position:relative}@media (width<=768px){.app-sidebar-wrapper{flex-shrink:0;width:0;overflow:visible}}.sidebar-backdrop{display:none}.sidebar{color:#fff;z-index:40;scrollbar-width:none;-ms-overflow-style:none;background-color:#0f2027;height:calc(100vh - 48px);transition:width .3s;position:fixed;top:48px;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{z-index:40;width:4rem}.sidebar.expanded{z-index:3001;width:16rem}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:4rem;padding:1.5rem 1rem;display:flex}.sidebar-logo{color:#93c5fd;opacity:1;letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;transition:opacity .3s;display:flex}.sidebar-logo-image,.sidebar-mobile-logo{object-fit:contain;flex-shrink:0;width:1.75rem;height:1.75rem}.sidebar.collapsed .sidebar-logo{opacity:0;width:0;overflow:hidden}.sidebar-toggle{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;padding:.5rem;transition:all .2s}.sidebar-toggle:hover{color:#fff;background-color:#ffffff14}.sidebar-nav{margin-top:2rem;padding:0}.sidebar-nav-item{color:#cbd5e1;border-right:3px solid #0000;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav-item:hover{color:#fff;background-color:#ffffff0f}.sidebar-nav-item.active{color:#fff;background-color:#3b82f633;border-right-color:#3b82f6}.sidebar-nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-nav-text{opacity:1;white-space:nowrap;flex-grow:1;font-size:.875rem;font-weight:500;transition:opacity .3s}.sidebar.collapsed .sidebar-nav-text{opacity:0;width:0;overflow:hidden}.sidebar-chevron{justify-content:center;align-items:center;margin-left:auto;transition:transform .2s;display:flex}.sidebar-submenu{background-color:#0000002e;border-right:3px solid #0000;padding-left:2.5rem}.sidebar-submenu-item{color:#cbd5e1;white-space:nowrap;align-items:center;padding:.75rem 1rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-submenu-item:hover{color:#fff;background-color:#ffffff0f}.sidebar-submenu-item.active{color:#93c5fd}@media (width<=767px){.sidebar-submenu-item{min-height:44px;padding:.875rem 1rem}.sidebar-nav-item{min-height:44px}}.sidebar.collapsed .sidebar-nav-item{justify-content:center;position:relative}.sidebar.collapsed .sidebar-nav-item:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:50;background-color:#0f2027;border-radius:.25rem;margin-left:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:opacity .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a}.sidebar.collapsed .sidebar-nav-item:hover:after{opacity:1}.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-submenu,.sidebar-mobile-brand,.sidebar-mobile-close{display:none}@media (width<=768px){.sidebar-backdrop{z-index:999;pointer-events:none;background:0 0;transition:background .3s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{pointer-events:auto;background:#00000080}.sidebar{z-index:1000;pointer-events:none;height:calc(100dvh - 48px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:48px;left:0;transform:translate(-100%);width:min(80vw,300px)!important}.sidebar.mobile-open{pointer-events:auto;transform:translate(0)}.sidebar.collapsed{width:min(80vw,300px)!important}.sidebar.collapsed .sidebar-nav-text{opacity:1;width:auto;overflow:visible}.sidebar.collapsed .sidebar-nav-item{justify-content:flex-start}.sidebar.collapsed .sidebar-chevron{display:flex}.sidebar.collapsed .sidebar-submenu{display:block}.sidebar.collapsed .sidebar-nav-item:after,.sidebar-toggle{display:none}.sidebar-mobile-close{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.sidebar-mobile-close:hover{color:#fff;background-color:#ffffff14}.sidebar-header{justify-content:flex-end;padding:.75rem 1rem}.sidebar-logo,.sidebar.collapsed .sidebar-logo{display:none}.sidebar-mobile-brand{color:#93c5fd;letter-spacing:-.01em;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:1rem 1rem .75rem;font-size:1.1rem;font-weight:700;display:flex}}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.modal-backdrop{position:absolute;inset:0}.modal-content{background:#fff;border-radius:.5rem;flex-direction:column;width:100%;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-content.small{max-width:400px}.modal-content.medium{max-width:600px}.modal-content.large{max-width:800px}.modal-content.xlarge{max-width:1100px}.modal-content.full{max-width:95vw}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.modal-close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;display:flex}.modal-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.modal-body--flush{padding:0}.modal-mobile-overlay{z-index:1350;background:#f8fafc;flex-direction:column;animation:.22s modal-mobile-in;display:flex;position:fixed;inset:0}.modal-mobile-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.modal-mobile-title{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.modal-mobile-body{background:#f8fafc;flex:1;padding:1rem;overflow-y:auto}.modal-mobile-header .modal-close-button{border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;transition:background-color .2s;display:flex}.modal-mobile-header .modal-close-button:hover{background-color:#f1f5f9}.modal-mobile-header .modal-close-button svg{stroke:currentColor}@keyframes modal-mobile-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-container{padding:0}.modal-content{border-radius:0;width:100vw;height:100vh;max-height:100vh}.modal-body{padding:1rem}}.enhanced-form-modal{flex-direction:column;height:100%;max-height:85vh;display:flex}.form-tabs{scroll-behavior:smooth;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.25rem;padding:0 2rem;display:flex}.form-tab{cursor:pointer;color:#64748b;white-space:nowrap;scroll-snap-align:center;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.form-tab:hover{color:#475569;background-color:#f1f5f9}.form-tab.active{color:#1d4ed8;background-color:#fff;border-bottom-color:#1d4ed8}.form-tab:disabled{cursor:default;opacity:1}.form-step-indicator{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 1.75rem;display:flex}.form-step-text{color:#64748b;font-size:.75rem;font-weight:600}.form-step-track{background-color:#e2e8f0;border-radius:999px;flex:1;height:4px;overflow:hidden}.form-step-fill{background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);border-radius:999px;height:100%;transition:width .22s}.form-content{flex-direction:column;flex:1;display:flex}.form-scroll-area{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.validation-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:2rem;padding:1rem}.validation-message p{color:#dc2626;margin:0;font-size:.875rem;font-weight:500}.form-grid{grid-template-columns:1fr;gap:1.125rem;display:grid}.form-panel.slide-next{animation:.22s formPanelSlideNext}.form-panel.slide-back{animation:.22s formPanelSlideBack}@keyframes formPanelSlideNext{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes formPanelSlideBack{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (width>=768px){.form-grid{grid-template-columns:1fr 1fr}}.gstin-hero{justify-content:center;margin-bottom:1.5rem;display:flex}.gstin-hero .form-field{width:100%;max-width:26rem}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field.form-field-checkbox{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem}.form-field.form-field-checkbox .form-label{color:#374151;cursor:pointer;margin:0;font-size:.875rem;font-weight:600}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{cursor:pointer;background:#d1d5db;border-radius:24px;transition:background .2s;position:absolute;inset:0}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track{background:#2563eb}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.toggle-switch input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.form-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.form-label-text{align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.form-tooltip{color:#475569;cursor:help;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:inline-flex}.form-label .required{color:#dc2626;margin-left:.25rem}.form-input-wrapper{position:relative}.form-input,.form-select,.form-textarea{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;min-height:2.375rem;padding:.625rem .75rem;font-size:.875rem;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#fff;border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#94a3b8}.form-input.error,.form-select.error,.form-textarea.error{background-color:#fef2f2;border-color:#dc2626}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-select{appearance:none;background-image:none;padding-right:3rem}.select-icon{pointer-events:none;color:#64748b;width:1.25rem;height:1.25rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.form-textarea{resize:vertical;min-height:6rem}.form-input:disabled{cursor:not-allowed;opacity:.7;background-color:#f1f5f9}.field-error{color:#dc2626;margin-top:.25rem;font-size:.75rem;font-weight:500}.form-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.75rem;display:flex}.form-button{cursor:pointer;border:1px solid;border-radius:6px;justify-content:center;align-items:center;min-width:5rem;padding:.5rem 1.5rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.form-button:disabled{opacity:.7;cursor:not-allowed}.form-button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite formSpinnerRotate;display:inline-block}@keyframes formSpinnerRotate{to{transform:rotate(360deg)}}.form-button.secondary{color:#475569;background-color:#fff;border-color:#cbd5e1}.form-button.secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.form-button.primary{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.form-button.primary:hover{background-color:#1e40af;border-color:#1e40af}.form-button:disabled{cursor:not-allowed;opacity:.6}@media (width<=768px){.enhanced-form-modal{background-color:#f8fafc;height:100%;max-height:none}.form-tabs{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;border-bottom:none;gap:.5rem;padding:.25rem .75rem;overflow-x:auto}.form-tabs::-webkit-scrollbar{display:none}.form-tab{background-color:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;padding:.625rem .875rem}.form-tab.active{background-color:#eef2ff;border-color:#1d4ed8}.form-step-indicator{padding:.625rem 1rem .875rem}.form-scroll-area{padding:1rem 1rem 6.25rem}.form-grid{grid-template-columns:1fr}.form-footer{z-index:5;background-color:#fff;border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding:.75rem 1rem 1rem;display:grid;position:sticky;bottom:0;box-shadow:0 -4px 12px #0f172a14}.form-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.form-step-fill,.form-panel.slide-next,.form-panel.slide-back{transition:none!important;animation:none!important}}.form-input.with-icon-right{padding-right:2.5rem}.form-input-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.form-input-icon:hover{color:#1d4ed8;background-color:#eef2ff}.form-tags-wrapper{cursor:text;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-height:2.375rem;padding:.375rem .625rem;transition:all .15s}.form-tags-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.form-tags-wrapper.error{background-color:#fef2f2;border-color:#dc2626}.form-tags-chips{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.form-tag-chip{color:#1d4ed8;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.form-tag-remove{cursor:pointer;color:#60a5fa;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:1rem;line-height:1;transition:color .15s,background-color .15s;display:inline-flex}.form-tag-remove:hover{color:#1d4ed8;background-color:#dbeafe}.form-tags-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:.125rem 0;font-size:.875rem}.data-table-container{flex-direction:column;flex:1;height:100%;display:flex}.list-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.list-empty-state__icon{margin-bottom:1rem;font-size:3rem}.list-empty-state__title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.list-empty-state__text{color:#64748b;margin:0;font-size:.875rem}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #ddd;border-radius:8px;flex:1;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table th,.data-table td{text-align:left;text-align:center;border-bottom:1px solid #eee;padding:12px}.data-table th{z-index:2;text-align:center;white-space:nowrap;background-color:#f8f9fa;border-bottom:2px solid #e2e8f0;font-weight:600;position:sticky;top:0}.data-table th.sort-active{color:#2563eb;font-weight:600}.data-table tbody tr:hover{background:#eff6ff}.data-table tr.selected{background:#dbeafe;border-left:3px solid #3b82f6}.data-table td{white-space:normal;max-width:300px}.data-table .draggable-header{text-align:center;cursor:move;-webkit-user-select:none;user-select:none;transition:background-color .2s}.draggable-header:hover{background-color:#e9ecef}.cell-content{justify-content:center;align-items:center;min-height:20px;display:flex}.cell-content.editable{cursor:pointer;border-radius:4px;padding:4px 8px;transition:background-color .2s}.cell-content.editable:hover{background-color:#f8f9fa}.cell-content>span,.cell-content>a{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.cell-content .edit-icon{opacity:0;color:#6c757d;flex-shrink:0;margin-left:8px;transition:opacity .2s}.edit-icon{opacity:0;color:#6c757d;transition:opacity .2s}.cell-content.editable:hover .edit-icon{opacity:1}.cell-edit-container input,.cell-edit-container select,.cell-edit-container textarea{text-align:center;border:2px solid #007bff;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:14px}.cell-edit-container textarea{resize:vertical;text-align:center;min-height:60px}.actions-header{text-align:center;width:120px}.actions-cell{text-align:center}.action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.custom-action-item{justify-content:center;align-items:center;display:flex}.transaction-btn{color:#fff;background-color:#d3d3d3}.transaction-btn:hover{color:#fff;background-color:#a9a9a9}.pagination{background-color:#f8f9fa;border-top:1px solid #ddd;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.pagination-btn{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#e9ecef}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6c757d;font-weight:500}.status-active{border-radius:20px;width:fit-content;margin:0 auto;padding:4px 12px;font-size:.85rem;font-weight:500;color:#fff!important;background-color:#28a745!important}.status-inactive{border-radius:20px;width:fit-content;margin:0 auto;padding:4px 12px;font-size:.85rem;font-weight:500;color:#fff!important;background-color:#dc3545!important}@media (pointer:coarse){.action-btn{min-width:2.75rem;min-height:2.75rem}}.data-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.data-card:active{background-color:#f8fafc}.data-card-content{flex-direction:column;gap:.5rem;display:flex}.data-card-row{justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.875rem;display:flex}.data-card-label{color:#64748b;flex-shrink:0;max-width:40%;font-weight:600}.data-card-value{text-align:right;color:#1e293b;word-break:break-word}.data-card-link{color:#2563eb;text-decoration:underline}.data-card-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.edit-btn{color:#3b82f6;background-color:#eff6ff}.edit-btn:hover{background-color:#dbeafe}.delete-btn{color:#ef4444;background-color:#fef2f2}.delete-btn:hover{background-color:#fee2e2}.custom-action-item{align-items:center;display:flex}@media (pointer:coarse){.action-btn{min-width:2.75rem;min-height:2.75rem}}.filter-panel{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem}.filter-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filter-title{color:#1e293b;margin:0;font-size:1.125rem;font-weight:500}.clear-filters-button{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:color .2s}.clear-filters-button:hover{color:#475569}.filter-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.filter-grid-horizontal{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}@media (width>=768px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.filter-grid-horizontal{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=640px){.filter-panel{padding:1rem}.filter-grid-horizontal{grid-template-columns:1fr}}@media (width>=1024px){.filter-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.filter-grid{grid-template-columns:repeat(4,1fr)}}.filter-field{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:#475569;font-size:.875rem;font-weight:500;display:block}.filter-input-wrapper{position:relative}.filter-input,.filter-select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.filter-input.with-icon{padding-left:2.5rem}.filter-search-icon{color:#94a3b8;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-clear-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.25rem;transition:color .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filter-clear-icon:hover{color:#64748b}.rf-filter-bar{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;align-items:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.rf-filter-bar-panel{background:0 0;border:none;flex:1;padding:0}.rf-filter-bar-panel .filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:1rem}.rf-filter-bar-panel .filter-field{gap:.4rem}.rf-filter-bar-panel .filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.rf-filter-bar-actions{align-items:center;gap:.75rem;display:flex}.rf-filter-bar-actions .action-button{white-space:nowrap}.rf-drawer-overlay{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.rf-drawer{background:#fff;flex-direction:column;width:min(430px,96vw);height:100vh;animation:.22s rf-drawer-in;display:flex;box-shadow:-10px 0 25px #0f172a33}.rf-drawer-tablet{width:min(480px,98vw)}.rf-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.rf-drawer-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.rf-drawer-panel{background:#f8fafc;flex:1;overflow-y:auto}.rf-drawer-panel .filter-grid{grid-template-columns:1fr}.rf-drawer-actions{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;display:flex}.rf-mobile-overlay{z-index:1350;background:#f8fafc;flex-direction:column;display:flex;position:fixed;inset:0}.rf-mobile-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.rf-mobile-title{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.rf-mobile-panel{background:#f8fafc;flex:1;overflow-y:auto}.rf-mobile-panel .filter-grid{grid-template-columns:1fr}.rf-mobile-actions{background:#fff;border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem 1rem 1rem;display:grid}.rf-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;transition:background-color .2s;display:flex}.rf-icon-btn:hover{background-color:#f1f5f9}@keyframes rf-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.rf-mobile-actions .action-button{justify-content:center;width:100%}}.field-manager-content{background-color:#f8fafc;flex-direction:column;height:100%;max-height:70vh;display:flex}.field-manager-scroll{flex:1;padding:1.5rem;overflow-y:auto}.field-manager-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.field-manager-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.add-field-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;align-items:center;gap:.4rem;padding:.45rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:flex}.add-field-button:hover{background-color:#1d4ed8}.field-list{flex-direction:column;gap:.5rem;display:flex}.field-item{cursor:default;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:box-shadow .15s,border-color .15s;display:flex}.field-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000012}.field-drag-handle{color:#cbd5e1;cursor:grab;flex-shrink:0;transition:color .15s}.field-item:hover .field-drag-handle{color:#94a3b8}.field-info{flex:1;grid-template-columns:2fr auto auto;align-items:center;gap:.75rem;display:grid}.field-name-primary{color:#1e293b;font-size:.875rem;font-weight:500}.field-type{letter-spacing:.04em;text-transform:uppercase;color:#2563eb;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.field-tab{letter-spacing:.04em;text-transform:uppercase;color:#16a34a;white-space:nowrap;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.field-badges{flex-wrap:wrap;gap:.5rem;display:flex}.field-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.field-badge.required{color:#991b1b;background-color:#fee2e2}.field-badge.editable{color:#1e40af;background-color:#dbeafe}.required-star{color:#ef4444;margin-left:.25rem;font-weight:700}.field-actions{gap:.5rem;display:flex}.field-action-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem;transition:all .2s}.field-action-button:hover{color:#374151;background-color:#f3f4f6}.field-action-button.delete:hover{color:#ef4444;background-color:#fee2e2}.field-manager-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.field-manager-button{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.45rem 1.125rem;font-size:.8125rem;font-weight:500;transition:all .15s}.field-manager-button.secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.field-manager-button.secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.field-manager-button.primary{color:#fff;background-color:#2563eb}.field-manager-button.primary:hover{background-color:#1d4ed8}.field-editor-content{padding:1.25rem}.field-editor-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.field-editor-field{flex-direction:column;gap:.375rem;display:flex}.field-editor-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.field-editor-input,.field-editor-select{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.field-editor-input:focus,.field-editor-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.field-editor-options-section{margin-bottom:1.5rem}.current-options-list{background-color:#f9fafb;border-radius:.375rem;flex-wrap:wrap;gap:.5rem;min-height:2.5rem;margin-top:.75rem;padding:.5rem;display:flex}.option-item{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.875rem;display:flex}.remove-option-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.remove-option-button:hover{color:#ef4444}.no-options-message{color:#9ca3af;margin:0;font-size:.875rem;font-style:italic}.field-editor-checkboxes{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.field-editor-checkbox{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid #e2e8f0;flex:1;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:flex}.field-editor-checkbox:last-child{border-right:none}.field-editor-checkbox:hover{background-color:#f1f5f9}.field-editor-footer{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}@media (width<=768px){.field-manager-content{background-color:#f8fafc;height:100%;max-height:none}.field-manager-scroll{padding:1rem}.field-list{gap:.75rem}.field-manager-header{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem}.field-manager-title{font-size:1.125rem}.add-field-button{justify-content:center;width:100%;padding:.75rem}.field-item{grid-template-rows:auto auto;grid-template-columns:min-content 1fr;align-items:start;gap:.5rem .75rem;padding:1rem;display:grid}.field-drag-handle{background:0 0;border:none;grid-area:1/1/-1;justify-content:center;align-self:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;display:flex;position:static}.field-info{flex-wrap:wrap;grid-area:1/2;align-items:center;gap:.5rem;width:100%;display:flex}.field-name{width:100%;margin-bottom:.25rem}.field-name-primary{color:#111827;font-size:1rem;font-weight:600}.field-type,.field-tab{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;align-items:center;width:auto;margin:0;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.field-type:before{content:"Type: ";opacity:.7;margin-right:.25rem;font-weight:400}.field-tab:before{content:"Tab: ";opacity:.7;margin-right:.25rem;font-weight:400}.field-actions{border-top:none;grid-area:2/2;justify-content:flex-start;gap:1rem;width:100%;margin-top:.25rem;margin-left:-.5rem;padding-top:0;display:flex}.field-action-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;flex:none;width:auto;margin-left:2rem;padding:.5rem;box-shadow:0 1px 2px #0000000d}.field-action-button:hover{color:#374151;background-color:#f3f4f6}.field-manager-footer{z-index:5;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding:.75rem 1rem 1rem;display:grid;position:sticky;bottom:0;box-shadow:0 -4px 12px #0f172a14}.field-manager-button{width:100%;padding:.75rem;font-size:.875rem}.field-editor-content{flex-direction:column;min-height:100%;padding:1rem;display:flex}.field-editor-grid{grid-template-columns:1fr;gap:1rem}.field-editor-checkboxes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem}.field-editor-checkbox{padding:0}.field-editor-footer{z-index:5;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 -1rem -1rem;padding:.75rem 1rem 1rem;display:grid;position:sticky;bottom:0;box-shadow:0 -4px 12px #0f172a14}}.if-wrap{align-items:center;display:inline-flex}.if-badge{border-radius:999px;align-items:center;gap:6px;max-width:320px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.if-badge-open{color:#c2410c;background:#fff7ed;border:1px solid #fdba74}.if-badge-resolved{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.if-message{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.if-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.if-btn:disabled{opacity:.5;cursor:not-allowed}.if-btn-open{color:#c2410c;background:#fff7ed;border:1px solid #fdba74}.if-btn-open:hover:not(:disabled){background:#ffedd5}.if-btn-flag{color:#fff;background:#ea580c;margin-left:4px}.if-btn-flag:hover:not(:disabled){background:#c2410c}.if-btn-cancel{color:#64748b;background:#f1f5f9;padding:4px 6px}.if-btn-cancel:hover:not(:disabled){background:#e2e8f0}.if-btn-resolve{color:#fff;background:#15803d;margin-left:2px}.if-btn-resolve:hover:not(:disabled){background:#166534}.if-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;margin-left:2px;padding:0 2px;display:inline-flex}.if-remove:hover:not(:disabled){opacity:1}.if-input-row{align-items:center;gap:6px;display:flex}.if-input{color:#334155;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:260px;padding:5px 10px;font-size:13px}.if-input:focus{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c1a}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-weight:500;display:inline-flex}.status-badge.sm{padding:2px 8px;font-size:11px}.status-badge.md{padding:3px 10px;font-size:12px}.status-badge-not-started{color:#64748b;background:#f1f5f9}.status-badge-in-progress{color:#b45309;background:#fef3c7}.status-badge-ready-to-file{color:#1d4ed8;background:#dbeafe}.status-badge-filed{color:#15803d;background:#dcfce7}.status-badge-overdue{color:#dc2626;background:#fee2e2}.combobox-wrapper{width:100%;position:relative}.combobox-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;height:36px;padding:6px 8px;font-size:14px}.combobox-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.combobox-input:disabled{cursor:not-allowed;background:#f3f4f6}.combobox-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:4px;max-height:220px;margin:0;padding:4px 0;list-style:none;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.combobox-option{cursor:pointer;color:#1f2937;white-space:nowrap;text-overflow:ellipsis;padding:7px 12px;font-size:14px;overflow:hidden}.combobox-option:hover{color:#1d4ed8;background:#eff6ff}.combobox-loading{color:#6b7280;padding:8px 12px;font-size:13px;font-style:italic}.combobox-tooltip{color:#f1f5f9;pointer-events:none;white-space:pre-wrap;word-break:break-word;background:#1e293b;border-radius:6px;min-width:180px;max-width:320px;padding:10px 13px;font-size:12.5px;line-height:1.55;box-shadow:0 4px 16px #00000038}.combobox-tooltip-code{color:#93c5fd;margin-bottom:4px;font-size:13px;font-weight:700}.combobox-tooltip-desc{color:#e2e8f0;margin-bottom:6px}.combobox-tooltip-rates{color:#86efac;border-top:1px solid #334155;gap:10px;margin-top:2px;padding-top:6px;font-size:12px;font-weight:600;display:flex}.pagination-controls{background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.pagination-controls__nav{align-items:center;gap:.5rem;display:inline-flex}.pagination-controls__btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d9e6;border-radius:.6rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:inline-flex}.pagination-controls__btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.pagination-controls__btn:disabled{opacity:.45;cursor:not-allowed}.pagination-controls__info{color:#1f2937;white-space:nowrap;margin-left:.4rem;font-size:.9rem;font-weight:600}.pagination-controls__size{color:#475569;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.pagination-controls__size select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;min-width:4.4rem;padding:.35rem .5rem;font-size:.875rem}.pagination-controls__size select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61f}@media (width<=640px){.pagination-controls{flex-direction:column;align-items:stretch}.pagination-controls__nav,.pagination-controls__size{justify-content:center}}@media (pointer:coarse){.pagination-controls__btn{width:2.75rem;height:2.75rem}}.workspace-banner{z-index:2000;color:#3730a3;background:#eef2ff;border-bottom:2px solid #a5b4fc;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex;position:sticky;top:48px}.workspace-banner-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-banner-back{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #a5b4fc;border-radius:6px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.workspace-banner-back:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.workspace-banner-divider{color:#c7d2fe;font-size:16px;line-height:1}.workspace-banner-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.workspace-banner-label{color:#6366f1;font-weight:500}.workspace-banner-name{color:#312e81;font-weight:700}.workspace-banner-gstin{color:#4f46e5;background:#e0e7ff;border-radius:4px;padding:1px 8px;font-family:monospace;font-size:12px}.workspace-banner-tag{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#4f46e5;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}@media (width<=640px){.workspace-banner{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 12px}.workspace-banner-left{gap:8px}}.top-header{z-index:3500;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000f}.top-header-left .app-name{color:#1e293b;letter-spacing:.01em;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.top-header-left .app-logo{object-fit:contain;width:24px;height:24px}.top-header-right{align-items:center;gap:4px;display:flex}.th-icon-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex;position:relative}.th-icon-btn:hover{color:#1e293b;background:#f1f5f9}.th-badge{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.th-notif-wrapper{position:relative}.th-notif-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.th-notif-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.th-notif-header span{color:#1e293b;font-size:.85rem;font-weight:600}.th-mark-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:500;transition:background .12s}.th-mark-all-btn:hover{background:#eff6ff}.th-notif-list{flex:1;overflow-y:auto}.th-notif-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.th-notif-empty svg{color:#cbd5e1}.th-notif-empty p{margin:0;font-size:.85rem}.th-notif-item{border-bottom:1px solid #f8fafc;align-items:flex-start;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.th-notif-item:last-child{border-bottom:none}.th-notif-item:hover{background:#f8fafc}.th-notif-item.unread{background:#f0f9ff;border-left:3px solid #3b82f6}.th-notif-item.unread:hover{background:#e0f2fe}.th-notif-item.read{opacity:.75}.th-notif-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.th-notif-item.read .th-notif-dot{background:#cbd5e1}.th-notif-content{flex:1;min-width:0}.th-notif-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.8rem;font-weight:600;overflow:hidden}.th-notif-message{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.th-notif-time{color:#94a3b8;font-size:.72rem}.th-read-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,border-color .12s,color .12s;display:flex}.th-read-btn:hover{color:#16a34a;background:#dcfce7;border-color:#22c55e}@media (width<=640px){.top-header{padding:0 12px}.th-notif-dropdown{border-left:none;border-right:none;border-radius:0;width:100%;max-height:calc(100dvh - 54px);position:fixed;top:48px;left:0;right:0;box-shadow:0 4px 24px #00000029}}.im-mapping-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;max-height:60vh;overflow-y:auto}.im-mapping-header{z-index:10;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;background-color:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;font-size:.875rem;font-weight:600;display:grid;position:sticky;top:0}.im-mapping-row{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem;display:grid;box-shadow:0 1px 2px #0000000d}.im-field-label{color:#334155;align-items:center;font-size:.95rem;font-weight:500;display:flex}.im-required-star{color:#ef4444;margin-left:4px;font-weight:700}.im-select-block{text-align:left;width:100%}.im-mobile-select-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:none}.im-select-wrapper{width:100%;position:relative}.im-select{color:#1e293b;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:.625rem 2.25rem .625rem .75rem;font-size:.9rem;line-height:1.3;transition:border-color .2s,box-shadow .2s,background-color .2s}.im-select:hover{border-color:#94a3b8}.im-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.im-select--mapped{background-color:#f0f9ff;border-color:#0ea5e9}.im-select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}@media (width<=767px){.im-mapping-header{display:none}.im-mapping-container{max-height:none}.im-mapping-row{grid-template-columns:1fr}.im-mobile-select-label{display:block}.im-select{min-height:48px;font-size:1rem}}.quotes-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.item-table-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-table-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width<=1024px){.items-table-header,.item-table-row{grid-template-columns:repeat(4,1fr) auto}}@media (width<=768px){.quotes-content{margin-left:0;padding:1rem}.quotes-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0}.sidebar-toggle-btn{justify-content:center;align-items:center;display:flex}.quotes-header-left{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.quotes-header-left .quotes-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.quotes-header-left .action-button.secondary{flex-shrink:0;padding:.4rem .6rem;font-size:.8rem}.quotes-actions.quotes-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem;display:none}.quotes-actions.quotes-actions--mobile.quotes-actions--visible{display:flex}.quotes-actions--mobile .btn-primary,.quotes-actions--mobile .btn-secondary,.quotes-actions--mobile .btn-danger,.quotes-actions--mobile .btn-success{justify-content:center;width:100%}.form-row{grid-template-columns:1fr;gap:1rem}.items-table-header{display:none}.item-table-row{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.item-table-row>:not(:last-child){margin-bottom:.75rem}.item-table-row .btn-danger-small{width:100%;margin-top:.75rem}.quotes-grid{grid-template-columns:1fr}}.einvoice-panel{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem 1.5rem}.einvoice-panel h3{color:#1e293b;margin:0 0 1rem;font-size:1rem;font-weight:600}.einvoice-field{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:1rem;padding:6px 0;display:flex}.einvoice-field:last-of-type{border-bottom:none}.einvoice-field label{color:#555;white-space:nowrap;flex-shrink:0;font-weight:600}.irn-value{word-break:break-all;text-align:right;color:#334155;font-family:Courier New,Courier,monospace;font-size:.78rem}.einvoice-error{color:#d32f2f;background:#fff5f5;border:1px solid #fecaca;border-radius:4px;margin-top:10px;padding:8px 12px;font-size:.875rem}.einvoice-empty{align-items:center;gap:16px;display:flex}.quotes-container{background-color:#f8fafc;min-height:100vh;display:flex}.quotes-content{flex:1;margin-left:4rem;padding:2rem;transition:margin-left .3s}.quotes-header{justify-content:space-between;align-items:center;padding:0 0 2rem;display:flex}.quotes-title{color:#1e293b;margin:0;font-size:1.875rem;font-weight:600}.action-button{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.action-button.secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.action-button.secondary:hover{background:#e5e7eb}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{cursor:not-allowed;background:#9bb8ea}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.btn-danger:hover{background:#fecaca;border-color:#fca5a5}.quotes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.quote-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .2s;display:flex}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quote-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.quote-header h3{color:#1f2937;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.quote-client{color:#6b7280;font-size:.875rem}.status-badge{text-transform:uppercase;border-radius:20px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.status-badge.draft{color:#374151;background:#f3f4f6}.status-badge.sent{color:#1d4ed8;background:#dbeafe}.status-badge.accepted{color:#065f46;background:#d1fae5}.status-badge.rejected{color:#991b1b;background:#fee2e2}.quote-details{flex-grow:1;margin-bottom:1rem}.quote-details p{color:#374151;margin-bottom:.5rem;font-size:.875rem}.quote-actions{gap:.5rem;margin-top:auto;display:flex}.btn-icon{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background:#e5e7eb}.btn-icon.danger{color:#dc2626;background:#fee2e2;border-color:#fecaca}.btn-icon.danger:hover{background:#fecaca}.btn-icon.success{color:#059669;background:#d1fae5;border-color:#a7f3d0}.btn-icon.success:hover{background:#a7f3d0}.btn-icon.primary{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.btn-icon.primary:hover{background:#93c5fd}.quote-form-page{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.form-section{margin-bottom:2rem}.form-section h3{color:#1f2937;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group input,.form-group select,.field-editor-select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.875rem}.form-group input:focus,.form-group select:focus,.field-editor-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.items-table-header,.item-table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:1.5fr 2fr .7fr .7fr 1fr .8fr .8fr 1.2fr auto;align-items:center;gap:.5rem;padding:.75rem 0;display:grid}.items-table-header{color:#4b5563;z-index:1;background-color:#f9fafb;border-radius:8px 8px 0 0;padding:1rem 0;font-weight:600;position:sticky;top:0}.item-header-col{padding-left:.5rem}.item-table-row{background-color:#fff}.item-table-row:last-child{border-bottom:none}.item-table-row input,.item-table-row select{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:4px;width:100%;padding:.6rem;font-size:.85rem}.item-table-row input[type=number]{-moz-appearance:textfield}.item-table-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-table-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-danger-small{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex}.btn-danger-small:hover{background:#dc2626}.add-item-btn{align-items:center;gap:.5rem;width:fit-content;margin-top:1.5rem;padding:.6rem 1rem;display:flex}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.error-message{color:#dc2626;text-align:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-top:1rem;padding:1rem}.sidebar-toggle-btn{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.5rem;display:none}@media (width<=1024px){.items-table-header,.item-table-row{grid-template-columns:repeat(4,1fr) auto}}@media (width<=768px){.quotes-content{margin-left:0;padding:1rem}.quotes-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0}.sidebar-toggle-btn{justify-content:center;align-items:center;display:flex}.orders-header-left{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.orders-header-left .orders-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.orders-header-left .action-button.secondary{flex-shrink:0;padding:.4rem .6rem;font-size:.8rem}.orders-actions--mobile{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem;display:none}.orders-actions--mobile.orders-actions--visible{display:flex}.orders-actions--mobile .btn-primary,.orders-actions--mobile .btn-secondary,.orders-actions--mobile .btn-danger,.orders-actions--mobile .btn-success{justify-content:center;width:100%}.form-row{grid-template-columns:1fr;gap:1rem}.items-table-header{display:none}.item-table-row{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.item-table-row>:not(:last-child){margin-bottom:.75rem}.item-table-row .btn-danger-small{width:100%;margin-top:.75rem}.quotes-grid{grid-template-columns:1fr}}.irn-badge-row{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.irn-badge-field{flex-direction:column;gap:.25rem;display:flex}.irn-badge-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.irn-badge-value{word-break:break-all;color:#334155;font-family:Courier New,Courier,monospace;font-size:.78rem}.irn-status.active{color:#15803d;font-weight:600}.irn-status.cancelled{color:#b91c1c;font-weight:600;text-decoration:line-through}.party-detail-container{background-color:#f8fafc;min-height:100vh;padding:1rem}.party-header-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e2e8f0;padding:2rem}.party-info{align-items:flex-start;gap:1.5rem;display:flex}.party-avatar{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.party-details{flex:1}.party-name{margin:0 0 .5rem;font-size:2rem;font-weight:700}.party-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.party-type{text-transform:uppercase;color:#fff;background:#fff3;border-radius:16px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.party-type.supplier{color:#dcfce7;background:#22c55e33}.party-type.customer{color:#dbeafe;background:#3b82f633}.party-contact{flex-wrap:wrap;gap:2rem;display:flex}@media (width>=1100px){.overview-container{grid-template-columns:repeat(2,1fr)}}.banks-section,.files-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.add-note-section textarea{resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:.875rem}.note-content{color:#1e293b;margin-bottom:.75rem;font-size:.9rem;line-height:1.6}.note-footer{justify-content:space-between;align-items:center;display:flex}.file-action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{color:#111827;margin:0;font-size:1.25rem}.add-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.add-btn:hover{background-color:#e5e7eb}@media (width<=1024px){.detail-content{grid-template-columns:1fr;gap:1.5rem}.detail-sidebar{order:-1}}@media (width<=768px){.detail-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:center}.party-info{text-align:center;flex-direction:column}.party-contact{justify-content:center}.detail-tabs{flex-wrap:wrap}}.upload-form-container{flex-direction:column;gap:1.5rem;padding:.5rem;display:flex}.file-drop-area{width:100%;position:relative}.file-input-hidden{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.file-drop-label{cursor:pointer;text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;transition:all .2s;display:flex}.file-drop-label:hover{background-color:#eff6ff;border-color:#3b82f6}.upload-icon-wrapper{color:#64748b;background-color:#fff;border-radius:50%;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.file-drop-label:hover .upload-icon-wrapper{color:#3b82f6}.file-name{color:#334155;word-break:break-all;margin-bottom:.25rem;font-weight:600}.file-hint{color:#94a3b8;font-size:.875rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#475569;font-size:.875rem;font-weight:600}.form-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.upload-progress-container{flex-direction:column;gap:.5rem;display:flex}.upload-progress-bar{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.upload-progress-fill{background:#3b82f6;border-radius:99px;height:100%;transition:width .2s}.upload-progress-label{color:#64748b;text-align:center;font-size:.8rem}@media (width<=640px){.detail-tabs{display:none}.mobile-tabs-selector{display:flex}.detail-sidebar{display:none}}@media (width<=640px){.table-desktop{display:none}.transaction-cards-mobile{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}}.product-detail-container{background-color:#f8fafc;min-height:100vh;padding:1rem}.product-header-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e2e8f0;padding:2rem}.product-info{align-items:flex-start;gap:1.5rem;display:flex}.product-avatar{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.product-details{flex:1}.product-name{margin:0 0 .5rem;font-size:2rem;font-weight:700}.product-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.product-type{text-transform:uppercase;border-radius:16px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.product-type.supplier{color:#dcfce7;background:#22c55e33}.product-type.customer{color:#dbeafe;background:#3b82f633}.product-id{opacity:.8;font-size:.875rem}.product-contact{flex-wrap:wrap;gap:2rem;display:flex}@media (width>=1100px){.overview-container{grid-template-columns:repeat(2,1fr)}}.overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem}.card-header h4{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1rem;font-weight:600}.card-content{grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.5rem;display:grid}.overview-field label{color:#9ca3af;text-transform:uppercase;font-size:.75rem;font-weight:500}.field-value{color:#1f2937;word-break:break-word;font-size:.95rem;font-weight:500}.field-value a{color:#2563eb;text-decoration:none}.field-value a:hover{text-decoration:underline}@media (width<=1024px){.detail-content{grid-template-columns:1fr;gap:1.5rem}.detail-sidebar{order:-1}}@media (width<=768px){.product-detail-container{padding:.5rem}.detail-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:center}.product-info{text-align:center;flex-direction:column}.product-contact{justify-content:center}.detail-tabs{flex-wrap:wrap}.info-cards,.address-cards{grid-template-columns:1fr}.contact-details{flex-direction:column;gap:.5rem}.bank-details{grid-template-columns:1fr}}@media (width<=640px){.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.file-actions{align-self:flex-end}.header-actions{flex-direction:column}.product-meta{flex-direction:column;gap:.5rem}}@media (width<=640px){.detail-tabs{display:none}.mobile-tabs-selector{display:flex}.detail-sidebar{display:none}}@media (width<=640px){.table-desktop{display:none}.transaction-cards-mobile{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}}.service-detail-container{background-color:#f8fafc;min-height:100vh;padding:1rem}.loading-container,.error-container{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-text,.error-text{color:#64748b;font-size:1.125rem}.detail-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem;display:flex}.back-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.back-button:hover{color:#1e293b;background-color:#f1f5f9}.action-btn{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.action-btn.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.action-btn.secondary{color:#64748b;background:#fff;border-color:#e2e8f0}.action-btn.secondary:hover{color:#1e293b;background:#f1f5f9}.detail-content{grid-template-columns:1fr 320px;gap:2rem;max-width:1400px;margin:0 auto;display:grid}.detail-main{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.service-header-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e2e8f0;padding:2rem}.service-info{align-items:flex-start;gap:1.5rem;display:flex}.service-avatar{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.service-details{flex:1}.service-name{margin:0 0 .5rem;font-size:2rem;font-weight:700}.service-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.service-type{text-transform:uppercase;border-radius:16px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.service-type.supplier{color:#dcfce7;background:#22c55e33}.service-type.customer{color:#dbeafe;background:#3b82f633}.service-id{opacity:.8;font-size:.875rem}.service-contact{flex-wrap:wrap;gap:2rem;display:flex}.contact-item{opacity:.9;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.detail-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.tab-button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-weight:500;transition:all .2s}.tab-button:hover{color:#3b82f6;background:#f8fafc}.tab-button.active{color:#3b82f6;background:#f8fafc;border-bottom-color:#3b82f6}.tab-content{min-height:400px;padding:2rem}.overview-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.card-header h4{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.card-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.overview-field{flex-direction:column;gap:.25rem;display:flex}.overview-field label{color:#64748b;font-size:.875rem;font-weight:500}.overview-field .field-value{color:#1e293b;font-size:.95rem}.overview-field a{color:#3b82f6;text-decoration:none}.overview-field a:hover{text-decoration:underline}.addresses-section{flex-direction:column;gap:2rem;display:flex}.address-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.address-card{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.address-card h3{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:600;display:flex}.address-content p{color:#64748b;margin:.25rem 0;line-height:1.5}.contacts-section,.banks-section{flex-direction:column;gap:1.5rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.add-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background .2s;display:flex}.add-btn:hover{background:#2563eb}.contacts-list,.banks-list{flex-direction:column;gap:1rem;display:flex}.contact-card,.bank-card{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.contact-info,.bank-info{flex:1}.contact-info h4,.bank-info h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.contact-details{flex-wrap:wrap;gap:1.5rem;display:flex}.bank-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.bank-item{flex-direction:column;gap:.25rem;display:flex}.bank-item label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:500}.bank-item span{color:#1e293b;font-weight:500}.edit-contact-btn,.edit-bank-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;transition:all .2s}.edit-contact-btn:hover,.edit-bank-btn:hover{color:#1e293b;background:#e2e8f0}.files-section{flex-direction:column;gap:1.5rem;display:flex}.files-list{flex-direction:column;gap:1rem;display:flex}.file-item{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.file-icon{color:#3b82f6;background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-info{flex:1}.file-info h4{color:#1e293b;margin:0 0 .25rem;font-size:1rem;font-weight:600}.file-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.file-actions{gap:.5rem;display:flex}.file-action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;transition:all .2s}.file-action-btn:hover{color:#1e293b;background:#e2e8f0}.file-action-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.notes-section{flex-direction:column;gap:1.5rem;display:flex}.add-note-section{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.add-note-section textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:.875rem}.add-note-section textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-note-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.add-note-btn:hover{background:#2563eb}.notes-list{flex-direction:column;gap:1rem;display:flex}.note-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.note-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.note-author{color:#1e293b;font-weight:600}.note-date{color:#64748b;font-size:.875rem}.note-type{text-transform:uppercase;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.note-type.note{color:#1d4ed8;background:#dbeafe}.note-type.activity{color:#166534;background:#dcfce7}.note-content{color:#64748b;line-height:1.6}.detail-sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.sidebar-title{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.stats-grid{gap:1rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-item label{color:#64748b;font-size:.875rem;font-weight:500}.stat-value{color:#1e293b;font-size:1.25rem;font-weight:700}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:.75rem;display:flex}.activity-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.5rem}.activity-content{flex:1}.activity-content p{color:#1e293b;margin:0 0 .25rem;font-size:.875rem}.activity-content span{color:#64748b;font-size:.75rem}@media (width<=1024px){.detail-content{grid-template-columns:1fr;gap:1.5rem}.detail-sidebar{order:-1}}@media (width<=768px){.service-detail-container{padding:.5rem}.detail-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:center}.service-info{text-align:center;flex-direction:column}.service-contact{justify-content:center}.detail-tabs{flex-wrap:wrap}.info-cards,.address-cards{grid-template-columns:1fr}.contact-details{flex-direction:column;gap:.5rem}.bank-details{grid-template-columns:1fr}}@media (width<=640px){.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.file-actions{align-self:flex-end}.header-actions{flex-direction:column}.service-meta{flex-direction:column;gap:.5rem}}.mobile-tabs-selector{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:none;position:relative}.active-tab-label{color:#3b82f6;text-transform:capitalize;font-size:.95rem;font-weight:600}.tab-menu-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;display:flex}.tab-menu-btn:hover{color:#1e293b;background:#f1f5f9}.tab-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}.tab-dropdown-item{text-align:left;cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:1px solid #f3f4f6;width:100%;padding:.75rem 1rem;font-size:.875rem;display:block}.tab-dropdown-item:last-child{border-bottom:none}.tab-dropdown-item:hover{color:#1e293b;background:#f8fafc}.tab-dropdown-item.active{color:#3b82f6;background:#eff6ff;font-weight:600}@media (width<=640px){.detail-tabs{display:none}.mobile-tabs-selector{display:flex}.detail-sidebar{display:none}}.table-desktop{display:block}.transaction-cards-mobile{display:none}@media (width<=640px){.table-desktop{display:none}.transaction-cards-mobile{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}}.transaction-card-mobile{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;transition:background .15s}.transaction-card-mobile:hover{background:#f8fafc}.tcm-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:.35rem 0;font-size:.875rem;display:flex}.tcm-row:last-child{border-bottom:none}.tcm-label{color:#64748b;text-transform:uppercase;flex-shrink:0;margin-right:.5rem;font-size:.75rem;font-weight:500}.tcm-value{color:#1e293b;text-align:right;font-weight:500}.invoice-designer-container{background:#f5f7fa;width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;overflow:hidden}.invoice-designer{background:#f5f7fa;flex-direction:column;flex:1;margin-left:64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex}.designer-header{background:#fff;border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;box-shadow:0 2px 4px #0000000d}.designer-header-left{align-items:center;gap:.75rem;display:flex}.designer-mobile-hamburger{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;display:none}.designer-mobile-hamburger:hover{background-color:#f1f5f9}.designer-header h2{color:#2c3e50;margin:0;font-size:22px;font-weight:600}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.designer-content{flex:1;grid-template-columns:280px 1fr 300px;display:grid;overflow:hidden}.left-sidebar{background:#fff;border-right:2px solid #e9ecef;flex-direction:column;display:flex;overflow-y:auto}.sidebar-section{border-bottom:2px solid #f8f9fa;padding:20px}.sidebar-section h3{color:#2c3e50;margin:0 0 15px;font-size:16px;font-weight:600}.sidebar-section h4{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px;font-size:12px;font-weight:600}.elements-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.element-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.element-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.element-icon{font-size:24px}.element-label{font-size:12px;font-weight:500}.fields-list{max-height:400px;overflow-y:auto}.field-category{margin-bottom:15px}.field-item{cursor:grab;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;align-items:center;gap:8px;margin-bottom:5px;padding:8px 10px;font-size:13px;transition:all .2s;display:flex}.field-item:hover{background:#e7f3ff;border-color:#3498db;transform:translate(4px)}.field-item:active{cursor:grabbing}.drag-icon{color:#95a5a6;font-size:12px}.canvas-area{background:#e9ecef;justify-content:center;padding:30px;display:flex;overflow:auto}.canvas-wrapper{width:100%;max-width:850px}.invoice-canvas{background:#fff;border-radius:8px;min-height:1000px;padding:40px;box-shadow:0 4px 20px #0000001a}.empty-canvas{color:#95a5a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.empty-canvas p{margin:5px 0;font-size:16px}.canvas-element{cursor:pointer;border:2px solid #0000;border-radius:4px;margin-bottom:15px;padding:10px;transition:all .2s;position:relative}.canvas-element:hover{background:#f8fcff;border-color:#e3f2fd}.canvas-element.selected{background:#e7f3ff;border-color:#3498db}.element-controls{opacity:0;gap:5px;transition:opacity .2s;display:flex;position:absolute;top:-12px;right:10px}.canvas-element:hover .element-controls,.canvas-element.selected .element-controls{opacity:1}.element-controls button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.element-controls button:hover{background:#2980b9;transform:scale(1.1)}.element-controls button:last-child{background:#e74c3c}.element-controls button:last-child:hover{background:#c0392b}.element-fields{border-top:1px dashed #ddd;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.field-badge{color:#2980b9;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.field-badge button{color:#e74c3c;cursor:pointer;background:0 0;border:none;margin-left:3px;padding:0;font-size:14px;line-height:1}.field-badge button:hover{color:#c0392b}.right-sidebar{background:#fff;border-left:2px solid #e9ecef;overflow-y:auto}.properties-panel{padding:20px}.properties-panel h3{color:#2c3e50;margin:0 0 20px;font-size:16px;font-weight:600}.property-group{margin-bottom:20px}.property-group label{color:#2c3e50;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.property-group input[type=text],.property-group input[type=color],.property-group select,.property-group textarea{border:2px solid #e9ecef;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:all .2s}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.property-group input[type=color]{cursor:pointer;height:40px}.property-group textarea{resize:vertical;min-height:60px}.no-selection{text-align:center;color:#95a5a6;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.no-selection p{font-size:14px;line-height:1.6}.left-sidebar::-webkit-scrollbar{width:8px;height:8px}.right-sidebar::-webkit-scrollbar{width:8px;height:8px}.canvas-area::-webkit-scrollbar{width:8px;height:8px}.fields-list::-webkit-scrollbar{width:8px;height:8px}.left-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.right-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.canvas-area::-webkit-scrollbar-track{background:#f1f1f1}.fields-list::-webkit-scrollbar-track{background:#f1f1f1}.left-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.right-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.canvas-area::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.fields-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.right-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.canvas-area::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fields-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (width<=1400px){.designer-content{grid-template-columns:260px 1fr 280px}}@media (width<=1024px){.designer-content{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.left-sidebar,.right-sidebar{border:none;border-bottom:2px solid #e9ecef;max-height:300px}.canvas-area{order:2}.right-sidebar{order:3}}@media (width<=768px){.designer-mobile-hamburger{display:flex}.designer-header{flex-direction:column;align-items:stretch;gap:15px}.header-actions{flex-wrap:wrap}.canvas-area{padding:15px}.invoice-canvas{padding:20px}.elements-grid{grid-template-columns:1fr}.designer-content{height:auto}}@media print{.designer-header,.left-sidebar,.right-sidebar,.element-controls{display:none!important}.canvas-area{background:#fff;padding:0}.invoice-canvas{box-shadow:none;padding:0}.canvas-element{padding:0;background:0 0!important;border:none!important}}.field-manager-container{background:#f5f7fa;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex}.field-manager-content{flex-direction:column;flex:1;min-height:100vh;margin-left:4rem;transition:margin-left .3s;display:flex}.manager-header{background:#fff;border-bottom:2px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 2px 4px #0000000d}.manager-header h2{color:#2c3e50;margin:0;font-size:24px;font-weight:600}.header-actions{gap:10px;display:flex}.mobile-palette-btn,.panel-header-mobile{display:none}@media (width<=767px){.mobile-palette-btn{align-items:center;gap:6px;display:flex}.panel-header-mobile{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header-mobile h3{margin:0;font-size:1rem}.close-palette-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.close-palette-btn:hover{background:#f1f5f9}}.manager-workspace{flex:1;display:flex}.field-types-panel{background:#fff;border-right:2px solid #e9ecef;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.field-types-panel h3{color:#2c3e50;margin:0;padding:20px 20px 10px;font-size:16px;font-weight:600}.field-types-panel h4{color:#2c3e50;border-top:2px solid #f8f9fa;margin:20px 0 0;padding:15px 20px 10px;font-size:14px;font-weight:600}.hint{color:#7f8c8d;margin-bottom:15px;padding:0 20px;font-size:12px}.field-types-list{padding:0 15px}.field-type-item{color:#fff;cursor:grab;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 15px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.field-type-item:hover{transform:translate(5px)scale(1.02);box-shadow:0 4px 12px #667eea66}.field-type-item:active{cursor:grabbing;transform:scale(.98)}.field-icon{font-size:20px}.field-name{flex:1;font-size:14px;font-weight:500}.drag-handle{color:#ffffffb3;font-size:16px}.fields-summary{flex-direction:column;flex:1;min-height:0;display:flex}.fields-list{flex:1;padding:0 15px 20px;overflow-y:auto}.field-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:10px;transition:all .2s;display:grid}.field-item:hover{background:#e9ecef;border-color:#dee2e6}.field-number{color:#fff;background:#3498db;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.field-info{flex-direction:column;gap:2px;min-width:0;display:flex}.field-info strong{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.field-info small{color:#7f8c8d;white-space:nowrap;text-overflow:ellipsis;font-family:Courier New,monospace;font-size:11px;overflow:hidden}.badge{text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.badge-system{color:#2e7d32;background:#e8f5e9}.badge-custom{color:#e65100;background:#fff3e0}.form-builder-area{background:#f5f7fa;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex}.preview-header{flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.preview-header h3{color:#2c3e50;margin:0;font-size:1.5rem;font-weight:600}.preview-header .hint{color:#7f8c8d;margin-top:4px;font-size:13px}.form-editor-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.editor-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.editor-section:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.editor-section h4{color:#111827;border-bottom:1px solid #e5e7eb;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.editor-fields-grid{flex-wrap:wrap;gap:1rem;min-height:60px;display:flex}.editor-fields-column{flex-direction:column;gap:10px;min-height:60px;display:flex}.editor-field-item-row{cursor:grab;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 15px;transition:all .2s;display:flex;position:relative}.editor-field-item-row:hover{background:#fff;border-color:#3498db;box-shadow:0 2px 6px #3498db26}.editor-field-item-row:hover .delete-field-btn{opacity:1;transform:scale(1)}.editor-field-item-row label{color:#34495e;margin:0;font-size:13px;font-weight:600}.field-value-mock{color:#95a5a6;font-family:Courier New,monospace;font-size:14px;font-weight:600}.editor-field-item{cursor:grab;background:0 0;border:1px dashed #0000;border-radius:.375rem;flex:200px;min-width:200px;padding:.5rem;transition:all .2s;position:relative}.editor-field-item:hover{background:#f3f4f6;border-color:#d1d5db}.editor-field-item label{color:#374151;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.field-input-mock{color:#9ca3af;text-transform:capitalize;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;height:38px;padding:.5rem .75rem;font-size:.875rem;display:flex}.delete-field-btn{color:#fff;cursor:pointer;opacity:0;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}.editor-field-item:hover .delete-field-btn{opacity:1;transform:scale(1)}.empty-section-placeholder{text-align:center;color:#bdc3c7;background:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;grid-column:1/-1;padding:30px;font-size:14px}.editor-grid-preview{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.grid-header-row{background:#f1f5f9;border-bottom:1px solid #e0e0e0;display:flex}.grid-header-col{color:#475569;border-right:1px solid #e0e0e0;flex:1;padding:12px;font-size:13px;font-weight:600;position:relative}.grid-header-col:last-child{border-right:none}.grid-body-row{text-align:center;color:#94a3b8;background:#fff;padding:20px;font-size:13px}.add-col-placeholder{color:#64748b;cursor:pointer;background:#f8fafc;font-style:italic;font-weight:400;transition:background .2s}.add-col-placeholder:hover{background:#e2e8f0}.btn-primary,.btn-secondary,.btn-add{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.btn-secondary{color:#fff;background:#95a5a6}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.btn-add{color:#fff;background:#27ae60;padding:8px 16px;font-size:13px}.btn-add:hover{background:#229954}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:650px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h3{margin:0;font-size:20px;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;font-size:24px;line-height:1;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:25px}.modal-footer{background:#f8f9fa;border-top:2px solid #e9ecef;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:20px 25px;display:flex}.form-group label{color:#2c3e50;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group small{color:#7f8c8d;margin-top:4px;font-size:12px;display:block}.form-group input[type=text],.form-group input[type=number],.form-group select{box-sizing:border-box;border:2px solid #e9ecef;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-row-2{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.checkbox-row{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:15px;display:grid}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#2c3e50;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.options-input{gap:8px;margin-bottom:10px;display:flex}.options-input input{flex:1}.options-list{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:6px;max-height:200px;margin-top:10px;padding:10px;display:flex;overflow-y:auto}.option-item{background:#fff;border:1px solid #e9ecef;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.option-value{color:#7f8c8d;margin-left:8px;font-family:Courier New,monospace;font-size:12px}.option-item button{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.option-item button:hover{background:#fee}@media (width<=768px){.field-manager-content{margin-left:0}.manager-workspace{flex-direction:column}.form-row-2,.checkbox-row{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}.field-types-panel{width:100%;height:150px}}.fields-list::-webkit-scrollbar{width:8px}.iframe-container::-webkit-scrollbar{width:8px}.options-list::-webkit-scrollbar{width:8px}.fields-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.iframe-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.options-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fields-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.iframe-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.options-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.fields-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.iframe-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.options-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{color:#333;font-family:Arial,sans-serif;line-height:1.6}.header .container{justify-content:space-between;align-items:center;padding:1rem 20px;display:flex}.logo h1{color:#2563eb;font-size:1.8rem}.nav{align-items:center;gap:2rem;display:flex}.cta-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.cta-button-light{color:#fff;cursor:pointer;background:#1f2637;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.cta-button:hover{background:#1d4ed8}.hero{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:4rem 0}.hero-text h1{color:#1e293b;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.trust-badges{gap:1rem;margin-bottom:2rem;display:flex}.trust-badges img{width:auto;height:40px}.hero-cta{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.primary-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:background .3s}.primary-button:hover{background:#059669}.no-payment{color:#64748b;font-size:.9rem}.hero-image img{border-radius:12px;width:100%;height:auto;box-shadow:0 20px 40px #0000001a}.why-section{background:#fff;padding:4rem 0}.why-section h2{text-align:center;color:#1e293b;margin-bottom:1.5rem;font-size:2rem}.why-section p{text-align:center;color:#64748b;max-width:800px;margin:0 auto;font-size:1.1rem}.mobile-section{background:#f8fafc;padding:4rem 0}.mobile-section h2{text-align:center;color:#1e293b;margin-bottom:1.5rem;font-size:2rem}.mobile-section p{text-align:center;color:#64748b;max-width:800px;margin:0 auto;font-size:1.1rem}.testimonials{background:#fff;padding:4rem 0}.testimonials h2{text-align:center;color:#1e293b;margin-bottom:3rem;font-size:2rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.testimonial-card h3{color:#2563eb;margin-bottom:1rem;font-size:1.3rem}.testimonial-card img{object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:1.5rem}.testimonial-card blockquote{color:#64748b;margin-bottom:1rem;font-size:1rem;font-style:italic}.testimonial-card cite{color:#1e293b;font-style:normal;font-weight:600}.benefits h2{text-align:center;color:#1e293b;margin-bottom:3rem;font-size:2rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.benefit-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.benefit-card h3{color:#2563eb;margin-bottom:1rem;font-size:1.3rem}.benefit-card p{color:#64748b;line-height:1.6}.pricing{background:#fff;padding:4rem 0}.pricing h2{text-align:center;color:#1e293b;margin-bottom:1rem;font-size:2rem}.pricing>.container>p{text-align:center;color:#64748b;margin-bottom:3rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.pricing-card{text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:transform .3s;position:relative}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{background:#fff;border-color:#2563eb}.pricing-plan-badge{color:#fff;background:#10b981;border-radius:20px;padding:.25rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem}.price{color:#2563eb;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.price-tax{color:#64748b;margin-left:.35rem;font-size:.95rem;font-weight:600}.pricing-savings{color:#3b82f6;margin-top:-1rem;margin-bottom:1.25rem;font-size:.95rem;font-weight:600}.select-plan{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.select-plan:hover{background:#1d4ed8}.features-section{background:#f8fafc;border-radius:12px;margin-top:3rem;padding:2rem}.features-section h3{text-align:center;color:#1e293b;margin-bottom:2rem;font-size:1.5rem}.feature-item{color:#64748b;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.checkmark{color:#10b981;font-weight:700}.faq{background:#f8fafc;padding:4rem 0}.faq h2{text-align:center;color:#1e293b;margin-bottom:3rem;font-size:2rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-question{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;font-size:1.1rem;font-weight:600;transition:background .3s;display:flex}.faq-question:hover{background:#f8fafc}.arrow{transition:transform .3s}.arrow.active{transform:rotate(180deg)}.faq-answer{color:#64748b;padding:0 1.5rem 1.5rem;line-height:1.6}.footer-section h3{color:#2563eb;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#f1f5f9;margin-bottom:1rem;font-size:1.1rem}.footer-section ul li a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#2563eb}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:2rem}.nav{display:none}.testimonials-grid,.benefits-grid,.pricing-grid,.features-grid{grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 15px}.hero{padding:2rem 0}.hero-text h1{font-size:1.8rem}.testimonial-card,.benefit-card,.pricing-card{padding:1.5rem}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);height:100vh;max-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.animated-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.bubble-1{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.bubble-2{width:60px;height:60px;animation-delay:2s;top:80%;left:20%}.bubble-3{width:100px;height:100px;animation-delay:4s;top:10%;left:80%}.bubble-4{width:40px;height:40px;animation-delay:1s;top:70%;left:70%}.bubble-5{width:120px;height:120px;animation-delay:3s;top:50%;left:50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.login-left{color:#fff;z-index:2;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-right:1px solid #fff3;flex-direction:column;flex:1;align-items:center;padding:0 3rem;display:flex;position:relative}.login-left::-webkit-scrollbar{display:none}.logo-icon{filter:drop-shadow(0 0 20px #ffffff80);font-size:2.5rem}.form-field,.form-field.full-width{flex:1}.benefit-item{color:#ffffffe6;align-items:center;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.benefit-icon{color:#4ade80;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:600;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-right{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;-ms-overflow-style:none;scrollbar-width:none;background:#fffffff2;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto}.login-right::-webkit-scrollbar{display:none}.login-form-container{background:#fff;border:1px solid #fff3;border-radius:25px;width:100%;max-width:450px;padding:3rem;animation:.8s ease-out slideInRight;position:relative;box-shadow:0 25px 50px #00000026}.form-title{color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.form-subtitle{color:#666;font-size:1.1rem;font-weight:400;line-height:1.5}.enhanced-subtitle{color:#777;margin-bottom:2rem;font-size:1rem;line-height:1.6}.auth-tabs{background:#f8f9fa;border-radius:15px;margin-bottom:2.5rem;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.tab-slider{z-index:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;width:calc(50% - 6px);height:calc(100% - 12px);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;left:6px;box-shadow:0 4px 12px #667eea66}.tab-slider.slide-right{transform:translate(100%)}.auth-tab{text-align:center;cursor:pointer;color:#666;z-index:2;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative}.auth-tab.active{color:#fff;text-shadow:0 1px 2px #0003}.tab-icon{font-size:1.1rem}.form-group{margin-bottom:1.8rem}.form-label{color:#333;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.95rem;font-weight:600;display:flex}.label-icon{font-size:1.1rem}.form-input{background:#fff;border:2px solid #e8ecf0;border-radius:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea1a}.otp-section{animation:.5s ease-out slideInUp}.otp-container{justify-content:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;color:#333;background:#fff;border:2px solid #e8ecf0;border-radius:12px;width:55px;height:55px;font-size:1.4rem;font-weight:700;transition:all .3s}.otp-input:focus{border-color:#667eea;outline:none;transform:scale(1.05);box-shadow:0 0 0 4px #667eea1a}.otp-input.pulse{animation:.3s pulse}.resend-section{text-align:center;margin-bottom:1.5rem}.resend-otp{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.resend-otp:hover:not(:disabled){background:#667eea1a;transform:translateY(-1px)}.resend-otp:disabled{color:#999;cursor:not-allowed}.timer-icon,.resend-icon{font-size:1rem}.google-button-container{justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.5rem;padding:16px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea66}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.verify-button{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);box-shadow:0 4px 15px #4caf5066}.verify-button:hover:not(:disabled){box-shadow:0 8px 25px #4caf5099}.button-icon{font-size:1.1rem}.button-loading{align-items:center;gap:.5rem;display:flex}.loading-container{justify-content:center;align-items:center;padding:2rem;display:flex}.enhanced-loading{flex-direction:column;align-items:center;gap:1rem;display:flex}.enhanced-loading p{color:#666;margin:0;font-size:.9rem;font-weight:500}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-spinner.small{border-width:2px;width:20px;height:20px}@media (width<=768px){.login-container{flex-direction:column;height:auto;min-height:100dvh;overflow-y:auto}.login-left{display:none}.mobile-brand-bar{color:#667eea;letter-spacing:-.5px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 0 .5rem;font-size:1.4rem;font-weight:800;display:flex}.login-right{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;padding:1rem;display:flex}.login-form-container{box-shadow:none;width:100%;margin:0 auto;padding:2rem 1.5rem}.form-header{margin-bottom:2rem}.form-title{font-size:1.8rem}.form-subtitle{font-size:.95rem}.auth-tabs{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-input{padding:14px 18px}.otp-input{width:48px;height:48px;font-size:1.2rem}.login-button{padding:14px;font-size:1rem}}@media (width<=480px){.login-right{padding:.5rem}.login-form-container{border-radius:15px;padding:1.5rem 1rem}.form-header{margin-bottom:1.5rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:.9rem}}.register-container{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.register-left{color:#fff;z-index:2;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-right:1px solid #fff3;flex-direction:column;flex:1;align-items:center;padding:0 2rem;display:flex;position:relative}.register-left::-webkit-scrollbar{display:none}.brand-section{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:500px;padding-bottom:1.5rem;animation:.8s ease-out slideInLeft;display:flex}.brand-logo{text-shadow:2px 2px 4px #0000004d;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:2.5rem;font-weight:800;animation:2s ease-in-out infinite alternate glow;display:flex}.brand-logo-image{object-fit:contain;filter:drop-shadow(0 0 20px #ffffff80);width:3rem;height:3rem}.brand-tagline{opacity:.95;letter-spacing:-.5px;margin-bottom:1rem;font-size:1.8rem;font-weight:600;line-height:1.4}.brand-subtitle{opacity:.9;color:#ffffffe6;margin-bottom:0;font-size:1.1rem;font-weight:400;line-height:1.6}.product-preview{flex-shrink:0;margin:0;animation:.8s ease-out .2s both fadeInUp}.preview-window{background:#fff;border-radius:12px;max-width:450px;margin:0 auto;transition:transform .3s;overflow:hidden;transform:perspective(1000px)rotateX(10deg)rotateY(-5deg);box-shadow:0 20px 40px #0000004d}.preview-window:hover{transform:perspective(1000px)rotateX(5deg)rotateY(-2deg)}.window-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;align-items:center;gap:1rem;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.window-title{color:#333;font-size:.9rem;font-weight:600}.window-content{background:#fff;min-height:200px;padding:16px}.invoice-form{color:#333;font-size:.8rem}.form-field,.form-field.full-width{flex:1}.form-field label{color:#666;margin-bottom:4px;font-size:.7rem;font-weight:500;display:block}.form-field input{box-sizing:border-box;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:6px 8px;font-size:.75rem}.invoice-table{border:1px solid #e0e0e0;border-radius:6px;margin:12px 0;overflow:hidden}.table-header{color:#333;background:#f8f9fa;border-bottom:1px solid #e0e0e0;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:6px 8px;font-size:.7rem;font-weight:600;display:grid}.table-row{color:#333;border-bottom:1px solid #f0f0f0;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:6px 8px;font-size:.7rem;display:grid}.table-row:last-child{border-bottom:none}.invoice-total{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.total-row{color:#333;justify-content:space-between;padding:2px 0;font-size:.75rem;display:flex}.total-row.final{color:#7c3aed;border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px;font-size:.8rem;font-weight:600}.feature-benefits{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;max-width:500px;padding-top:1.5rem;animation:.8s ease-out .4s both fadeInUp;display:flex}.benefit-item{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.benefit-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.mobile-brand-bar{display:none}.mobile-brand-logo{object-fit:contain;width:2rem;height:2rem}.register-right{background:#fff;flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;overflow-y:auto}.register-form-container{background:#fff;border-radius:20px;width:100%;max-width:500px;margin-top:auto;margin-bottom:auto;padding:3rem;position:relative;box-shadow:0 20px 40px #0000001a}.form-header{text-align:center;margin-bottom:2rem}.form-title{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:700}.form-subtitle{color:#666;font-size:1rem}.form-group{flex:1;margin-bottom:1.5rem}.form-group.full-width{flex:none;width:100%}.form-label{color:#333;margin-bottom:.25rem;font-size:.9rem;font-weight:500;display:block}.form-label.required:after{content:" *";color:#e74c3c;font-weight:700}.form-input{box-sizing:border-box;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.form-input::placeholder{color:#999}.form-input.error{border-color:#e74c3c}.form-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-error{color:#e74c3c;margin-top:.25rem;font-size:.8rem}.form-hint{color:#7c3aed;margin-top:.25rem;font-size:.78rem}.subscription-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.25rem;display:grid}.subscription-option{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:1rem;transition:all .3s;position:relative}.subscription-option:hover{border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed33}.subscription-option.selected{background:#7c3aed1a;border-color:#7c3aed}.subscription-option input[type=radio]{opacity:0;cursor:pointer;position:absolute}.subscription-title{color:#333;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.subscription-price{color:#666;font-size:.8rem}.subscription-subtitle{color:#3b82f6;margin-top:.15rem;font-size:.75rem;font-weight:600}.file-upload-container{margin-top:.25rem;position:relative}.file-upload-area{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #e0e0e0;border-radius:10px;padding:2rem;transition:all .3s}.file-upload-area:hover{background:#7c3aed0d;border-color:#7c3aed}.file-upload-area.drag-over{background:#7c3aed1a;border-color:#7c3aed}.file-upload-icon{color:#999;margin-bottom:.25rem;font-size:2rem}.file-upload-text{color:#666;margin-bottom:.25rem;font-size:.9rem}.file-upload-subtext{color:#999;font-size:.8rem}.file-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:1rem;margin-top:.7rem;padding:1rem;display:flex}.file-preview-image{object-fit:cover;border:1px solid #e0e0e0;border-radius:8px;width:50px;height:50px}.file-preview-info{flex:1}.file-preview-name{color:#333;margin-bottom:.25rem;font-size:.9rem;font-weight:500}.file-preview-size{color:#666;font-size:.8rem}.file-remove-btn{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.2rem;transition:all .3s}.file-remove-btn:hover{background:#e74c3c1a}.register-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;width:100%;margin-top:.8rem;padding:14px;font-size:1.1rem;font-weight:600;transition:all .3s}.register-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed4d}.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.login-link{text-align:center;color:#666;margin-top:1rem}.login-link a{color:#7c3aed;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 5px #ffffff80}to{text-shadow:0 0 20px #fffc}}@media (width<=768px){.register-container{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.register-left{display:none}.mobile-brand-bar{color:#7c3aed;letter-spacing:-.5px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 0 .5rem;font-size:1.4rem;font-weight:800;display:flex}.register-right{flex-direction:column;flex:1;align-items:center;width:100%;padding:1.5rem 1rem;display:flex;overflow-y:visible}.register-form-container{box-shadow:none;width:100%;margin:0 auto;padding:2rem 1.5rem}.form-row{flex-direction:column;gap:0}.subscription-options{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.register-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.subscription-options{grid-template-columns:1fr}.file-upload-area{padding:1.5rem}}.legal-consent-row{color:#475569;align-items:flex-start;gap:.6rem;margin:.75rem 0 .5rem;font-size:.84rem;display:flex}.legal-consent-row input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.legal-consent-row label{cursor:pointer;line-height:1.5}.legal-consent-row a{color:#6366f1;text-decoration:underline}.legal-consent-row a:hover{color:#4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.captainbiz-app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;outline:none;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary{color:#495057;background:#f8f9fa;border:2px solid #e9ecef}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.btn-outline{color:#667eea;background:0 0;border:2px solid #667eea}.btn-outline:hover{color:#fff;background:#667eea}.btn-large{padding:16px 32px;font-size:18px}.header{z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 2px 20px #0000001a}.header-content{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.logo{align-items:center;gap:.5rem;display:flex}.logo-image{object-fit:contain;width:2.25rem;height:2.25rem}.logo h1{color:#667eea;margin-bottom:0;font-size:28px;font-weight:700}.logo .tagline{color:#6c757d;font-size:12px;display:block}.nav ul{gap:30px;list-style:none;display:flex}.nav a{color:#495057;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:#667eea}.header-buttons{gap:12px;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;padding:5px;display:none}.menu-toggle span{background:#333;width:25px;height:3px;margin:3px 0;transition:all .3s}.hero{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:600px;padding:80px 0}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-text h2{color:#2c3e50;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.hero-text p{color:#5a6c7d;margin-bottom:30px;font-size:20px}.hero-buttons{gap:20px;margin-bottom:20px;display:flex}.trial-note{color:#6c757d;margin-top:10px;font-size:14px}.hero-visual{justify-content:center;display:flex}.software-preview{perspective:1000px}.screen{background:#fff;border-radius:15px;max-width:400px;transition:transform .3s;overflow:hidden;transform:rotateY(-15deg)rotateX(10deg);box-shadow:0 20px 60px #0003}.screen:hover{transform:rotateY(-10deg)rotateX(5deg)}.screen-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px}.screen-buttons{gap:8px;display:flex}.btn-circle{border-radius:50%;width:12px;height:12px}.btn-circle.red{background:#ff5f56}.btn-circle.yellow{background:#ffbd2e}.btn-circle.green{background:#27ca3f}.screen-content{padding:30px}.invoice-form h3{color:#2c3e50;margin-bottom:20px;font-size:24px}.form-row{gap:15px;margin-bottom:15px;display:flex}.form-row input{border:2px solid #e9ecef;border-radius:8px;outline:none;flex:1;padding:12px;font-size:14px}.form-row input:focus{border-color:#667eea}.items-table{border:1px solid #e9ecef;border-radius:8px;margin:20px 0;overflow:hidden}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr;padding:12px;font-size:14px;display:grid}.table-header{color:#495057;background:#f8f9fa;font-weight:600}.table-row{border-top:1px solid #e9ecef}.total-section{border-top:2px solid #e9ecef;margin-top:20px;padding-top:15px}.total-row{justify-content:flex-end;padding:5px 0;font-size:14px;display:flex}.total-final{color:#2c3e50;font-size:16px;font-weight:700}.features{background:#fff;padding:80px 0}.section-title{text-align:center;color:#2c3e50;margin-bottom:60px;font-size:42px;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.feature-card{text-align:center;opacity:0;background:#fff;border-radius:15px;padding:40px 30px;transition:all .3s;transform:translateY(30px);box-shadow:0 10px 30px #0000001a}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.feature-icon{margin-bottom:20px;font-size:48px}.feature-card h3{color:#2c3e50;margin-bottom:15px;font-size:24px}.feature-card p{color:#5a6c7d;line-height:1.6}.benefits{background:#f8f9fa;padding:80px 0}.benefits-content{flex-direction:column;gap:60px;display:flex}.benefit-item{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:40px;transition:all .6s;display:grid;transform:translateY(30px)}.benefit-item.visible{opacity:1;transform:translateY(0)}.benefit-reverse{direction:rtl}.benefit-reverse *{direction:ltr}.benefit-visual{justify-content:center;align-items:center;display:flex}.benefit-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;font-size:60px;display:flex;box-shadow:0 15px 40px #667eea4d}.benefit-text h3{color:#2c3e50;margin-bottom:20px;font-size:32px}.benefit-text ul{list-style:none}.benefit-text li{color:#5a6c7d;padding:8px 0 8px 25px;font-size:18px;position:relative}.benefit-text li:before{content:"✓";color:#27ca3f;font-weight:700;position:absolute;left:0}.testimonial{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 0}.testimonial-content{grid-template-columns:2fr 1fr;align-items:center;gap:60px;display:grid}.testimonial-text blockquote{margin-bottom:20px;font-size:36px;font-style:italic;line-height:1.4}.testimonial-text cite{opacity:.9;font-size:18px}.testimonial-stats{flex-direction:column;gap:30px;display:flex}.stat{text-align:center}.stat-number{margin-bottom:5px;font-size:48px;font-weight:700}.stat-label{opacity:.9;font-size:16px}.cta-section{text-align:center;background:#fff;padding:80px 0}.cta-content h2{color:#2c3e50;margin-bottom:20px;font-size:42px}.cta-content p{color:#5a6c7d;margin-bottom:40px;font-size:20px}.cta-buttons{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.cta-note{color:#6c757d;font-size:14px}.footer{color:#fff;background:#2c3e50;padding:60px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-section h3,.footer-section h4{color:#ecf0f1;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#ecf0f1}.footer-bottom{text-align:center;color:#bdc3c7;border-top:1px solid #34495e;padding-top:20px}@media (width<=768px){.menu-toggle{display:flex}.nav{background:#fff;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 10px #0000001a}.nav.nav-open{display:block}.nav ul{flex-direction:column;gap:15px;padding:20px}.header-buttons{display:none}.hero-content{grid-template-columns:1fr;gap:40px}.hero-text h2{font-size:36px}.hero-buttons{flex-direction:column;gap:15px}.features-grid{grid-template-columns:1fr}.benefit-item{text-align:center;grid-template-columns:1fr}.benefit-reverse{direction:ltr}.testimonial-content{text-align:center;grid-template-columns:1fr}.testimonial-stats{flex-direction:row;justify-content:space-around}.cta-buttons{flex-direction:column;align-items:center}.section-title{font-size:32px}.benefit-text h3,.testimonial-text blockquote{font-size:24px}}@media (width<=480px){.hero-text h2{font-size:28px}.section-title{font-size:24px}.cta-content h2{font-size:28px}.benefit-icon{width:150px;height:150px;font-size:40px}.feature-card{padding:30px 20px}.testimonial-stats{flex-direction:column;gap:20px}}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:nth-child(7){animation-delay:.7s}.feature-card:nth-child(8){animation-delay:.8s}.feature-card:nth-child(9){animation-delay:.9s}.feature-card:nth-child(10){animation-delay:1s}.gstin-input-wrapper{flex-direction:column;gap:.25rem;width:100%;display:flex}.gstin-input{text-transform:uppercase}.gstin-input-hint{font-size:.75rem}.gstin-input-hint--loading{color:#2563eb}.gstin-input-hint--muted{color:#6b7280;font-style:italic}.empty-state-v2{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;display:flex}.empty-state-v2__icon{color:#3b82f6;width:min(160px,60vw);margin-bottom:1.25rem}.empty-state-v2__icon svg{width:100%;height:auto}.empty-state-v2__title{color:#1e293b;text-align:center;max-width:28ch;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state-v2__text{color:#64748b;text-align:center;max-width:28ch;margin:0 0 1.5rem;font-size:.875rem}.empty-state-v2__cta{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:240px;min-height:44px;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.empty-state-v2__cta:hover{background:#2563eb}@media (prefers-reduced-motion:reduce){.empty-state-v2__cta{transition:none}}.ca-form-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ca-form-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.ca-form-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.ca-form-header h2{color:#1e293b;margin:0;font-size:18px;font-weight:600}.ca-form-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.ca-form-close:hover{color:#475569;background:#f1f5f9}.ca-form-tabs{border-bottom:1px solid #e2e8f0;gap:4px;padding:16px 24px 0;display:flex}.ca-form-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500}.ca-form-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.ca-form-tab:hover:not(.active){color:#334155;background:#f8fafc}.ca-form-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.ca-form-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin:12px 24px 0;padding:10px 14px;font-size:13px}.ca-form-fields{grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px;display:grid}.ca-field{flex-direction:column;gap:6px;display:flex}.ca-field-full{grid-column:1/-1}.ca-field label{color:#475569;font-size:13px;font-weight:500}.ca-field .required{color:#ef4444}.ca-field input,.ca-field select,.ca-field textarea{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.ca-field input:focus,.ca-field select:focus,.ca-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.ca-field textarea{resize:vertical;min-height:80px}.ca-field-error{color:#dc2626;font-size:12px}.ca-form-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.ca-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500}.ca-btn-primary:hover:not(:disabled){background:#4338ca}.ca-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ca-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:14px}.ca-btn-secondary:hover:not(:disabled){background:#f8fafc}.plm-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.plm-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 40px #00000026}.plm-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.plm-header-left{align-items:center;gap:8px;display:flex}.plm-icon{color:#4f46e5}.plm-header h2{color:#1e293b;margin:0;font-size:15px;font-weight:600}.plm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.plm-close:hover{color:#475569;background:#f1f5f9}.plm-body{flex-direction:column;gap:20px;padding:20px;display:flex}.plm-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}.plm-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:12px;font-weight:600}.plm-empty{color:#94a3b8;margin:0;font-size:13px}.plm-chips{flex-wrap:wrap;gap:8px;display:flex}.plm-chip{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.plm-chip-remove{cursor:pointer;color:#6366f1;background:0 0;border:none;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.plm-chip-remove:hover{color:#dc2626}.plm-chip-remove:disabled{opacity:.5;cursor:not-allowed}.plm-lock-row{align-items:center;gap:10px;display:flex}.plm-month-input{color:#334155;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px}.plm-month-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.plm-lock-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.plm-lock-btn:hover:not(:disabled){background:#4338ca}.plm-lock-btn:disabled{opacity:.6;cursor:not-allowed}
/*$vite$:1*/