*,:after,:before{margin:0;padding:0;box-sizing:border-box}#__next,body,html{width:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1a202c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;border:none;outline:none}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-layout>header{flex-shrink:0;z-index:1000}.app-layout>main{flex:1 0 auto;display:flex;flex-direction:column}.app-layout>footer{flex-shrink:0}.content-section h2{margin-bottom:1.5rem;color:#333;font-size:1.25rem}.loading{display:flex;align-items:center;justify-content:center}.loading:after{content:"";width:2rem;height:2rem;border:3px solid #f3f3f3;border-top-color:#25d366;border-radius:50%;animation:spin 1s linear infinite}.error-message{background-color:#f8d7da;color:#721c24;border-radius:.25rem;border:1px solid #f5c6cb}.error-message,.success-message{padding:.75rem 1.25rem;margin-bottom:1rem}.success-message{background-color:#d4edda;color:#155724;border-radius:.25rem;border:1px solid #c3e6cb}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem}.app-nav{width:100%;gap:1rem;flex-wrap:wrap;justify-content:center}.app-main,.content-section{padding:1rem}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.app-loading .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}.cms-container{padding:0}.cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cms-header h2{margin:0;font-size:1.5rem;color:#1a202c}.cms-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.cms-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cms-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.cms-btn-secondary{background:#e2e8f0;color:#4a5568}.cms-btn-secondary:hover{background:#cbd5e0}.cms-btn-danger{background:#fed7d7;color:#c53030}.cms-btn-danger:hover{background:#feb2b2}.cms-btn-sm{padding:.4rem .8rem;font-size:.8rem}.cms-btn:disabled{opacity:.6;cursor:not-allowed}.pages-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.pages-table td,.pages-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.pages-table th{background:#f7fafc;font-weight:600;font-size:.8rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.pages-table td{font-size:.9rem;color:#2d3748}.pages-table tr:hover{background:#f7fafc}.slug-text{color:#667eea;font-family:monospace;font-size:.85rem}.status-badge{padding:.2rem .6rem;font-size:.75rem}.status-published{background:#c6f6d5;color:#276749}.status-draft{background:#fefcbf;color:#975a16}.nav-badges{display:flex;gap:.3rem;flex-wrap:wrap}.nav-badge{padding:.15rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;background:#ebf4ff;color:#3182ce}.action-buttons{gap:.4rem}.page-editor{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.editor-header h3{margin:0;font-size:1.2rem;color:#1a202c}.editor-actions{display:flex;gap:.5rem}.editor-body{padding:1.5rem}.editor-section{margin-bottom:1.5rem}.editor-section h4{margin:0 0 1rem;font-size:.95rem;color:#4a5568;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.form-row.full{grid-template-columns:1fr}.form-group{gap:.3rem}.form-group label{font-size:.85rem;color:#4a5568}.form-group input,.form-group select,.form-group textarea{padding:.6rem .8rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none}.form-group textarea{resize:vertical;min-height:80px}.content-editor{min-height:300px;font-family:monospace;font-size:.85rem;line-height:1.6}.cms-editor-mode-row{display:inline-flex;gap:.25rem;padding:.25rem;margin-bottom:.75rem;background:#edf2f7;border-radius:8px}.cms-editor-mode{border:none;background:#0000;color:#4a5568;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer}.cms-editor-mode.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0f172a1f}.visual-editor{min-height:360px;padding:1rem;border:1px solid #e2e8f0;border-radius:0 0 6px 6px;background:#fff;color:#1a202c;line-height:1.65;overflow:auto}.visual-editor:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.visual-editor:empty:before{content:"Start typing page content...";color:#a0aec0}.visual-editor blockquote,.visual-editor h1,.visual-editor h2,.visual-editor h3,.visual-editor ol,.visual-editor p,.visual-editor ul{margin-top:0}.visual-editor a{color:#4f46e5}.visual-editor blockquote{border-left:4px solid #667eea;padding-left:1rem;color:#4a5568}.checkbox-row{display:flex;gap:2rem;margin-bottom:1rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-group label{font-size:.9rem;color:#4a5568;cursor:pointer}.slug-preview{font-size:.8rem;color:#718096;margin-top:.2rem}.slug-preview span{color:#667eea;font-family:monospace}.cms-alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.cms-alert-success{background:#c6f6d5;color:#276749;border:1px solid #9ae6b4}.cms-alert-error{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.empty-state{text-align:center;padding:3rem;color:#a0aec0}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.editor-toolbar{display:flex;gap:.3rem;padding:.5rem;background:#f7fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;flex-wrap:wrap}.toolbar-btn{padding:.3rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;color:#4a5568;transition:all .2s}.toolbar-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.toolbar-separator{width:1px;background:#e2e8f0;margin:0 .2rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.cms-header{flex-direction:column;gap:1rem;align-items:flex-start}.checkbox-row{flex-direction:column;gap:.75rem}.pages-table{display:block;overflow-x:auto}}.admin-companies{padding:2rem;background:#fff;border-radius:12px;margin-bottom:2rem}.form-row.three{grid-template-columns:1fr 1fr 1fr}.admin-table-container{margin-top:2rem}.admin-table{background:#fff}.admin-table thead{background:#f3f4f6}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.9rem}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.btn-delete,.btn-edit{padding:.5rem .75rem;border-radius:4px;transition:all .2s ease;font-size:.9rem}.btn-edit{background:#dbeafe;color:#0284c7}.btn-edit:hover{background:#bfdbfe;transform:scale(1.05)}.btn-delete:hover{background:#fecaca;transform:scale(1.05)}.text-center{color:#9ca3af}.sub-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.sub-stat-card{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;border:2px solid #e5e7eb;transition:box-shadow .2s}.sub-stat-card:hover{box-shadow:0 4px 12px #00000014}.sub-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.sub-stat-count{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.sub-stat-label{font-size:.82rem;color:#6b7280;margin-top:.2rem}.sub-stat-trial{font-size:.78rem;color:#f59e0b;font-weight:600;margin-top:.4rem}.plan-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.plan-free{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.plan-starter{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.plan-professional{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.plan-enterprise{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.trial-pill{display:inline-block;margin-left:.4rem;padding:.15rem .45rem;border-radius:999px;font-size:.68rem;font-weight:600;background:#fef3c7;color:#b45309;border:1px solid #fde68a}@media (max-width:768px){.sub-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-dashboard{display:grid;grid-template-columns:250px 1fr;grid-gap:0;gap:0;height:100%}.admin-sidebar{background:linear-gradient(180deg,#1f2937,#111827);color:#fff;padding:2rem 1.5rem;border-right:1px solid #374151;overflow-y:auto}.admin-sidebar h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#0000;border:none;color:#d1d5db;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:500;text-align:left;font-size:.95rem}.admin-nav-link:hover{background:#ffffff1a;color:#fff}.admin-nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-icon{font-size:1.2rem}.admin-content{padding:2rem;overflow-y:auto;background:#f9fafb}.admin-panel-section{background:#fff;border-radius:12px;padding:2rem}.admin-panel-section h2{margin:0 0 2rem;font-size:1.75rem;color:#1f2937}.placeholder{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px}.placeholder h4{font-size:1.3rem}.placeholder p{font-size:.95rem}.admin-nav-link .nav-link-label{flex:1 1}.nav-chevron{font-size:.7rem;opacity:.7;margin-left:auto;transition:transform .2s}.admin-sub-nav{display:flex;flex-direction:column;gap:0;margin:.25rem 0 .25rem .75rem;border-left:2px solid #ffffff26;padding-left:.5rem;animation:sub-nav-open .15s ease}@keyframes sub-nav-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-sub-nav-link{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:#0000;border:none;color:#9ca3af;cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:400;text-align:left;transition:all .2s ease;width:100%}.admin-sub-nav-link:hover{background:#ffffff14;color:#e5e7eb}.admin-sub-nav-link.active{background:#667eea40;color:#a5b4fc;font-weight:600}.sub-nav-icon{font-size:.9rem;flex-shrink:0}@media (max-width:768px){.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid #374151;padding:1rem}.admin-sidebar h3{display:none}.admin-nav{flex-direction:row;gap:.5rem;overflow-x:auto}.admin-nav-link{white-space:nowrap;flex-shrink:0}.admin-content{padding:1rem}}.admin-settings{padding:2rem;background:#fff;border-radius:12px;margin-bottom:2rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.settings-header h2{margin:0;font-size:1.75rem;color:#1f2937}.settings-subtitle{margin:.5rem 0 0;font-size:.9rem;color:#6b7280;font-style:italic}.btn-save-all{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-save-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-save-all:disabled{opacity:.7;cursor:not-allowed}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.settings-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:2rem;gap:2rem}.settings-layout.settings-layout-flat{grid-template-columns:1fr}.settings-tabs{display:flex;flex-direction:column;gap:.5rem}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;color:#6b7280;text-align:left}.settings-tab:hover{background:#f3f4f6;color:#1f2937}.settings-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#0000}.tab-icon{font-size:1.2rem}.settings-card{background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.settings-card-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#fff}.settings-card-header h3{margin:0;font-size:1.2rem;color:#1f2937}.settings-fields{padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.setting-field{display:flex;flex-direction:column;gap:.5rem}.setting-field.full-width{grid-column:1/-1}.setting-label{font-weight:600;color:#374151;font-size:.9rem}.setting-input,.setting-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .3s ease;font-family:inherit;background:#fff}.setting-input:focus,.setting-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-textarea{resize:vertical;min-height:80px}.invoice-logo-setting{display:grid;grid-template-columns:160px 1fr;grid-gap:1rem;gap:1rem;align-items:start;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.invoice-logo-preview{width:160px;height:90px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:6px;color:#6b7280;font-size:.85rem;background:#f9fafb;overflow:hidden}.invoice-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.invoice-logo-preview.favicon-preview{width:90px;height:90px}.invoice-logo-actions{display:grid;grid-gap:.75rem;gap:.75rem}.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.toggle-switch{width:48px;height:26px;flex-shrink:0}.toggle-slider{background-color:#cbd5e1;border-radius:26px}.toggle-slider:before{height:20px;width:20px;background-color:#fff}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.settings-card-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#fff;display:flex;justify-content:flex-end}.btn-save{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.settings-header{flex-direction:column;gap:1rem;align-items:flex-start}.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow-x:auto}.settings-tab{white-space:nowrap}.invoice-logo-setting,.settings-fields{grid-template-columns:1fr}.invoice-logo-preview{width:100%}}.landing-items-editor{grid-column:1/-1}.landing-items-hint{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.landing-item-row{display:flex;gap:12px;align-items:flex-start;padding:14px;margin-bottom:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.landing-item-num{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;margin-top:4px}.landing-item-fields{flex:1 1;display:flex;flex-direction:column;gap:8px}.landing-item-top{display:flex;gap:8px;align-items:center}.landing-icon-select{width:52px;padding:6px;border:1px solid #d1d5db;border-radius:6px;font-size:1.2rem;text-align:center;cursor:pointer}.landing-check-icon{width:28px;height:28px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.landing-item-title{flex:1 1;font-size:.95rem;font-weight:500}.landing-item-desc,.landing-item-title{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px}.landing-item-desc{width:100%;font-size:.9rem;resize:vertical;font-family:inherit}.landing-item-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.landing-move-btn,.landing-remove-btn{width:28px;height:28px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.landing-move-btn:hover{background:#f3f4f6}.landing-remove-btn{color:#ef4444;border-color:#fca5a5}.landing-remove-btn:hover{background:#fef2f2}.landing-add-btn{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:#0000;color:#6366f1;font-weight:600;cursor:pointer;margin-top:8px;font-size:.95rem}.landing-add-btn:hover{border-color:#6366f1;background:#f5f3ff}.asp-wrap{padding:2rem}.asp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.asp-title{margin:0;font-size:1.6rem;font-weight:700;color:#1f2937}.asp-sub{margin:.4rem 0 0;font-size:.9rem;color:#6b7280}.asp-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.asp-btn-save{padding:.65rem 1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .15s}.asp-btn-save:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.asp-btn-save:disabled{opacity:.55;cursor:not-allowed}.asp-btn-reset{padding:.65rem 1.2rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.asp-btn-reset:hover{background:#e5e7eb}.asp-alert{padding:.85rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;font-size:.9rem}.asp-alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.asp-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.asp-trial-settings{background:#fff;border:1.5px solid #e0e7ef;border-radius:10px;padding:1rem 1.5rem;margin-bottom:1.5rem}.asp-trial-inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.asp-trial-icon{font-size:1.5rem;flex-shrink:0}.asp-trial-label{font-weight:600;color:#1e293b;font-size:.95rem}.asp-trial-hint{font-size:.8rem;color:#64748b;margin:0}.asp-trial-input-wrap{display:flex;align-items:center;gap:.5rem;margin-left:auto}.asp-trial-input{width:80px!important;text-align:center;font-size:1.1rem;font-weight:700}.asp-trial-days-label{font-size:.9rem;color:#64748b;font-weight:500}.asp-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:2.5rem}@media (max-width:1100px){.asp-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.asp-plans-grid{grid-template-columns:1fr}}.asp-plan-card{background:var(--plan-bg);border:2px solid var(--plan-border);border-radius:14px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.asp-plan-header{display:flex;align-items:center;justify-content:center}.asp-plan-badge{display:inline-block;padding:.3rem 1rem;border-radius:999px;background:var(--plan-color);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.asp-field-group{display:flex;flex-direction:column;gap:.3rem}.asp-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.asp-label{font-size:.78rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.asp-label-hint{font-weight:400;text-transform:none;color:#6b7280}.asp-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff;color:#1f2937;transition:border-color .2s;width:100%;box-sizing:border-box}.asp-input:focus{outline:none;border-color:var(--plan-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--plan-color) 15%,#0000)}.asp-input-num{width:80px}.asp-maxusers-row{display:flex;align-items:center;gap:.75rem}.asp-unlimited-badge{font-size:.82rem;font-weight:700;color:#059669;background:#d1fae5;padding:.2rem .6rem;border-radius:999px}.asp-limit-badge{font-size:.82rem;font-weight:600;color:#374151;background:#fff;border:1px solid #d1d5db;padding:.2rem .6rem;border-radius:999px}.asp-features-section{border-top:1px solid var(--plan-border);padding-top:.75rem}.asp-features-title{margin:0 0 .6rem;font-size:.78rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.asp-features-list{display:flex;flex-direction:column;gap:.45rem}.asp-feature-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.asp-feature-icon{font-size:1rem;min-width:1.2rem}.asp-feature-label{flex:1 1;color:#374151}.asp-feature-locked .asp-feature-label{color:#6b7280}.asp-feature-always{font-size:.72rem;font-weight:600;color:#059669;background:#d1fae5;padding:.15rem .5rem;border-radius:999px}.asp-toggle{padding:.2rem .6rem;border:none;border-radius:999px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.asp-toggle-on{background:var(--plan-color);color:#fff}.asp-toggle-off{background:#e5e7eb;color:#9ca3af}.asp-toggle-off:hover{background:#d1d5db}.asp-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.asp-summary-title{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:#1f2937}.asp-summary-table-wrap{overflow-x:auto}.asp-summary-table{width:100%;border-collapse:collapse;font-size:.88rem}.asp-summary-table th{padding:.75rem 1rem;text-align:center;font-weight:700;background:#f9fafb;border-bottom:2px solid #e5e7eb}.asp-summary-table th:first-child{text-align:left}.asp-summary-table td{padding:.6rem 1rem;text-align:center;border-bottom:1px solid #f3f4f6;color:#374151}.asp-summary-table td:first-child{text-align:left}.asp-cell-yes{color:#059669;font-weight:700;font-size:1rem}.asp-cell-no{color:#d1d5db;font-size:1rem}.asp-row-price td,.asp-row-users td{font-weight:600;background:#f9fafb}.admin-users{padding:2rem;background:#fff;border-radius:12px;margin-bottom:2rem}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.admin-header,.admin-header .header-content{display:flex;justify-content:space-between;align-items:center}.admin-header .header-content{width:100%;gap:2rem}.admin-header h2{margin:0;font-size:1.75rem;color:#1f2937}.admin-header .header-subtitle{margin:.5rem 0 0;font-size:.9rem;color:#6b7280;font-style:italic}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 8px 16px #667eea4d}.admin-form-container{background:#f9fafb;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb}.admin-form-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #e5e7eb}.admin-form-card h3{margin:0 0 1.5rem;font-size:1.3rem;color:#1f2937}.form-group label span{font-weight:400;color:#9ca3af;font-size:.8rem}.form-input,select.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-input:focus,select.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d}.btn-submit:disabled{opacity:.7}.admin-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.admin-table thead th{padding:1rem;text-align:left;font-weight:600;color:#374151}.admin-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.admin-table tbody tr:hover{background:#f9fafb}.admin-table tbody td{padding:1rem;color:#1f2937}.user-name{gap:.75rem;font-weight:500}.user-avatar,.user-name{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:center;font-weight:600;font-size:.9rem}.role-badge,.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600}.status-badge{background:#10b981}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-edit{background:#e0e7ff;color:#667eea}.btn-edit:hover{background:#667eea;color:#fff}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.btn-status{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:#fef3c7;color:#d97706}.btn-status:hover{background:#fcd34d;color:#b45309}.text-center{text-align:center;color:#6b7280;padding:2rem!important}.user-limit-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.82rem;font-weight:600;border:1px solid #d1d5db;white-space:nowrap}.btn-primary:disabled{opacity:.5;transform:none!important;box-shadow:none!important}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-row{grid-template-columns:1fr}.admin-table{font-size:.85rem}.admin-table tbody td,.admin-table thead th{padding:.75rem}.user-name{align-items:flex-start}.action-buttons,.user-name{flex-direction:column}}.login-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;max-width:1000px;width:100%;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-card{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.login-header{margin-bottom:2rem;text-align:center}.login-logo{margin:0 0 .5rem;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.login-tagline{margin:0;color:#6b7280;font-size:1rem}.back-home-link{background:none;border:none;color:#667eea;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .3s ease}.back-home-link:hover{color:#764ba2;text-decoration:underline}.alert{border-radius:8px;display:flex;gap:.75rem;align-items:flex-start;font-size:.95rem}.alert-error{color:#991b1b}.alert-icon{font-weight:700;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-input{padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.forgot-link{background:#0000;border:0;padding:0;cursor:pointer;color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-link:hover{color:#764ba2}.login-button{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-divider{text-align:center;margin:1.5rem 0;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.login-divider span{background:#fff;padding:0 1rem;position:relative;color:#9ca3af;font-size:.9rem}.login-footer{text-align:center;color:#6b7280;margin:0;font-size:.95rem}.register-link{color:#667eea;background:none;border:none;cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#764ba2;text-decoration:underline}.login-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2.5rem;display:flex;align-items:center;justify-content:center}.sidebar-content h2{margin:0 0 1rem;font-size:1.75rem;font-weight:700}.sidebar-content p{margin:0 0 2rem;opacity:.95;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0 0 2rem}.feature-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #fff3}.feature-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.feature-icon{font-size:1.5rem}@media (max-width:768px){.login-container{grid-template-columns:1fr;border-radius:8px}.login-card{padding:2rem}.login-sidebar{display:none}.login-logo{font-size:1.5rem}.login-page{background:#f8fafc}.login-container{box-shadow:0 10px 30px #0000001a}}.automation{padding:0}.auto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.auto-header h2{margin:0;font-size:1.5rem;color:#1f2937}.auto-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.auto-tab{padding:.75rem 1.5rem;background:none;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;transition:all .2s}.auto-tab:hover{color:#374151}.auto-tab.active{color:#667eea;border-bottom-color:#667eea}.auto-empty,.auto-loading{text-align:center;padding:3rem;color:#6b7280}.auto-empty-icon{font-size:3rem;margin-bottom:1rem}.auto-empty h4{margin:.5rem 0;color:#374151}.auto-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1rem;gap:1rem}.auto-rule-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb;transition:box-shadow .2s}.auto-rule-card:hover{box-shadow:0 4px 12px #00000014}.auto-rule-card.inactive{opacity:.6}.rule-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rule-name{font-weight:600;font-size:1rem;color:#1f2937}.rule-desc{font-size:.8rem;color:#6b7280;margin:0 0 .75rem}.rule-flow{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.rule-action,.rule-trigger{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#374151}.rule-arrow,.rule-icon{font-size:1.1rem}.rule-arrow{color:#9ca3af;font-weight:700}.rule-card-actions{display:flex;gap:.25rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#d1d5db;border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.auto-flow-builder{display:flex;align-items:stretch;gap:1rem;margin:1rem 0}.flow-section{flex:1 1;background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.flow-section h4{margin:0 0 .75rem;font-size:.9rem;color:#374151}.flow-section select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.flow-connector{display:flex;align-items:center;font-size:1.5rem;color:#9ca3af;font-weight:700}.config-field{margin-top:.75rem}.config-field label{display:block;font-size:.8rem;font-weight:600;color:#4b5563;margin-bottom:.25rem}.config-field input,.config-field select,.config-field textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-family:inherit;box-sizing:border-box}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:#667eea;outline:none}.config-field small{display:block;margin-top:.25rem;color:#9ca3af;font-size:.75rem}.auto-active-toggle{margin-top:.5rem}.auto-active-toggle label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;cursor:pointer}.auto-modal{max-width:700px}.logs-table-wrap{overflow-x:auto;border-radius:12px;box-shadow:0 1px 3px #0000001a}.logs-table{width:100%;border-collapse:collapse;background:#fff;font-size:.85rem}.logs-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb}.logs-table td{padding:.75rem;border-bottom:1px solid #f3f4f6}.logs-table code{font-size:.75rem;background:#f3f4f6;padding:2px 4px;border-radius:4px}.log-date{font-size:.8rem;color:#6b7280;white-space:nowrap}.log-status{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.log-status.success{background:#d1fae5;color:#065f46}.log-status.failed{background:#fee2e2;color:#b91c1c}@media (max-width:768px){.auto-flow-builder{flex-direction:column}.flow-connector{justify-content:center;transform:rotate(90deg)}.auto-rules-grid{grid-template-columns:1fr}}.campaigns{display:flex;flex-direction:column;gap:1rem}.campaigns-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.campaigns-toolbar h2{margin:0 0 .35rem;color:#111827;font-size:1.4rem}.campaigns-toolbar p{margin:0;color:#64748b;font-size:.95rem}.campaigns-count{min-width:96px;padding:.75rem;border:1px solid #dbe3ea;border-radius:8px;background:#fff;text-align:center}.campaigns-count strong{display:block;color:#0f766e;font-size:1.4rem}.campaigns-count span{color:#64748b;font-size:.8rem}.campaigns-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);grid-gap:1rem;gap:1rem}.campaigns-panel{min-width:0;background:#fff;border:1px solid #dbe3ea;border-radius:8px;overflow:hidden}.campaigns-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #e5e7eb}.campaigns-panel-head h3{margin:0;color:#111827;font-size:1rem}.campaigns-actions{display:flex;gap:.5rem}.campaigns-actions button,.campaigns-template-list button{border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#334155;cursor:pointer;font-weight:600}.campaigns-actions button{padding:.45rem .65rem;font-size:.8rem}.campaigns-search{width:calc(100% - 2rem);margin:1rem;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem}.campaigns-leads{display:flex;flex-direction:column;max-height:560px;overflow-y:auto;border-top:1px solid #eef2f7}.campaigns-lead{display:grid;grid-template-columns:18px 38px minmax(0,1fr);align-items:center;grid-gap:.7rem;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid #eef2f7;cursor:pointer}.campaigns-lead:hover{background:#f8fafc}.campaigns-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e0f2fe;color:#075985;font-weight:800}.campaigns-lead-text{min-width:0}.campaigns-lead-text small,.campaigns-lead-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaigns-lead-text strong{color:#111827}.campaigns-lead-text small{color:#64748b}.campaigns-empty{padding:2rem;color:#64748b;text-align:center}.campaigns-form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.campaigns-library{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.campaigns-library-head{display:flex;flex-direction:column;gap:.15rem}.campaigns-library-head strong{color:#111827;font-size:.92rem}.campaigns-library-head span{color:#64748b;font-size:.82rem}.campaigns-template-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.campaigns-saved-item>button:first-child,.campaigns-template-cards button{min-width:0;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;text-align:left}.campaigns-saved-item span,.campaigns-saved-item strong,.campaigns-template-cards span,.campaigns-template-cards strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaigns-saved-item strong,.campaigns-template-cards strong{color:#111827;font-size:.9rem}.campaigns-saved-item span,.campaigns-template-cards span{margin-top:.2rem;color:#64748b;font-size:.78rem}.campaigns-saved-list{display:flex;flex-direction:column;gap:.55rem}.campaigns-saved-item{display:grid;grid-template-columns:minmax(0,1fr) 74px;grid-gap:.5rem;gap:.5rem}.campaigns-delete{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;cursor:pointer;font-weight:700}.campaigns-type-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.campaigns-type{padding:.9rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;text-align:left;cursor:pointer}.campaigns-type.active{border-color:#0f766e;background:#ecfdf5}.campaigns-type span,.campaigns-type strong{display:block}.campaigns-type span{margin-top:.2rem;color:#64748b;font-size:.82rem}.campaigns-field{display:flex;flex-direction:column;gap:.4rem}.campaigns-field span{color:#334155;font-weight:700;font-size:.88rem}.campaigns-field input,.campaigns-field textarea{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font:inherit;resize:vertical}.campaigns-template-list{display:flex;flex-wrap:wrap;gap:.5rem}.campaigns-template-list button{padding:.45rem .6rem;font-size:.8rem}.campaigns-alert{padding:.75rem;border-radius:8px;font-weight:700}.campaigns-alert.success{background:#ecfdf5;color:#047857}.campaigns-alert.warning{background:#fff7ed;color:#c2410c}.campaigns-alert.error{background:#fef2f2;color:#b91c1c}.campaigns-submit-row{display:grid;grid-template-columns:.7fr 1fr;grid-gap:.75rem;gap:.75rem}.campaigns-save,.campaigns-send{padding:.85rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:800}.campaigns-save{background:#e0f2fe;color:#075985}.campaigns-send{background:#0f766e;color:#fff}.campaigns-send:disabled{cursor:not-allowed;opacity:.65}@media (max-width:900px){.campaigns-grid,.campaigns-toolbar{grid-template-columns:1fr}.campaigns-toolbar{flex-direction:column}}@media (max-width:560px){.campaigns-submit-row,.campaigns-template-cards,.campaigns-type-group{grid-template-columns:1fr}.campaigns-panel-head{align-items:flex-start;flex-direction:column}}.upgrade-prompt{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.upgrade-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb}.upgrade-lock{font-size:3rem;margin-bottom:1rem;animation:lock-pulse 2s ease-in-out infinite}@keyframes lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.upgrade-title{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.4}.upgrade-sub{font-size:.95rem;color:#6b7280;margin:0 0 1.75rem}.upgrade-plan-box{border:2px solid;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.75rem;text-align:left}.upgrade-plan-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.upgrade-plan-icon{font-size:1.2rem}.upgrade-plan-name{font-weight:700;font-size:1.05rem;flex:1 1}.upgrade-plan-price{font-size:.82rem;font-weight:600;opacity:.8}.upgrade-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.upgrade-perks li{font-size:.9rem;color:#374151;display:flex;align-items:center;gap:.5rem}.perk-check{font-weight:700;font-size:.95rem}.upgrade-btn{display:inline-block;width:100%;padding:.875rem 1.5rem;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.upgrade-btn:hover{opacity:.88;transform:translateY(-1px)}.contact-page{min-height:100%;background:#f6f8fb;color:#111827}.contact-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.contact-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);grid-gap:32px;gap:32px;align-items:start}.contact-intro{padding:8px 0}.contact-kicker{margin:0 0 10px;color:#2563eb;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.contact-title{margin:0;font-size:2.4rem;line-height:1.12;letter-spacing:0;color:#0f172a}.contact-copy{margin:18px 0 0;color:#4b5563;font-size:1rem;line-height:1.75;max-width:620px}.contact-methods{display:grid;grid-gap:12px;gap:12px;margin-top:28px}.contact-method{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #e5e7eb}.contact-method-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e0f2fe;color:#0369a1;font-weight:800;font-size:.9rem}.contact-method-label{margin:0;color:#6b7280;font-size:.82rem;font-weight:700}.contact-method-value{margin:3px 0 0;color:#111827;font-size:.98rem;font-weight:700;overflow-wrap:anywhere}.contact-method-value a{color:inherit;text-decoration:none}.contact-method-value a:hover{color:#2563eb}.contact-form-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 18px 45px #0f172a14;padding:28px}.contact-form-title{margin:0 0 18px;color:#0f172a;font-size:1.25rem;letter-spacing:0}.contact-form{display:grid;grid-gap:16px;gap:16px}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.contact-field{display:grid;grid-gap:7px;gap:7px}.contact-field-full{grid-column:1/-1}.contact-field label{color:#374151;font-size:.86rem;font-weight:800}.contact-field input,.contact-field textarea{width:100%;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827;font-size:.95rem;padding:.78rem .85rem;transition:border-color .18s ease,box-shadow .18s ease}.contact-field textarea{min-height:148px;resize:vertical;line-height:1.55}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.contact-alert{border-radius:7px;padding:.8rem .95rem;font-size:.92rem;line-height:1.45}.contact-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.contact-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.contact-submit{justify-self:start;min-width:160px;border:none;border-radius:7px;background:#2563eb;color:#fff;font-size:.95rem;font-weight:800;padding:.82rem 1.25rem;transition:background .18s ease,transform .18s ease}.contact-submit:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.contact-submit:disabled{cursor:not-allowed;opacity:.72}@media (max-width:860px){.contact-form-grid,.contact-hero{grid-template-columns:1fr}.contact-shell{width:min(100% - 24px,680px);padding:32px 0 48px}.contact-title{font-size:2rem}.contact-form-panel{padding:22px}}.ca-wrapper{display:flex;flex-direction:column;background:#f0f2f5;overflow:auto;padding:1rem 1.5rem;gap:1rem}.ca-loading{justify-content:center;flex:1 1;color:#6c757d}.ca-loading,.ca-toolbar{display:flex;align-items:center}.ca-toolbar{gap:.75rem;background:#fff;padding:.75rem 1rem;border-radius:8px;border:1px solid #e8ecf0;flex-wrap:wrap}.ca-toolbar-label{font-size:.8rem;color:#6c757d;font-weight:600}.ca-date-input{border:1px solid #d1d5db;border-radius:6px;padding:.35rem .6rem;font-size:.85rem}.ca-apply-btn{background:#4f46e5;color:#fff;border:none;border-radius:6px;font-weight:600}.ca-apply-btn,.ca-clear-btn{padding:.35rem .8rem;font-size:.85rem;cursor:pointer}.ca-clear-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px}.ca-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem}.ca-metric-card{background:#fff;border-radius:10px;padding:1rem;border:1px solid #e8ecf0;text-align:center}.ca-metric-card.primary{border-top:3px solid #4f46e5}.ca-metric-card.won{border-top:3px solid #27ae60}.ca-metric-card.rate{border-top:3px solid #f39c12}.ca-metric-card.revenue{border-top:3px solid #3498db}.ca-metric-card.avg{border-top:3px solid #9b59b6}.ca-metric-card.pipeline{border-top:3px solid #1abc9c}.ca-metric-val{font-size:1.5rem;font-weight:700;color:#1a202c}.ca-metric-label{font-size:.7rem;color:#6c757d;text-transform:uppercase;margin-top:4px}.ca-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.ca-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid #e8ecf0}.ca-card h4{margin:0 0 1rem;font-size:.9rem;color:#374151;font-weight:700}.ca-card-wide{grid-column:span 2}.ca-bar-item{margin-bottom:.75rem}.ca-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:#374151;margin-bottom:4px}.ca-bar-track{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.ca-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.ca-bar-value{font-size:.75rem;color:#27ae60;font-weight:600;margin-top:2px}.ca-agent-table{width:100%;border-collapse:collapse;font-size:.85rem}.ca-agent-table th{text-align:left;padding:.5rem .75rem;background:#f8f9fa;color:#6c757d;font-size:.75rem;text-transform:uppercase}.ca-agent-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151}.ca-agent-rev{font-weight:700;color:#27ae60}.ca-health-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6;font-size:.875rem}.ca-health-item:last-child{border-bottom:none}.ca-health-val{font-weight:700;font-size:1.1rem}.ca-health-val.red{color:#e74c3c}.ca-health-val.green{color:#27ae60}.ca-health-val.blue{color:#4f46e5}.ca-empty{color:#9ca3af;font-size:.875rem;text-align:center;padding:1.5rem 0}@media (max-width:768px){.ca-grid{grid-template-columns:1fr}.ca-card-wide{grid-column:span 1}}.crm-dashboard{display:flex;flex-direction:column;height:100%;background:#f0f2f5}.crm-stats-bar{display:flex;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e8ecf0;flex-wrap:wrap}.crm-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.2rem;border-radius:8px;background:#f8f9fa;min-width:90px}.crm-stat.won{background:#d4edda}.crm-stat.pipeline{background:#d1ecf1}.crm-stat.alert{background:#f8d7da}.crm-stat.score{background:#fff3cd}.crm-stat-num{font-size:1.6rem;font-weight:700;color:#1a202c;line-height:1}.crm-stat-label{font-size:.7rem;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.crm-nav{display:flex;gap:0;background:#fff;border-bottom:2px solid #e8ecf0;padding:0 1.5rem;overflow-x:auto}.crm-nav-btn{position:relative;padding:.8rem 1.2rem;background:#0000;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;white-space:nowrap;transition:all .15s}.crm-nav-btn:hover{color:#4f46e5;background:#f5f3ff}.crm-nav-btn.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.crm-badge{position:absolute;top:6px;right:4px;background:#e74c3c;color:#fff;border-radius:10px;padding:1px 5px;font-size:.65rem;font-weight:700;min-width:16px;text-align:center}.crm-content{flex:1 1}.crm-content,.db-wrapper{overflow:hidden;display:flex;flex-direction:column}.db-wrapper{height:100%;background:#f0f2f5}.db-loading{display:flex;align-items:center;justify-content:center;flex:1 1;color:#6c757d}.db-summary{display:flex;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e8ecf0;flex-wrap:wrap}.db-stat{display:flex;flex-direction:column;align-items:center;padding:.4rem 1rem;border-radius:8px;background:#f8f9fa;min-width:110px}.db-stat.won{background:#d4edda}.db-stat.pipeline{background:#d1ecf1}.db-stat.weighted{background:#fff3cd}.db-stat-num{font-size:1.2rem;font-weight:700;color:#1a202c}.db-stat-label{font-size:.7rem;color:#6c757d;text-transform:uppercase}.db-toolbar{padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e8ecf0}.db-stage-filters{display:flex;gap:.5rem;flex-wrap:wrap}.db-filter-btn{padding:.35rem .7rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.8rem;cursor:pointer;color:#374151;transition:all .15s}.db-filter-btn:hover{border-color:#4f46e5;color:#4f46e5}.db-filter-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.db-content{flex:1 1;overflow:auto;padding:1rem 1.5rem}.db-empty{text-align:center;color:#9ca3af;padding:3rem 0}.db-table{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e8ecf0}.db-table-header{padding:.7rem 1rem;background:#f8f9fa;border-bottom:2px solid #e8ecf0;font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.04em}.db-table-header,.db-table-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.5fr 1.2fr 1.2fr;grid-gap:.5rem;gap:.5rem}.db-table-row{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.db-table-row:last-child{border-bottom:none}.db-table-row:hover{background:#fafafa}.db-deal-title{font-weight:600;font-size:.875rem;color:#1a202c}.db-lead-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0}.db-deal-value{font-weight:600;color:#27ae60;font-size:.875rem}.db-stage-select{border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:600;cursor:pointer}.db-prob-bar-wrap{display:flex;align-items:center;gap:6px}.db-prob-bar{height:6px;border-radius:3px;transition:width .3s}.db-prob-bar-wrap span{font-size:.75rem;color:#6c757d}.db-close-date{font-size:.8rem;color:#6c757d}.fud-wrapper{display:flex;flex-direction:column;height:100%;background:#f0f2f5}.fud-loading{justify-content:center;flex:1 1;color:#6c757d}.fud-header,.fud-loading{display:flex;align-items:center}.fud-header{justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e8ecf0}.fud-header h3{margin:0;font-size:1.1rem;color:#1a202c}.fud-refresh{background:none;border:1px solid #d1d5db;border-radius:6px;padding:.35rem .75rem;cursor:pointer;color:#4f46e5;font-size:.875rem}.fud-tabs{display:flex;background:#fff;border-bottom:2px solid #e8ecf0;padding:0 1.5rem}.fud-tab{position:relative;padding:.7rem 1rem;background:#0000;font-size:.875rem;cursor:pointer;color:#6c757d;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.fud-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.fud-badge{background:#e74c3c;color:#fff;border-radius:10px;padding:1px 5px;font-size:.65rem;font-weight:700;margin-left:4px}.fud-badge-blue{background:#4f46e5}.fud-content{padding:1rem 1.5rem;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:.75rem}.fud-empty{text-align:center;color:#9ca3af;padding:3rem 0;font-size:1rem}.fud-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:.9rem 1rem;border:1px solid #e8ecf0;gap:1rem;cursor:default}.fud-card.overdue{border-left:4px solid #e74c3c}.fud-card.today{border-left:4px solid #4f46e5}.fud-card-left{flex:1 1;cursor:pointer}.fud-lead-name{font-weight:700;font-size:.95rem;color:#1a202c}.fud-lead-phone{font-size:.8rem;color:#6c757d;margin-bottom:4px}.fud-time{font-size:.8rem;font-weight:600}.fud-time.overdue{color:#e74c3c}.fud-time.today{color:#4f46e5}.fud-notes{font-size:.8rem;color:#6c757d;margin-top:4px}.fud-card-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.fud-status-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;background:#f3f4f6;color:#374151}.fud-wa-btn{background:#25d366;color:#fff;border-radius:6px;text-decoration:none}.fud-done-btn,.fud-wa-btn{padding:.3rem .7rem;font-size:.8rem;font-weight:600;white-space:nowrap}.fud-done-btn{background:#d4edda;color:#155724;border:none;border-radius:6px;cursor:pointer}.fud-done-btn:hover{background:#c3e6cb}.lead-detail{display:flex;flex-direction:column;height:100%;background:#f0f2f5;overflow:auto}.lead-detail-loading{display:flex;align-items:center;justify-content:center;flex:1 1;color:#6c757d}.ld-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e8ecf0}.ld-back{background:none;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:.875rem;color:#4f46e5;font-weight:500}.ld-back:hover{background:#f5f3ff}.ld-title{flex:1 1}.ld-title h2{margin:0;font-size:1.25rem;color:#1a202c}.ld-country{font-size:.8rem;color:#9ca3af}.ld-score{color:#fff;border-radius:20px;padding:.3rem .8rem;font-weight:700;font-size:.875rem}.ld-info-row{padding:1rem 1.5rem 0}.ld-info-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid #e8ecf0}.ld-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}.ld-info-item label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:3px}.ld-info-item a,.ld-info-item span{font-size:.9rem;color:#1a202c;font-weight:500}.ld-whatsapp-link{color:#25d366;text-decoration:none}.ld-whatsapp-link:hover{text-decoration:underline}.ld-source{background:#eef2ff;color:#4f46e5;border-radius:4px;padding:2px 6px;font-size:.75rem}.ld-value{color:#27ae60!important}.ld-stage-select,.ld-status-select{border:1px solid #d1d5db;border-radius:6px;padding:.3rem .5rem;font-size:.85rem;font-weight:600;background:#fff;cursor:pointer}.ld-tags-section{margin-bottom:1rem}.ld-tags-section>label{font-size:.75rem;font-weight:600;color:#374151;display:block;margin-bottom:6px}.ld-tags{flex-wrap:wrap;gap:6px}.ld-tag,.ld-tags{display:flex;align-items:center}.ld-tag{gap:4px;background:#eef2ff;color:#4f46e5;border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:500}.ld-tag-remove{background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;font-size:.9rem;line-height:1}.ld-tag-remove:hover{color:#e74c3c}.ld-tag-input{border:1px dashed #d1d5db;border-radius:6px;padding:3px 8px;font-size:.8rem;width:100px;outline:none}.ld-suggested-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ld-tag-suggest{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;padding:2px 7px;font-size:.75rem;cursor:pointer;color:#6b7280;transition:all .1s}.ld-tag-suggest:hover{background:#eef2ff;color:#4f46e5;border-color:#4f46e5}.ld-followup-section>label{font-size:.75rem;font-weight:600;color:#374151;display:block;margin-bottom:6px}.ld-followup-current{font-size:.85rem;color:#f39c12;background:#fff8e1;padding:6px 10px;border-radius:6px;margin-bottom:8px}.ld-followup-current.overdue{color:#e74c3c;background:#fff0f0}.ld-followup-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.ld-tabs{display:flex;gap:0;padding:0 1.5rem;margin-top:1rem;background:#fff;border-top:1px solid #e8ecf0}.ld-tab{padding:.7rem 1.2rem;background:#0000;font-size:.875rem;cursor:pointer;color:#6c757d;border:none;border-bottom:2px solid #0000;transition:all .15s}.ld-tab:hover{color:#4f46e5}.ld-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.ld-tab-content{padding:1rem 1.5rem;flex:1 1;overflow:auto}.ld-timeline{display:flex;flex-direction:column;gap:0}.ld-timeline-item{display:flex;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.ld-timeline-icon{font-size:1.1rem;min-width:24px;text-align:center;margin-top:2px}.ld-timeline-content{font-size:.875rem;color:#374151}.ld-timeline-time{margin-top:2px}.ld-deals{display:flex;flex-direction:column;gap:.75rem}.ld-deals-header{display:flex;justify-content:flex-end}.ld-deal-form{background:#f9fafb;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ld-deal-card,.ld-deal-form{border:1px solid #e5e7eb;border-radius:8px}.ld-deal-card{background:#fff;padding:.75rem 1rem}.ld-deal-title{font-weight:600;font-size:.95rem;color:#1a202c;margin-bottom:6px}.ld-deal-meta{display:flex;gap:1rem;align-items:center;font-size:.85rem;color:#27ae60;font-weight:600}.ld-deal-stage{border:none;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.8rem;cursor:pointer}.ld-deal-stage-CLOSED_WON{background:#d4edda;color:#155724}.ld-deal-stage-CLOSED_LOST{background:#f8d7da;color:#721c24}.ld-input{border:1px solid #d1d5db;border-radius:6px;padding:.45rem .7rem;font-size:.875rem;outline:none}.ld-input:focus{border-color:#4f46e5}.ld-textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.7rem;font-size:.9rem;resize:vertical;outline:none;font-family:inherit}.ld-textarea:focus{border-color:#4f46e5}.ld-btn-primary{background:#4f46e5;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.ld-btn-primary:hover{background:#4338ca}.ld-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ld-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer}.ld-empty{color:#9ca3af;font-size:.875rem;text-align:center;padding:2rem 0}.ld-notes{display:flex;flex-direction:column;gap:.75rem}.ld-mention-wrap{position:relative}.ld-mention-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden;max-height:200px;overflow-y:auto}.ld-mention-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.875rem;color:#374151}.ld-mention-option:hover{background:#f3f4f6}.ld-mention-avatar{width:28px;height:28px;border-radius:50%;background:#4f46e5;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ld-mention-role{font-size:.7rem;color:#9ca3af;margin-left:auto}.ld-mentioned-list{font-size:.8rem;color:#6c757d;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.ld-mention-chip{background:#ede9fe;color:#6d28d9;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.ld-timeline-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:2px}.ld-timeline-author{font-size:.75rem;color:#6d28d9;font-weight:600}.ld-timeline-time{font-size:.75rem;color:#9ca3af}.ld-timeline-mentions{font-size:.75rem;color:#6c757d;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.kanban-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.kanban-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e8ecf0}.kanban-search{padding:.45rem .8rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:220px;outline:none}.kanban-search:focus{border-color:#4f46e5}.kanban-hint{font-size:.75rem;color:#9ca3af}.kanban-board{display:flex;gap:.75rem;padding:1rem;overflow-x:auto;flex:1 1;align-items:flex-start}.kanban-column{min-width:240px;width:240px;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 280px);transition:background .15s}.kanban-column.drag-over{background:#e8eaf6}.kanban-col-header{padding:.75rem;border-radius:10px 10px 0 0;background:#fff;border-bottom:1px solid #e8ecf0}.kanban-col-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;color:#1a202c}.kanban-col-count{margin-left:auto;background:#e8ecf0;border-radius:10px;padding:1px 7px;font-size:.75rem;font-weight:600;color:#4a5568}.kanban-col-value{font-size:.75rem;color:#27ae60;font-weight:600;margin-top:2px}.kanban-cards{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow-y:auto;flex:1 1}.kanban-empty{text-align:center;color:#9ca3af;font-size:.8rem;padding:1.5rem 0;border:2px dashed #d1d5db;border-radius:8px;margin:.25rem}.kanban-card{background:#fff;border-radius:8px;padding:.65rem .75rem;cursor:pointer;box-shadow:0 1px 3px #0000000f;border:1px solid #e8ecf0;transition:box-shadow .15s,transform .1s;-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.kcard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kcard-name{font-weight:600;font-size:.85rem;color:#1a202c}.kcard-score{font-size:.7rem;font-weight:700;color:#fff;border-radius:10px;padding:1px 6px;min-width:24px;text-align:center}.kcard-phone{font-size:.75rem;color:#6c757d;margin-bottom:3px}.kcard-value{font-size:.8rem;color:#27ae60;font-weight:600;margin-bottom:4px}.kcard-tags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.kcard-tag{font-size:.65rem;background:#eef2ff;color:#4f46e5;border-radius:4px;padding:1px 5px}.kcard-followup{font-size:.7rem;color:#f39c12;margin-bottom:3px}.kcard-followup.overdue{color:#e74c3c;font-weight:600}.kcard-source{font-size:.65rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.kanban-loading{display:flex;align-items:center;justify-content:center;flex:1 1;color:#6c757d;font-size:1rem}.lead-list{padding:0}.lead-header{justify-content:space-between;margin-bottom:1.5rem}.lead-header,.lead-header-left{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.lead-header h2{margin:0;font-size:1.5rem;color:#1f2937}.lead-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.lead-search{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;width:260px;outline:none}.lead-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lead-file-input{display:none}.lead-banner{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:600}.lead-banner.success{background:#ecfdf5;color:#047857}.lead-banner.warning{background:#fff7ed;color:#c2410c}.lead-banner.error{background:#fef2f2;color:#b91c1c}.lead-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{padding:.4rem 1rem;border:1px solid #d1d5db;border-radius:20px;background:#fff;color:#4b5563;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{background:#667eea;color:#fff;border-color:#667eea}.lead-table-wrap{overflow-x:auto;border-radius:12px;box-shadow:0 1px 3px #0000001a}.lead-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.lead-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb}.lead-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151}.lead-table tr:hover td{background:#f9fafb}.lead-name{font-weight:600;color:#1f2937}.lead-date{font-size:.8rem;color:#9ca3af}.source-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;background:#e0e7ff;color:#4338ca}.status-select{padding:4px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;background:#fff}.lead-row{cursor:pointer}.score-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:700}.score-0{background:#fee2e2;color:#b91c1c}.score-1{background:#fef9c3;color:#b45309}.score-2{background:#dbeafe;color:#1d4ed8}.score-3,.score-4{background:#d1fae5;color:#065f46}.tag-list{display:flex;gap:3px;flex-wrap:wrap}.tag-chip{background:#ede9fe;color:#7c3aed;font-size:.65rem;padding:2px 6px;border-radius:8px;font-weight:600}.lead-actions{display:flex;gap:.25rem}.btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 6px;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.btn-danger:hover{background:#fef2f2}.lead-empty,.lead-loading{text-align:center;padding:3rem;color:#6b7280}.lead-empty-icon{font-size:3rem;margin-bottom:1rem}.lead-empty h4{margin:.5rem 0;color:#374151}.lead-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.875rem;color:#6b7280}.lead-pagination button{padding:.4rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem}.lead-pagination button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:.6rem 1.25rem;background:#667eea;color:#fff;font-size:.875rem;transition:background .2s}.btn-primary:hover{background:#5a6fd6}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.6rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem}.btn-secondary:hover{background:#f9fafb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.2rem;color:#1f2937}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#9ca3af;padding:4px 8px;border-radius:6px}.modal-close:hover{background:#f3f4f6;color:#374151}.lead-form{padding:1.5rem}.form-row{grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-group{gap:.35rem;margin-bottom:.5rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:1rem}.form-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.lead-search{width:100%}.lead-header-actions{justify-content:stretch;width:100%}.lead-header-actions button{flex:1 1 120px}}.feature-detail{background:#fff;color:#172033}.feature-detail-inner{width:min(1120px,calc(100% - 32px));margin:0 auto}.feature-hero{background:#f7fafc;border-bottom:1px solid #e5e7eb;padding:72px 0}.feature-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);grid-gap:48px;gap:48px;align-items:center}.feature-eyebrow{margin:0 0 12px;color:#4f46e5;font-weight:700;text-transform:uppercase;font-size:.82rem}.feature-detail h1{margin:0;font-size:3.2rem;line-height:1.08}.feature-lead{margin:20px 0 28px;color:#4b5563;font-size:1.18rem;line-height:1.7}.feature-primary-btn,.feature-secondary-btn{border:none;border-radius:8px;background:#4f46e5;color:#fff;cursor:pointer;font-weight:700;padding:13px 20px}.feature-primary-btn:hover,.feature-secondary-btn:hover{background:#4338ca}.feature-summary-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:28px;box-shadow:0 18px 45px #0f172a14}.feature-summary-panel h2{margin:0 0 18px;font-size:1.25rem}.feature-summary-panel ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px}.feature-summary-panel li{color:#374151;line-height:1.55;padding-left:22px;position:relative}.feature-summary-panel li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:999px;background:#4f46e5}.feature-body{padding:64px 0}.feature-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.feature-info-block{border:1px solid #e5e7eb;border-radius:8px;padding:28px;background:#fff}.feature-info-block h2{margin:0 0 12px;font-size:1.35rem}.feature-info-block p{margin:0;color:#4b5563;line-height:1.7}.feature-cta{background:#111827;color:#fff;text-align:center;padding:56px 0}.feature-cta h2{margin:0 0 12px;font-size:2rem}.feature-cta p{margin:0 auto 24px;max-width:720px;color:#d1d5db;line-height:1.7}.feature-secondary-btn{background:#fff;color:#111827}.feature-secondary-btn:hover{background:#e5e7eb}.feature-detail-missing{padding:72px 0}@media (max-width:820px){.feature-hero{padding:48px 0}.feature-hero-grid,.feature-section-grid{grid-template-columns:1fr}.feature-detail h1{font-size:2.35rem}}.home-container{flex:1 1;display:flex;flex-direction:column;background:#f5f7fa}.content-wrapper{display:flex;gap:0;flex:1 1;min-height:0}.sidebar{width:280px;background:linear-gradient(180deg,#1f2937,#111827);color:#fff;display:flex;flex-direction:column;border-right:1px solid #374151;box-shadow:2px 0 8px #0000001a;flex-shrink:0;overflow-y:auto;z-index:100}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid #374151}.sidebar-header h3{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;color:#d1d5db;background:#0000;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;text-align:left;position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--accent-color,#667eea);transform:scaleY(0);transition:transform .3s ease}.sidebar-link:hover{background:#ffffff1a;color:#fff}.sidebar-link:hover:before{transform:scaleY(1)}.sidebar-link.active{background:#667eea26;color:#667eea;border-left:4px solid var(--accent-color,#667eea)}.sidebar-link.active:before{transform:scaleY(1)}.sidebar-link .icon{font-size:1.4rem;min-width:1.5rem;display:inline-flex;align-items:center;justify-content:center}.sidebar-link .label{flex:1 1;text-transform:capitalize;letter-spacing:.3px}.sidebar-link.locked{opacity:.6}.sidebar-link.locked:hover{opacity:.85}.sidebar-lock{font-size:.75rem;margin-left:auto;opacity:.7;display:inline-flex;align-items:center}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #374151;text-align:center;color:#6b7280;font-size:.8rem}.sidebar-footer p{margin:0}.main-content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.section-header{padding:2.5rem 2.5rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.section-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.section-desc{margin:0;font-size:.95rem;color:#6b7280}.content-section{flex:1 1;padding:2.5rem;animation:fadeInContent .4s ease-in-out}.placeholder{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.placeholder h4{margin:0 0 .75rem;font-size:1.5rem;color:#374151}.placeholder p{margin:0;color:#9ca3af;font-size:1rem}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width:1024px){.sidebar{width:240px}.section-header{padding:2rem 2rem 1.25rem}.section-header h2{font-size:1.75rem}.content-section{padding:2rem}}@media (max-width:768px){.content-wrapper{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #374151}.sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem;padding:1rem}.sidebar-link{padding:.75rem;flex-direction:column;text-align:center}.sidebar-link .label{font-size:.8rem}.sidebar-link:before{width:100%;height:4px;left:0;top:auto;bottom:0;transform:scaleX(0)}.sidebar-link:hover:before{transform:scaleX(1)}.sidebar-link.active{border-left:none;border-bottom:4px solid var(--accent-color,#667eea)}.sidebar-link.active:before{transform:scaleX(1)}.sidebar-footer,.sidebar-header{display:none}.section-header{padding:1.5rem 1.5rem 1rem}.section-header h2{font-size:1.5rem}.content-section{padding:1.5rem}.placeholder{min-height:300px;padding:2rem 1rem}.placeholder-icon{font-size:3rem}.placeholder h4{font-size:1.2rem}}.invoice-detail,.invoice-form-page,.invoice-list{padding:0}.inv-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.inv-list-header h2{margin:0;font-size:1.5rem;color:#1f2937}.inv-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.inv-table-wrap{overflow-x:auto;border-radius:12px;box-shadow:0 1px 3px #0000001a}.inv-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.inv-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb}.inv-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151}.inv-table tr:hover td{background:#f9fafb}.inv-number-cell{font-weight:600;color:#667eea;cursor:pointer}.inv-number-cell:hover{text-decoration:underline}.inv-amount{font-weight:600;color:#1f2937}.inv-actions{display:flex;gap:.25rem;flex-wrap:wrap}.inv-actions .btn-icon{min-height:28px;padding:.25rem .45rem;white-space:nowrap}.inv-action-row button:disabled,.inv-actions .btn-icon:disabled{opacity:.65;cursor:wait}.form-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.status-badge{padding:3px 10px;border-radius:12px;font-size:.7rem;color:#fff}.inv-empty,.inv-loading{text-align:center;padding:3rem;color:#6b7280}.inv-empty-icon{font-size:3rem;margin-bottom:1rem}.inv-empty h4{margin:.5rem 0;color:#374151}.inv-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.875rem;color:#6b7280}.inv-pagination button{padding:.4rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem}.inv-pagination button:disabled{opacity:.5;cursor:not-allowed}.invoice-form fieldset{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;background:#fff}.invoice-form legend{font-weight:600;color:#374151;padding:0 .5rem;font-size:.95rem}.items-header{padding:.5rem 0;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb}.item-row,.items-header{display:grid;grid-template-columns:minmax(180px,2fr) 130px 110px 70px 110px 110px 40px;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.item-row{align-items:center}.item-row.no-sac-code,.items-header.no-sac-code{grid-template-columns:minmax(180px,2fr) 130px 70px 110px 110px 40px}.item-row input,.item-row select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:0}.item-row input:focus,.item-row select:focus{border-color:#667eea;outline:none}.item-total{font-weight:600;color:#1f2937;font-size:.875rem;text-align:right}.btn-remove-item{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:4px;border-radius:4px}.btn-remove-item:hover{background:#fef2f2}.btn-add-item{background:none;border:1px dashed #d1d5db;color:#667eea;cursor:pointer;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;width:100%;margin-top:.5rem}.btn-add-item:hover{border-color:#667eea;background:#f0f4ff}.invoice-summary{background:#f9fafb;border-radius:8px;padding:1rem;margin:1rem 0}.summary-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.875rem;color:#4b5563}.summary-total{font-weight:700;font-size:1rem;color:#1f2937;border-top:2px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem}.btn-back{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;margin-bottom:1rem;font-weight:500}.btn-back:hover{text-decoration:underline}.invoice-paper{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;max-width:800px}.inv-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.inv-header-row h2{margin:0;font-size:1.75rem;color:#1f2937}.inv-number{color:#6b7280;margin:.25rem 0 0}.inv-status-big .status-badge{font-size:.85rem;padding:6px 16px}.inv-meta-row{display:flex;justify-content:space-between;margin-bottom:2rem;gap:2rem}.inv-meta-row h4{margin:0 0 .5rem;color:#6b7280;font-size:.8rem;text-transform:uppercase}.inv-meta-row p{margin:.25rem 0;color:#374151;font-size:.9rem}.inv-dates{text-align:right}.inv-dates p{font-size:.875rem}.inv-items-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.inv-items-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb}.inv-items-table td{padding:.75rem;border-bottom:1px solid #f3f4f6}.inv-totals{margin-left:auto;max-width:300px}.inv-total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#4b5563}.inv-grand-total{font-weight:700;font-size:1.1rem;color:#1f2937;border-top:2px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem}.inv-notes{margin-top:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;font-size:.875rem;color:#4b5563}.inv-action-row{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.enhanced-invoice-detail>.btn-back{display:none}.inv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;max-width:880px;margin-bottom:1rem}.proforma-invoice{position:relative;overflow:hidden;max-width:880px;border-radius:6px;border:1px solid #d1d5db;color:#1f2937}.proforma-invoice>.inv-header-row,.proforma-invoice>.inv-items-table,.proforma-invoice>.inv-meta-row,.proforma-invoice>.inv-notes,.proforma-invoice>.inv-totals{display:none}.invoice-ribbon{position:absolute;top:34px;left:-55px;width:220px;transform:rotate(-35deg);background:#df554a;color:#fff;border:2px solid #ab312b;text-align:center;font-size:1.2rem;font-weight:800;letter-spacing:.08em;padding:.45rem 0}.invoice-ribbon.paid{background:#16a34a;border-color:#15803d}.inv-company-header{display:grid;grid-template-columns:160px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start;min-height:170px;padding-left:1.5rem}.inv-brand-mark{width:130px;height:70px;margin-top:.5rem;border:1px solid #d1d5db;display:grid;place-items:center;color:#b33a32;font-size:2.25rem;font-weight:800}.inv-brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.inv-company-info{text-align:right;font-size:.82rem;line-height:1.45}.inv-company-info h2{margin:0 0 .4rem;font-size:1.25rem;color:#111827}.inv-company-info p{margin:.15rem 0}.inv-address-text{margin:.15rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.inv-bank-strip{display:grid;grid-gap:.2rem;gap:.2rem;margin:0 0 1rem auto;max-width:560px;text-align:right;font-size:.8rem}.inv-title-band{background:#efefef;border:1px solid #cfcfcf;padding:.65rem .8rem}.inv-title-band h3{margin:0;font-size:1.05rem}.inv-date-grid{display:grid;grid-template-columns:1fr;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font-size:.86rem}.inv-date-grid div{padding:.55rem .8rem;background:#f7f7f7;border-bottom:1px solid #cfcfcf}.inv-billing-panel{padding:1.5rem .8rem 1.1rem;min-height:140px;font-size:.86rem}.inv-billing-panel h4{margin:0 0 .55rem;font-size:.9rem;color:#111827}.inv-billing-panel .inv-address-text,.inv-billing-panel p{margin:.2rem 0}.inv-items-wrap{overflow-x:auto}.proforma-table{margin-bottom:0;border:1px solid #cfcfcf;font-size:.84rem}.proforma-table th{background:#d5d5d5;color:#111827;border:1px solid #cfcfcf;text-transform:none;letter-spacing:0}.proforma-table td{border:1px solid #cfcfcf;vertical-align:top}.proforma-table td:last-child,.proforma-table th:last-child{text-align:right;white-space:nowrap}.inv-tax-table{display:grid;grid-template-columns:1.25fr 1fr .9fr .55fr;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;font-size:.88rem}.tax-row{display:contents}.tax-row>div{min-height:34px;padding:.45rem .65rem;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;display:flex;align-items:center}.tax-row>div:first-child{justify-content:flex-end;text-align:right;font-weight:700}.tax-row>div:last-child{border-right:0;justify-content:flex-start;white-space:nowrap}.tax-emphasis>div{background:#efefef;font-weight:800;font-size:.96rem}.tax-note-cell{font-weight:700}.tax-gst-row>div{min-height:78px;align-items:flex-start}.tax-breakup{grid-column:span 2;display:grid!important;grid-template-columns:1fr!important;padding:4px!important}.tax-breakup-body,.tax-breakup-head{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.tax-breakup-head{border:3px solid #111;border-bottom:1px solid #cfcfcf;font-weight:800}.tax-breakup-body{border-left:3px solid #111;border-right:3px solid #111;border-bottom:3px solid #111;min-height:34px}.tax-breakup-body span,.tax-breakup-head span{padding:.4rem .5rem;border-right:1px solid #cfcfcf}.tax-breakup-body span:last-child,.tax-breakup-head span:last-child{border-right:0}.tax-words-row>div{min-height:52px;font-weight:800}.tax-words-row>div:nth-child(2){grid-column:span 3;text-transform:capitalize;justify-content:flex-start;text-align:left;padding-left:1rem;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.inv-summary-grid{display:grid;grid-template-columns:1fr minmax(280px,360px);grid-gap:1.25rem;gap:1.25rem;align-items:start;margin-top:1rem}.inv-words-box{border:1px solid #cfcfcf;background:#fafafa;padding:.9rem;font-size:.85rem;line-height:1.5}.inv-words-box span{display:block;color:#6b7280;margin-bottom:.25rem}.inv-words-box strong{display:block;text-transform:capitalize}.proforma-totals{max-width:none;width:100%}.proforma-totals .inv-total-row{border-bottom:1px solid #e5e7eb;padding:.48rem 0}.proforma-totals .inv-balance,.proforma-totals .inv-grand-total{color:#111827;font-weight:800}.proforma-totals .inv-balance{background:#f3f4f6;padding-inline:.5rem}.inv-footer-note,.inv-generated-line{margin-top:1.5rem;text-align:center;color:#4b5563;font-size:.78rem}.inv-generated-line{margin-top:.6rem}@media screen and (max-width:768px){.item-row,.items-header{grid-template-columns:1fr}.inv-meta-row{flex-direction:column}.inv-dates{text-align:left}.inv-toolbar{flex-direction:column;align-items:stretch}.inv-company-header{grid-template-columns:1fr;padding-left:0}.inv-bank-strip,.inv-company-info{text-align:left}.invoice-ribbon{font-size:.95rem;left:-70px;top:22px}.inv-summary-grid{grid-template-columns:1fr}.inv-tax-table{min-width:760px}}@media print{@page{size:A4 portrait;margin:8mm}body{margin:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.enhanced-invoice-detail,.enhanced-invoice-detail *{visibility:visible!important}.enhanced-invoice-detail{position:absolute!important;inset:0 auto auto 0!important}.enhanced-invoice-detail>.btn-back,.inv-toolbar,.proforma-invoice .inv-action-row{display:none!important}.enhanced-invoice-detail,.invoice-detail{padding:0!important}.enhanced-invoice-detail,.invoice-detail,.invoice-paper.proforma-invoice{width:194mm!important;max-width:194mm!important;margin:0!important;background:#fff!important}.invoice-paper.proforma-invoice{display:block!important;min-height:auto;padding:6mm!important;box-shadow:none;border-radius:0!important;border:1px solid #cfcfcf!important;box-sizing:border-box;overflow:visible!important;color:#111827!important}.invoice-ribbon{top:14mm;left:-20mm;width:58mm;font-size:12pt;padding:2.5mm 0}.inv-company-header{grid-template-columns:38mm 1fr!important;gap:6mm;min-height:36mm;padding-left:0}.inv-brand-mark{width:34mm;height:20mm}.inv-bank-strip,.inv-company-info{text-align:right!important;font-size:8pt;line-height:1.32;color:#111827!important}.inv-company-info h2{font-size:13pt}.inv-bank-strip{max-width:120mm;margin-bottom:4mm}.inv-title-band{padding:3mm}.inv-title-band h3{font-size:11pt}.inv-billing-panel,.inv-date-grid,.inv-footer-note,.inv-generated-line,.inv-tax-table,.inv-words-box,.proforma-table,.proforma-totals{font-size:8pt;color:#111827!important}.inv-date-grid div,.proforma-table td,.proforma-table th{padding:2.5mm}.inv-billing-panel{min-height:24mm;padding:5mm 3mm 4mm}.inv-summary-grid{grid-template-columns:1fr 70mm!important;gap:5mm;margin-top:5mm}.inv-tax-table{grid-template-columns:66mm 35mm 35mm 46mm;font-size:8pt}.tax-row>div{min-height:7mm;padding:1.8mm 2mm}.tax-gst-row>div{min-height:20mm}.tax-breakup-body span,.tax-breakup-head span{padding:1.5mm}.tax-words-row>div{min-height:13mm}.tax-words-row>div:nth-child(2){padding-left:3mm;line-height:1.2}.proforma-totals .inv-total-row{padding:1.8mm 0}.inv-footer-note{margin-top:7mm}.inv-address-text{white-space:pre-wrap!important;overflow-wrap:break-word}.inv-footer-note,.inv-summary-grid,.proforma-table tr{break-inside:avoid;page-break-inside:avoid}}.landing-container{width:100%;overflow-x:hidden;flex:1 1;display:flex;flex-direction:column;min-height:100%}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;height:600px;flex-shrink:0}.hero-content{z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin:0 0 1rem;letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;font-weight:600;margin:0 0 1rem;opacity:.95}.hero-description{font-size:1.1rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.cta-button{background:#fff;color:#667eea;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0003}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.cta-button.large{padding:1.2rem 3rem;font-size:1.2rem;display:inline-block}.hero-image{display:flex;justify-content:center;align-items:center}.hero-icon{font-size:15rem;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:5rem 2rem;background:#fff;flex:1 1}.benefits h2,.cta-section h2,.features h2,.pricing h2{text-align:center;font-size:2.5rem;margin:0 0 3rem;color:#1a202c}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto}.feature-card{background:#f8fafc;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease;cursor:pointer;font:inherit;width:100%;color:inherit;text-decoration:none}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a;border-color:#667eea}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;margin:0 0 .75rem;color:#1a202c}.feature-card p{margin:0;color:#6b7280;line-height:1.6}.feature-card-link{display:inline-block;margin-top:1rem;color:#4f46e5;font-weight:700}.benefits{padding:5rem 2rem;background:#f8fafc}.benefits-list{max-width:900px;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem}.benefit-item{display:flex;gap:2rem;background:#fff;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.check-icon{font-size:1.8rem;color:#667eea;font-weight:700;min-width:40px;text-align:center}.benefit-item h4{margin:0 0 .5rem;font-size:1.2rem;color:#1a202c}.benefit-item p{margin:0;color:#6b7280;line-height:1.6}.pricing{padding:5rem 2rem;background:#fff;overflow-x:auto}.pricing-cards{display:flex;flex-direction:row;gap:1.5rem;max-width:1400px;margin:0 auto;align-items:stretch}.pricing-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;position:relative;transition:all .3s ease;flex:1 1;min-width:220px;display:flex;flex-direction:column}.pricing-card:hover{box-shadow:0 12px 24px #0000001a}.pricing-card.featured{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.pricing-card h3{margin:0 0 1rem;font-size:1.5rem}.pricing-card .price{font-size:2.5rem;font-weight:700;margin:0}.pricing-card .period{margin:.5rem 0 2rem;opacity:.8;font-size:.95rem}.pricing-features{list-style:none;padding:0;margin:2rem 0;text-align:left}.pricing-features li{padding:.75rem 0;border-bottom:1px solid #0000001a}.pricing-features li:last-child{border-bottom:none}.pricing-card.featured .pricing-features li{border-bottom-color:#fff3}.pricing-button{width:100%;margin-top:auto;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-card.featured .pricing-button{background:#fff;color:#667eea}.pricing-button:hover{opacity:.9;transform:translateY(-2px)}.cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin:0 0 2rem;opacity:.9}.footer{padding:3rem 2rem 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto 2rem}.footer-bottom{padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}.footer-bottom p{margin:0}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:3rem 1rem;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-icon{font-size:8rem}.benefits,.cta-section,.features,.pricing{padding:3rem 1rem}.benefits h2,.cta-section h2,.features h2,.pricing h2{font-size:2rem}.pricing-card.featured{transform:scale(1)}.benefit-item{flex-direction:column;align-items:flex-start}}.footer{background:#1a202c;color:#e2e8f0;padding-top:3rem;border-top:1px solid #2d3748}.footer-toggle{display:none;width:100%;padding:.75rem;background:#2d3748;color:#e2e8f0;border:none;font-size:.9rem;font-weight:500;cursor:pointer;text-align:center;font-family:inherit}.footer-toggle:hover{background:#4a5568}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.footer-section h3{font-size:1.5rem;margin:0 0 1rem;color:#fff;font-weight:700}.footer-section h4{font-size:1rem;margin:0 0 1rem;color:#fff;font-weight:600}.footer-section p{margin:0;font-size:.9rem;line-height:1.6;opacity:.8}.footer-contact{margin-top:.5rem;font-size:.9rem;opacity:.85}.footer-contact a{color:#cbd5e0;text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:#667eea}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#cbd5e0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.footer-page-link{background:none;border:none;color:#cbd5e0;font-size:.9rem;font-family:inherit;padding:0;cursor:pointer;transition:color .3s ease}.footer-page-link:hover{color:#667eea}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#2d3748;color:#cbd5e0;border-radius:50%;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1.2rem}.social-links a:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.footer-bottom{background:#0f1419;padding:2rem;text-align:center;border-top:1px solid #2d3748}.footer-bottom p{margin:.5rem 0;font-size:.85rem;opacity:.7}@media (max-width:768px){.footer-container{grid-template-columns:1fr;padding:0 1rem 2rem;gap:1.5rem;display:none}.footer-container.footer-open{display:grid}.footer-toggle{display:block}.footer{padding-top:0}}.header{background:#f3f4f6;color:#111827;padding:.75rem 0;box-shadow:0 2px 12px #0f172a0f;position:sticky;top:0;z-index:1000;border-bottom:1px solid #d1d5db}.lang-switcher{display:flex;gap:2px;align-items:center;background:#eef2ff;border-radius:6px;padding:2px}.lang-btn{background:#0000;border:none;color:#4b5563;cursor:pointer;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:4px;transition:all .2s;letter-spacing:.5px}.lang-btn:hover{color:#111827;background:#dbeafe}.lang-btn-active{background:#4f46e5!important;color:#fff!important}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo{flex-shrink:0;gap:.75rem;min-width:0}.header-logo-img{width:clamp(190px,22vw,320px);height:58px;object-fit:contain;object-position:left center;border-radius:0;background:#0000;padding:0;display:block}.header-logo-text{min-width:0}.header-logo h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.header-logo .tagline{margin:.2rem 0 0;font-size:.75rem;opacity:.9;font-weight:300;letter-spacing:.5px}.header-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:#111827;text-decoration:none;font-weight:500;font-size:.95rem;transition:opacity .3s ease;padding:.5rem 0}.nav-link:hover{opacity:.8;border-bottom:2px solid #4f46e5}.nav-link-btn{background:none;border:none;cursor:pointer;font-family:inherit}.header-register-btn{background:#4f46e5;color:#fff;padding:.45rem 1.2rem;border-radius:6px;border:1px solid #4f46e5;font-weight:600}.header-register-btn:hover{background:#4338ca}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px}.hamburger-line{display:block;width:24px;height:2px;background:#111827;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.user-section{display:flex;align-items:center;gap:1.5rem;padding-left:1.5rem;border-left:2px solid #e5e7eb}.user-name{font-size:.9rem;opacity:.95}.logout-btn{background:#111827;color:#fff;border:2px solid #111827;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.logout-btn:hover{background:#374151;color:#fff}@media (max-width:768px){.header-container{flex-wrap:wrap;padding:1rem}.header-logo-img{width:min(230px,68vw);height:50px}.hamburger{display:flex}.header-nav{display:none;flex-direction:column;gap:.5rem;width:100%;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.header-nav.nav-open{display:flex}.user-section{padding-left:0;border-left:none;width:100%;justify-content:space-between}}.static-page{max-width:900px;margin:0 auto;padding:2rem;min-height:60vh}.static-page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.static-page-header h1{font-size:2.2rem;color:#1a202c;margin:0 0 .5rem;font-weight:700}.static-page-meta{font-size:.85rem;color:#a0aec0}.static-page-content{line-height:1.8;color:#2d3748;font-size:1.05rem}.static-page-content h1{font-size:2rem;margin:2rem 0 1rem;color:#1a202c}.static-page-content h2{font-size:1.6rem;margin:1.8rem 0 .8rem;color:#2d3748}.static-page-content h3{font-size:1.3rem;margin:1.5rem 0 .6rem;color:#4a5568}.static-page-content p{margin:0 0 1rem}.static-page-content ol,.static-page-content ul{margin:0 0 1rem 1.5rem}.static-page-content li{margin-bottom:.4rem}.static-page-content a{color:#667eea;text-decoration:none}.static-page-content a:hover{text-decoration:underline}.static-page-content blockquote{border-left:4px solid #667eea;padding:1rem 1.5rem;margin:1rem 0;background:#f7fafc;border-radius:0 8px 8px 0;color:#4a5568;font-style:italic}.static-page-content hr{border:none;border-top:1px solid #e2e8f0;margin:2rem 0}.static-page-content img{max-width:100%;height:auto;border-radius:8px}.static-page-content table{width:100%;border-collapse:collapse;margin:1rem 0}.static-page-content td,.static-page-content th{padding:.6rem 1rem;border:1px solid #e2e8f0;text-align:left}.static-page-content th{background:#f7fafc;font-weight:600}.static-page-back{display:inline-flex;align-items:center;gap:.3rem;color:#667eea;text-decoration:none;font-size:.9rem;margin-bottom:1rem;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.static-page-back:hover{text-decoration:underline}.page-not-found{text-align:center;padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-not-found .nf-icon{font-size:4rem;margin-bottom:1rem}.page-not-found h2{font-size:1.8rem;color:#2d3748;margin:0 0 .5rem}.page-not-found p{color:#a0aec0;margin:0 0 1.5rem}.page-loading{text-align:center;padding:4rem 2rem;color:#a0aec0;min-height:60vh;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.static-page{padding:1.5rem 1rem}.static-page-header h1{font-size:1.6rem}.static-page-content{font-size:1rem}}.pp-wrap{max-width:1100px;margin:0 auto;padding:2rem 1rem}.pp-header{text-align:center;margin-bottom:2rem}.pp-header h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.pp-header p{color:#64748b;font-size:1.1rem}.pp-status-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1.5px solid #e2e8f0;background:#f8fafc}.pp-status-free{background:#f1f5f9;border-color:#cbd5e1}.pp-status-starter{background:#eff6ff;border-color:#93c5fd}.pp-status-professional{background:#faf5ff;border-color:#c4b5fd}.pp-status-enterprise{background:#fff7ed;border-color:#fbb56e}.pp-status-info{display:flex;align-items:center;gap:.75rem}.pp-status-label{color:#64748b;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.pp-status-plan{font-size:1.15rem;font-weight:700;color:#1e293b}.pp-trial-badge{background:#22c55e;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.pp-trial-expired{background:#94a3b8}.pp-alert{padding:.85rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.pp-alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.pp-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.pp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.pp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:2rem 1.5rem;position:relative;transition:box-shadow .2s}.pp-card:hover{box-shadow:0 8px 24px #00000014}.pp-card-featured{border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.pp-card-current{border-color:#22c55e}.pp-featured-badge{left:50%;transform:translateX(-50%);background:#6366f1;padding:.25rem .85rem;letter-spacing:.04em}.pp-current-badge,.pp-featured-badge{position:absolute;top:-12px;color:#fff;font-size:.78rem;font-weight:700;border-radius:20px;white-space:nowrap}.pp-current-badge{right:1.5rem;background:#22c55e;padding:.25rem .75rem}.pp-plan-name{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.pp-price{display:flex;align-items:flex-start;gap:2px;margin-bottom:.15rem}.pp-currency{font-size:1rem;font-weight:600;color:#64748b;margin-top:6px}.pp-amount{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1}.pp-period{color:#94a3b8;font-size:.85rem;margin-bottom:1.25rem}.pp-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.pp-feature-yes{color:#1e293b;font-size:.9rem}.pp-feature-no{color:#94a3b8;font-size:.9rem}.pp-actions{margin-top:auto}.pp-btn{width:100%;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:background .18s,opacity .18s}.pp-btn:disabled{opacity:.65;cursor:not-allowed}.pp-btn-current{background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0}.pp-btn-trial-active{background:#dcfce7;color:#166534;border:1.5px solid #86efac}.pp-btn-trial{background:#6366f1;color:#fff}.pp-btn-trial:not(:disabled):hover{background:#4f46e5}.pp-btn-upgrade{background:#0f172a;color:#fff}.pp-btn-upgrade:not(:disabled):hover{background:#1e293b}.pp-btn-downgrade{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.pp-btn-downgrade:not(:disabled):hover{background:#f8fafc}.pp-loading{text-align:center;padding:3rem;color:#64748b;font-size:1rem}@media (max-width:640px){.pp-cards{grid-template-columns:1fr}.pp-amount{font-size:2rem}}.staff-profile{background:#fff}.profile-header,.staff-profile{padding:2rem;border-radius:12px;margin-bottom:2rem}.profile-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-content{display:flex;align-items:center;gap:2rem;flex:1 1}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border:3px solid #fff}.profile-info h2{margin:0 0 .5rem;font-size:1.75rem}.profile-email{margin:0 0 1rem;opacity:.9;font-size:.95rem}.profile-badges{display:flex;gap:1rem;flex-wrap:wrap}.role-badge{color:#fff}.role-badge,.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.btn-primary{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.profile-edit-container{background:#f9fafb;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb}.profile-edit-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #e5e7eb}.profile-edit-card h3{margin:0 0 1.5rem;font-size:1.3rem;color:#1f2937}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f3f4f6;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit{background:#10b981;color:#fff}.btn-submit:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover{background:#d1d5db}.profile-details{margin-top:2rem;padding:2rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.profile-details h3{margin:0 0 1.5rem;font-size:1.2rem;color:#1f2937}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.detail-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.detail-item label{display:block;font-weight:600;color:#6b7280;font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;color:#1f2937;font-size:1rem}.loading{text-align:center;padding:2rem;color:#6b7280;font-weight:500}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.wa-chat{height:calc(100vh - 200px);min-height:500px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.wa-chat,.wa-sidebar{display:flex;background:#fff}.wa-sidebar{width:320px;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0}.wa-sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb}.wa-sidebar-header h3{margin:0 0 .75rem;font-size:1.1rem;color:#1f2937}.wa-search{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.85rem;outline:none;box-sizing:border-box}.wa-search:focus{border-color:#25d366}.wa-contacts{flex:1 1;overflow-y:auto}.wa-contact{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.wa-contact:hover{background:#f9fafb}.wa-contact.active{background:#ecfdf5;border-left:3px solid #25d366}.wa-contact-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.wa-contact-info{flex:1 1;min-width:0}.wa-contact-name{font-weight:600;font-size:.9rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact-phone{font-size:.75rem;color:#9ca3af}.wa-contact-status{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:10px;flex-shrink:0}.wa-contact-status.status-new{background:#dbeafe;color:#1d4ed8}.wa-contact-status.status-contacted{background:#fef3c7;color:#b45309}.wa-contact-status.status-closed,.wa-contact-status.status-interested{background:#d1fae5;color:#065f46}.wa-contact-status.status-lost{background:#fee2e2;color:#b91c1c}.wa-contact-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.wa-unread-badge{background:#25d366;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.wa-conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:6px;display:inline-block;vertical-align:middle}.wa-conn-dot.online{background:#25d366;box-shadow:0 0 4px #25d36699}.wa-conn-dot.offline{background:#f87171}.wa-no-contacts{text-align:center;padding:2rem 1rem;color:#9ca3af}.wa-no-contacts small{display:block;margin-top:.25rem}.wa-main{min-width:0;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4ccbd' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.wa-empty,.wa-main{flex:1 1;display:flex;flex-direction:column}.wa-empty{align-items:center;justify-content:center;color:#6b7280;background:#fff}.wa-empty-icon{font-size:4rem;margin-bottom:1rem}.wa-empty h3{margin:0 0 .5rem;color:#374151}.wa-empty p{margin:0}.wa-empty small{margin-top:1rem;color:#9ca3af;max-width:400px;text-align:center}.wa-chat-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#075e54;color:#fff}.wa-chat-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.wa-chat-name{font-weight:600;font-size:.95rem}.wa-chat-phone{font-size:.75rem;opacity:.8}.wa-messages{flex:1 1;overflow-y:auto;padding:1rem}.wa-loading,.wa-no-messages{text-align:center;padding:2rem;color:#8696a0}.wa-no-messages small{display:block;margin-top:.25rem}.wa-date-separator{text-align:center;margin:1rem 0}.wa-date-separator span{background:#e1f2fb;color:#4a6572;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:500}.wa-message{display:flex;margin-bottom:.35rem}.wa-message.outbound{justify-content:flex-end}.wa-message.inbound{justify-content:flex-start}.wa-bubble{max-width:65%;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;line-height:1.4;position:relative;word-wrap:break-word}.wa-message.outbound .wa-bubble{background:#dcf8c6;border-bottom-right-radius:2px}.wa-message.inbound .wa-bubble{background:#fff;border-bottom-left-radius:2px;box-shadow:0 1px 1px #0000000d}.wa-bubble p{margin:0}.wa-time{display:block;text-align:right;font-size:.65rem;color:#8696a0;margin-top:2px}.wa-tick{margin-left:4px;color:#53bdeb}.wa-input-area{display:flex;gap:.5rem;padding:.75rem 1rem;background:#f0f2f5;border-top:1px solid #e5e7eb}.wa-input{flex:1 1;padding:.6rem 1rem;border:none;border-radius:20px;font-size:.9rem;outline:none;background:#fff}.wa-send-btn{width:40px;height:40px;border-radius:50%;background:#25d366;color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.wa-send-btn:hover{background:#128c7e}.wa-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.wa-sidebar{width:100%;position:absolute;z-index:10}.wa-chat{position:relative}}