@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";.lead-form-modal{max-width:900px}.lead-form-compact{margin-bottom:2rem}.lead-form-compact .form-group{margin-bottom:1.25rem}.lead-form-compact .form-group:last-child{margin-bottom:0}.lead-form-compact .form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em}.lead-form-compact .form-group input,.lead-form-compact .form-group select,.lead-form-compact .form-group textarea{width:100%;padding:.625rem .75rem;border:2px solid var(--border-color);border-radius:6px;font-size:.875rem;transition:all .2s;background:var(--bg-primary);color:var(--text-primary)}.lead-form-compact .form-group input:focus,.lead-form-compact .form-group select:focus,.lead-form-compact .form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.lead-form-compact .form-group input:disabled,.lead-form-compact .form-group select:disabled,.lead-form-compact .form-group textarea:disabled{background:var(--bg-secondary);color:var(--text-primary);cursor:not-allowed;opacity:.8}.lead-form-compact .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.lead-form-compact .form-row .form-group{margin-bottom:0}.lead-form-compact .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.notes-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0}.empty-notes{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-color)}.empty-notes p{margin:0}.notes-list-compact{display:flex;flex-direction:column;gap:.75rem}.note-item-compact{padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.note-item-compact:hover{background:var(--bg-tertiary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:var(--accent-color)}.note-date{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.note-details-compact{color:var(--text-primary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.note-followup{font-size:.75rem;color:var(--accent-dark);font-weight:500}.notes-more{text-align:center;padding:.875rem;color:var(--text-secondary);font-size:.8125rem;background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-color)}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error-message{background:var(--danger-light);color:var(--danger-color);padding:.875rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem;border:2px solid var(--danger-color)}@media (max-width: 768px){.lead-form-modal{max-width:100%}.lead-form-compact .form-row{grid-template-columns:1fr;gap:1.25rem}.lead-form-compact .form-row .form-group{margin-bottom:0}}.preview-modal{max-width:650px;max-height:90vh;display:flex;flex-direction:column}.preview-overlay{z-index:1100}.preview-modal .schedule-details{margin-bottom:1.5rem}.preview-modal .schedule-details h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-primary)}.preview-modal .payments-table-container{max-height:350px;overflow-y:auto}.preview-modal .table{table-layout:auto;width:100%}.preview-modal .table thead{position:sticky;top:0;z-index:10}.preview-modal .table thead th,.preview-modal .table tbody td,.preview-modal .table tfoot td{padding:.625rem .75rem;font-size:var(--text-sm);font-family:var(--font-body);font-weight:400}.preview-modal .table thead th:first-child,.preview-modal .table tbody td:first-child,.preview-modal .table tfoot td:first-child{width:8%;text-align:center}.preview-modal .table thead th:nth-child(3),.preview-modal .table tbody td:nth-child(3),.preview-modal .table tfoot td:nth-child(3){text-align:right}.preview-modal .table thead th:nth-child(4),.preview-modal .table tbody td:nth-child(4),.preview-modal .table tfoot td:nth-child(4){text-align:right}.preview-modal .table tfoot{border-top:2px solid var(--border-color);background:var(--bg-secondary)}.preview-modal .table tfoot td{font-weight:600;color:var(--text-primary)}.preview-modal .confirmation-note{display:flex;gap:1rem;padding:1rem;background:#d4af370d;border-left:4px solid var(--accent-color);border-radius:var(--radius-sm);margin-top:1.5rem}.preview-modal .confirmation-note .note-icon{font-size:1.25rem;flex-shrink:0}.preview-modal .confirmation-note .note-content strong{display:block;color:var(--text-primary);margin-bottom:.375rem;font-size:var(--text-base);font-family:var(--font-body);font-weight:600}.preview-modal .confirmation-note .note-content p{color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-body);font-weight:400;margin:0;line-height:1.5}.preview-modal .payments-table-container::-webkit-scrollbar{width:6px}.preview-modal .payments-table-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.preview-modal .payments-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@media (max-width: 768px){.preview-modal{max-width:100%;margin:0;border-radius:0}.preview-modal .payments-table-container{max-height:280px}}.dashboard{padding:2rem}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{font-size:2rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.03em}.dashboard-header p{color:var(--text-secondary);font-size:.9375rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-bottom:2.5rem}.card{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:2px solid var(--border-color);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-accent);border-color:var(--accent-color)}.card h3{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-primary)}.card-number{font-size:2rem;font-weight:600;color:var(--accent-color);margin:0;letter-spacing:-.02em;font-family:var(--font-body)}.dashboard-content{background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.content-section{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px solid var(--border-color)}.content-section h2,.section-header h2{font-size:var(--text-2xl);font-weight:500;color:var(--text-primary);margin:0 0 .5rem;font-family:var(--font-primary)}.section-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.loading-state,.error-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.error-state{color:#dc2626}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state p{margin:.5rem 0}.empty-state-hint{font-size:.875rem;color:var(--text-tertiary)}.dashboard-notes-table tbody tr.clickable:hover{box-shadow:inset 3px 0 0 var(--accent-color)}.lead-name-cell{min-width:180px}.lead-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;font-family:var(--font-body)}.lead-email{font-size:.8125rem;color:var(--text-secondary)}.note-details-cell{max-width:280px}.note-preview{color:var(--text-primary);line-height:1.5;margin-bottom:.25rem}.note-date-small{font-size:.75rem;color:var(--text-tertiary)}.action-cell{min-width:120px}.action-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(212,175,55,.2)}.action-email{background:#d4af371a;color:var(--accent-dark);border-color:#d4af374d}.action-call{background:#d4af3726;color:var(--accent-dark);border-color:#d4af374d}.action-send-quote{background:#d4af3733;color:var(--accent-color);border-color:var(--accent-color)}.action-send-invoice{background:#d4af3726;color:var(--accent-dark);border-color:#d4af374d}.action-organize-meeting{background:#d4af371a;color:var(--accent-dark);border-color:#d4af374d}.action-other{background:#1a1a1a0d;color:var(--text-secondary);border-color:var(--border-color)}.followup-date-cell{min-width:110px}.followup-date{color:var(--text-primary);font-weight:500}.no-followup{color:var(--text-tertiary)}.status-created{background:#d4af371a;color:var(--accent-color)}.status-followed{background:#d4af3726;color:var(--accent-dark)}.status-pending{background:#e5c15833;color:var(--accent-dark)}@media (max-width: 768px){.dashboard{padding:0}.dashboard-header{padding:1rem;margin-bottom:1rem;border-radius:0}.dashboard-content{gap:1rem}.content-section{padding:1rem;border-radius:0;margin-left:0;margin-right:0}.dashboard-header h1{font-size:1.5rem}.dashboard-cards{grid-template-columns:1fr;gap:1rem}.card{padding:1.5rem}.card-number{font-size:2rem}.content-section{padding:1.5rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-notes-table th,.dashboard-notes-table td{padding:.75rem .5rem;font-size:.8125rem}}@media (max-width: 480px){.dashboard{padding:.75rem}.dashboard-header h1{font-size:1.375rem}.dashboard-header p{font-size:.875rem}.card{padding:1.25rem}.card h3{font-size:.75rem}.card-number{font-size:1.75rem}.content-section{padding:1rem}.content-section h2{font-size:1.125rem}}.leads-emails-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.leads-emails-grid.leads-emails-grid-3{grid-template-columns:1fr 1fr 1fr}.status-indicator.uninvoiced{background:#2196f3}.status-group{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color)}.status-group-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.created{background:#4caf50}.status-indicator.pending{background:#ff9800}.status-subgroup{margin-bottom:1.25rem}.status-subgroup:last-child{margin-bottom:0}.status-subgroup h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.status-items{display:flex;flex-direction:column;gap:.5rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.status-item.clickable{cursor:pointer}.status-item.clickable:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.status-item-main{display:flex;flex-direction:column;gap:.25rem}.status-item-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.status-item-company{font-size:.8rem;color:var(--text-secondary)}.status-item-date{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.empty-status-group{padding:1.5rem;text-align:center;color:var(--text-muted);font-style:italic;font-size:.875rem}@media (max-width: 1024px){.leads-emails-grid.leads-emails-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.leads-emails-grid,.leads-emails-grid.leads-emails-grid-3{grid-template-columns:1fr}}.xero-connection{background:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.xero-connection.xero-connected{border-color:#13b5ea}.xero-connection-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--border-color, #e0e0e0)}.xero-header-left{display:flex;align-items:center;gap:.75rem}.xero-connection-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}.xero-logo{width:28px;height:28px;margin-right:.5rem}.xero-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.xero-status-badge.connected{background:#28a7451a;color:#28a745}.xero-status-badge.disconnected{background:#6c757d1a;color:#6c757d}.xero-connection-body{padding:1.25rem}.xero-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.xero-connecting .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #13B5EA;border-radius:50%;animation:spin 1s linear infinite}.xero-description{margin-bottom:1.25rem}.xero-description p{margin:0 0 .75rem;color:var(--text-secondary, #666)}.xero-features{list-style:none;padding:0;margin:0}.xero-features li{padding:.25rem 0;color:var(--text-secondary, #666);font-size:.9rem}.xero-org-info{background:#13b5ea0d;border:1px solid rgba(19,181,234,.2);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem}.xero-org-name{font-size:.95rem;color:var(--text-primary, #333)}.xero-connected-date{font-size:.8rem;color:var(--text-secondary, #666);margin-top:.25rem}.xero-settings-toggle{margin-bottom:1rem}.xero-settings-toggle .btn-link{background:none;border:none;padding:0;color:var(--primary-color, #13B5EA);cursor:pointer;font-size:.9rem}.xero-settings-toggle .btn-link:hover{text-decoration:underline}.xero-settings{background:#f8f9fa;border-radius:6px;padding:1rem;margin-bottom:1rem}.xero-settings .form-group{margin-bottom:1rem}.xero-settings .form-group:last-of-type{margin-bottom:1rem}.xero-settings label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.35rem;color:var(--text-secondary, #666)}.xero-settings select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.9rem;background:#fff}.xero-settings select:focus{outline:none;border-color:#13b5ea;box-shadow:0 0 0 2px #13b5ea1a}.xero-actions{padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.btn-xero{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#13b5ea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-xero:hover{background:#0ea5d3;transform:translateY(-1px);box-shadow:0 4px 12px #13b5ea4d}.btn-xero:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-xero .xero-icon{fill:currentColor}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-outline-danger{background:transparent;color:#dc3545;border:1px solid #dc3545;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-outline-danger:hover{background:#dc3545;color:#fff}.btn-outline-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.xero-connection-header{flex-direction:column;align-items:flex-start;gap:.5rem}.xero-status-badge{align-self:flex-start}}.linked-documents-section{margin-top:var(--spacing-lg);padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary)}.section-title{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary)}.no-documents{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}.no-documents p{margin:var(--spacing-xs) 0;font-size:var(--text-sm)}.hint{font-size:var(--text-xs)!important;color:var(--text-tertiary);font-style:italic}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.document-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);background:var(--bg-hover)}.doc-icon{font-size:1.5rem;flex-shrink:0;opacity:.8}.doc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.doc-name{font-weight:600;color:var(--text-primary);font-size:var(--text-base);word-break:break-word;line-height:1.3}.doc-description{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-category{font-size:var(--text-xs);color:var(--text-tertiary);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);width:fit-content;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.doc-actions{flex-shrink:0;display:flex;gap:var(--spacing-xs)}.doc-link-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%);color:var(--primary-dark);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--accent-dark);display:inline-flex;align-items:center}.doc-link-btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.linked-docs-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.linked-documents-section.compact{margin-top:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--border-color);background:var(--bg-tertiary)}.linked-documents-section.compact .section-title{font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.linked-documents-section.compact .document-item{padding:var(--spacing-sm);gap:var(--spacing-sm);border:1px solid var(--border-color)}.linked-documents-section.compact .doc-icon{font-size:1.25rem}.linked-documents-section.compact .doc-name{font-size:var(--text-sm)}@media (max-width: 768px){.linked-documents-section{margin-top:var(--spacing-md);padding:var(--spacing-sm)}.document-item{flex-direction:column;gap:var(--spacing-sm)}.doc-actions{width:100%}.doc-link-btn{width:100%;justify-content:center}}.leads-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto}.leads-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.leads-header-left h1{margin:0;font-family:var(--font-primary, "Playfair Display", serif);font-size:1.75rem;color:var(--text-primary)}.leads-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.875rem}.leads-header-buttons{display:flex;gap:.75rem}.leads-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color, #E5E5E5);margin-bottom:1rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary);background:var(--bg-hover, #F5F5F5)}.tab-btn.active{color:var(--accent-color, #D4AF37);border-bottom-color:var(--accent-color, #D4AF37)}.tab-count{background:var(--bg-tertiary, #F0F0F0);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.tab-btn.active .tab-count{background:var(--accent-color, #D4AF37);color:#000}.leads-filters{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary, #FAFAFA);border-radius:8px;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border-color, #E5E5E5);border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer;min-width:160px}.filter-select:focus{outline:none;border-color:var(--accent-color, #D4AF37)}.checkbox-filter{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.checkbox-filter input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #D4AF37)}.filters-right{display:flex;align-items:center;gap:1.5rem}.results-count{font-size:.8rem;color:var(--text-tertiary)}.leads-table{table-layout:fixed}.leads-table th:nth-child(1),.leads-table td:nth-child(1){width:100px}.leads-table th:nth-child(2),.leads-table td:nth-child(2){width:120px}.leads-table th:nth-child(3),.leads-table td:nth-child(3){width:200px}.leads-table th:nth-child(4),.leads-table td:nth-child(4){width:110px}.leads-table th:nth-child(5),.leads-table td:nth-child(5){width:120px}.leads-table th:nth-child(6),.leads-table td:nth-child(6){width:90px}.leads-table th:nth-child(7),.leads-table td:nth-child(7){width:80px}.leads-table th:nth-child(8),.leads-table td:nth-child(8){width:90px}.leads-table th:nth-child(9),.leads-table td:nth-child(9){width:120px}.leads-table tbody tr.archived-row{opacity:.6;background:var(--bg-tertiary, #F5F5F5)}.lead-name-cell{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.lead-name-cell>span:last-child,.lead-name-cell>:not(.lead-type-indicator){word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0;flex:1}.lead-type-indicator{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.lead-type-indicator.lead{background:#e3f2fd;color:#1565c0}.lead-type-indicator.sale{background:#e8f5e9;color:#2e7d32}.no-data{text-align:center;padding:3rem 1rem!important}.empty-state{color:var(--text-secondary)}.empty-state p{margin:0 0 .25rem;font-weight:500}.empty-state span{font-size:.8rem;color:var(--text-tertiary)}.error-message{padding:.75rem 1rem;background:#ffebee;color:#c62828;border-radius:6px;margin-bottom:1rem}@media (max-width: 1024px){.leads-filters{flex-direction:column;align-items:stretch}.filters-left,.filters-right{justify-content:flex-start}.filters-left{flex-wrap:wrap}}@media (max-width: 768px){.leads-page{padding:1rem}.leads-header{flex-direction:column;gap:1rem}.leads-header-buttons{width:100%}.leads-header-buttons .btn{flex:1}.leads-tabs{overflow-x:auto}.tab-btn{padding:.625rem 1rem;white-space:nowrap}.leads-table-container{overflow-x:auto}.leads-table{min-width:800px}}.create-plan-modal{max-width:700px}.payment-plan-form{display:flex;flex-direction:column;gap:1.5rem}.schedule-description{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0;font-style:italic}.field-hint{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0 0;font-style:italic}.optional-hint{font-weight:400;color:var(--text-secondary);font-size:.75rem;text-transform:none}.schedule-preview-info{display:flex;gap:1rem;padding:1rem;background:#d4af370d;border-left:4px solid var(--accent-color);border-radius:6px;margin-top:.5rem}.new-supplier-input{display:flex;gap:.5rem;align-items:center}.new-supplier-input input{flex:1}.new-supplier-actions{display:flex;gap:.375rem}.new-supplier-actions .btn-icon{min-width:36px;height:36px;padding:.5rem;font-size:1rem;font-weight:500}.schedule-preview-info .info-icon{font-size:1.5rem;flex-shrink:0}.schedule-preview-info strong{display:block;color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem}.schedule-preview-info p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}.field-help-text{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.8125rem;font-style:italic}.label-hint{font-size:.8rem;color:var(--text-muted);font-weight:400}.input-disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.btn-full-width{width:100%}.custom-schedule-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1rem}.custom-schedule-header{margin-bottom:1.5rem}.custom-schedule-header h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:500}.custom-schedule-header .help-text{margin:0;color:var(--text-muted);font-size:.875rem;font-style:italic}.custom-payments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.custom-payment-row{display:grid;grid-template-columns:30px 1fr auto;gap:1rem;align-items:start;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.payment-row-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--accent-color);color:var(--text-primary);border-radius:50%;font-weight:500;font-size:.875rem;flex-shrink:0;margin-top:1.5rem}.payment-row-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1}.custom-payment-row .form-group{margin:0}.custom-payment-row .form-group label{font-size:.75rem;margin-bottom:.25rem}.custom-payment-row input{padding:.625rem;font-size:.875rem}.custom-payment-row .btn-icon{margin-top:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s;font-size:1rem}.custom-payment-row .btn-icon:hover:not(:disabled){background:var(--danger-light);color:var(--danger-color)}.custom-payment-row .btn-icon:disabled{opacity:.3;cursor:not-allowed}.custom-schedule-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.custom-totals{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.custom-total{display:flex;align-items:center;gap:.75rem;font-size:1rem}.custom-total .total-label{color:var(--text-muted);font-weight:500}.custom-total .total-amount{color:var(--text-primary);font-weight:500;font-size:1.125rem}.custom-remaining{display:flex;align-items:center;gap:.75rem;font-size:1rem}.custom-remaining .remaining-label{color:var(--text-muted);font-weight:500}.custom-remaining .remaining-amount{color:var(--accent-color);font-weight:500;font-size:1.25rem}.custom-remaining .remaining-amount.over{color:var(--danger-color)}@media (max-width: 768px){.create-plan-modal{max-width:100%;margin:0;border-radius:0}.create-plan-modal .form-row{grid-template-columns:1fr}}.timesheet-form-page{padding:24px;max-width:1400px;margin:0 auto}.timesheet-form{display:flex;flex-direction:column;gap:24px}.timesheet-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-badge{display:inline-block;padding:8px 16px;background:var(--warning-light);color:var(--accent-dark);border-radius:var(--radius-sm);font-size:var(--text-base);margin-top:8px}.info-badge-inline{display:inline-block;padding:4px 10px;background:var(--warning-light);color:var(--accent-dark);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:400;margin-left:12px}.timesheet-grid-container{overflow-x:auto;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.timesheet-grid{width:100%;border-collapse:collapse;min-width:800px;table-layout:fixed}.timesheet-grid th.sticky-col,.timesheet-grid td.sticky-col{width:180px}.timesheet-grid th.rate-col,.timesheet-grid td.rate-col{width:80px}.timesheet-grid th.date-col,.timesheet-grid td.date-col{width:60px}.timesheet-grid th.total-col,.timesheet-grid td.total-col{width:70px}.timesheet-grid th.paid-col,.timesheet-grid td.paid-col{width:50px}.timesheet-grid th.actions-col,.timesheet-grid td.actions-col{width:80px}.timesheet-grid th{text-align:left;padding:.75rem .5rem;font-weight:500;color:var(--text-white);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body);background:var(--primary-color);box-shadow:inset 0 -2px 0 var(--accent-color)}.timesheet-grid th.total-col{text-align:right}.timesheet-grid th.paid-col,.timesheet-grid th.actions-col{text-align:center}.timesheet-grid td{padding:8px;border-bottom:1px solid var(--border-color);vertical-align:middle}.timesheet-grid th.sticky-col{background:var(--primary-color);z-index:11}.rate-col{left:180px}.date-col,.timesheet-grid th.date-col{text-align:center}.hours-cell{text-align:center}.hours-cell input{width:100%;max-width:70px;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:14px;margin:0 auto}.hours-cell input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0066cc1a}.hours-cell.saving{position:relative}.hours-cell.saving input{background-color:var(--bg-secondary);opacity:.7}.cell-saving-indicator{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--accent-color);font-size:12px}.cell-saving-indicator.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.sticky-col input{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.sticky-col input:focus,.sticky-col select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0066cc1a}.new-staff-input input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0066cc1a}.total-col{text-align:right;font-weight:500;min-width:100px;color:var(--success-color)}.paid-col{width:60px;text-align:center}.btn-paid{padding:6px;background:transparent;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.125rem}.btn-paid:hover{border-color:var(--success-color);color:var(--success-color)}.btn-paid.paid{background:var(--success-color);border-color:var(--success-color);color:#fff}.btn-paid.paid:hover{background:var(--success-dark);border-color:var(--success-dark)}.totals-row{background:var(--bg-secondary);font-weight:500}.totals-label{text-align:right;font-weight:500;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.timesheet-form-page{padding:12px}.form-header{flex-direction:column;align-items:flex-start}.form-header h1{font-size:1.5rem}.form-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.timesheet-form-page .btn-secondary,.timesheet-form-page .btn-primary{width:100%}.timesheet-form .form-row{grid-template-columns:1fr}.timesheet-grid-container{margin:0 -16px;padding:0 16px}.timesheet-grid{font-size:.8125rem}.timesheet-grid th,.timesheet-grid td{padding:8px 4px}.sticky-col{min-width:120px}.rate-col{left:120px;min-width:80px}.date-col{min-width:60px}.form-actions{flex-direction:column-reverse;padding:16px}}.btn-icon.notes{color:var(--text-muted);transition:all .2s ease}.btn-icon.notes:hover{color:var(--info-color);background:#3b82f61a}.btn-icon.notes.has-notes{color:var(--info-color);background:#3b82f626}.btn-icon.notes.has-notes:hover{background:#3b82f640}.rostering-form-page{padding:24px;max-width:1400px;margin:0 auto}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.form-header h1{margin:0;color:var(--text-primary);font-size:1.75rem;font-weight:500}.rostering-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--bg-primary);padding:24px;border-radius:var(--radius-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:500;font-family:var(--font-primary)}.section-header-actions,.new-section-input{display:flex;align-items:center;gap:8px}.new-section-input input{padding:8px 12px;border:1px solid var(--accent-color);border-radius:4px;font-size:14px;width:180px}.new-section-input input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3726}.btn-small{padding:6px 12px;font-size:.8125rem;background:var(--primary-color);color:var(--text-white);border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-small:hover{background:var(--primary-light)}.btn-small.cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-small.cancel:hover{background:var(--bg-tertiary)}.roster-section{margin-bottom:24px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);overflow:hidden}.roster-section-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.section-collapse-btn{padding:4px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px}.section-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.section-title{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary)}.section-count{font-size:.8125rem;color:var(--text-muted);margin-left:auto;margin-right:12px}.section-actions{display:flex;align-items:center;gap:8px}.empty-section{padding:32px;text-align:center;color:var(--text-muted)}.empty-section p{margin:0 0 16px}.roster-grand-total{display:flex;align-items:center;gap:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:16px}.grand-total-label{font-weight:500;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.grand-total-value{font-weight:500;color:var(--text-primary);font-size:.875rem;font-family:var(--font-body)}.rostering-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:start}.rostering-form .form-group label{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:1.5rem}.info-badge-inline{display:inline-flex;padding:2px 8px;background:var(--warning-light);color:var(--accent-dark);border-radius:var(--radius-sm);font-size:.7rem;font-weight:400;white-space:nowrap}.rostering-grid-container{overflow-x:auto;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.rostering-grid{width:100%;border-collapse:collapse;min-width:600px;table-layout:fixed}.rostering-grid th.sticky-col,.rostering-grid td.sticky-col{width:200px}.rostering-grid th.date-col,.rostering-grid td.date-col,.rostering-grid th.total-col,.rostering-grid td.total-col{width:70px}.rostering-grid th.actions-col,.rostering-grid td.actions-col{width:60px}.rostering-grid th{text-align:left;padding:.75rem .5rem;font-weight:500;color:var(--text-white);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body);background:var(--primary-color);box-shadow:inset 0 -2px 0 var(--accent-color)}.rostering-grid th.total-col{text-align:right}.rostering-grid th.actions-col{text-align:center}.rostering-grid td{padding:8px;border-bottom:1px solid var(--border-color);vertical-align:middle}.sticky-col{position:sticky;left:0;background:var(--bg-primary);z-index:10}.rostering-grid th.sticky-col{background:var(--primary-color);z-index:11}.date-col,.rostering-grid th.date-col{text-align:center}.date-header{display:flex;flex-direction:column;align-items:center;gap:2px}.day-name{font-size:.7rem;text-transform:uppercase;color:#ffffffb3}.day-number{font-size:1rem;font-weight:500;color:var(--text-white)}.toggle-cell{text-align:center}.day-toggle{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-muted)}.day-toggle:hover{border-color:var(--primary-color);background:var(--bg-primary)}.day-toggle.on{background:var(--success-color);border-color:var(--success-color);color:var(--text-white)}.day-toggle.on:hover{background:var(--success-dark);border-color:var(--success-dark)}.day-toggle.off{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted)}.sticky-col select{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);cursor:pointer}.sticky-col select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3726}.new-staff-input{display:flex;width:100%}.new-staff-input input{width:100%;padding:8px;border:1px solid var(--accent-color);border-radius:4px;font-size:14px}.new-staff-input input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3726}.total-col{text-align:right;font-weight:400;min-width:70px;color:var(--text-primary)}.actions-col{width:60px;text-align:center}.totals-row{background:var(--bg-secondary);font-weight:400}.totals-label{text-align:right;font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.btn-icon.danger:hover:not(:disabled){background:var(--danger-light);color:var(--danger-color)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.rostering-form-page{padding:12px}.form-header{flex-direction:column;align-items:flex-start}.form-header h1{font-size:1.5rem}.form-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.rostering-form-page .btn-secondary,.rostering-form-page .btn-primary{width:100%}.rostering-form .form-row{grid-template-columns:1fr}.rostering-grid-container{margin:0 -16px;padding:0 16px}.rostering-grid{font-size:.8125rem}.rostering-grid th,.rostering-grid td{padding:8px 4px}.sticky-col{min-width:120px}.date-col{min-width:60px}.day-toggle{width:32px;height:32px;font-size:.875rem}.form-actions{flex-direction:column-reverse;padding:16px}}.square-sync-page{padding:2rem;max-width:1400px;margin:0 auto}.square-sync-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.square-sync-page .page-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:-.02em}.square-sync-page .page-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:400}.sync-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.control-group select{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;min-width:250px;cursor:pointer}.control-group select:focus{outline:none;border-color:var(--accent-color)}.toggle-buttons{display:flex;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.toggle-btn{padding:.75rem 1.25rem;border:none;background:var(--bg-primary);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:first-child{border-right:1px solid var(--border-color)}.toggle-btn.active{background:var(--accent-color);color:var(--bg-primary)}.toggle-btn:hover:not(.active){background:var(--bg-tertiary)}.control-group.actions{flex-direction:row;margin-left:auto;gap:1rem}.btn-danger{background:var(--bg-tertiary);color:var(--danger-color);border:2px solid var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-color);color:var(--text-white)}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500}.alert svg{flex-shrink:0;font-size:1.25rem}.alert-success{background:var(--success-light);border:1px solid var(--success-color);color:var(--success-color)}.alert-error{background:var(--danger-light);border:1px solid var(--danger-color);color:var(--danger-color)}.sync-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.sync-summary .summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.sync-summary .summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-light));border-radius:var(--radius-md);color:var(--bg-primary);font-size:1.25rem}.sync-summary .summary-content{display:flex;flex-direction:column}.sync-summary .summary-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.sync-summary .summary-value.summary-date{font-size:.95rem;font-weight:500}.sync-summary .summary-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-content{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.data-table-container{overflow-x:auto}.item-name{font-weight:500;color:var(--text-primary)}.item-description{color:var(--text-secondary);font-size:.9rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.square-id{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.sync-date{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.variations{display:flex;flex-wrap:wrap;gap:.5rem}.variation-badge{display:inline-block;padding:.25rem .75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--accent-color)}.category-count{font-size:.85rem;color:var(--text-secondary)}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase}.type-badge.single{background:var(--info-light);color:var(--info-color)}.type-badge.multiple{background:#a855f71a;color:var(--primary-color)}.modifiers-list{display:flex;flex-wrap:wrap;gap:.5rem}.modifier-option{display:inline-block;padding:.2rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary)}.more-badge{display:inline-block;padding:.2rem .6rem;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-tertiary)}.empty-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-tab svg{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-tab p{margin:0;font-size:1rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--accent-color);opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0 0 .75rem}.empty-state p{font-size:1rem;color:var(--text-secondary);margin:0}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.square-sync-page{padding:1rem}.sync-controls{flex-direction:column;align-items:stretch}.control-group select{min-width:auto;width:100%}.control-group.actions{margin-left:0;flex-direction:column}.sync-summary{grid-template-columns:repeat(2,1fr)}.tabs{overflow-x:auto}.tab{white-space:nowrap}}.menus-container{display:flex;flex-direction:column;gap:1.5rem}.menu-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.menu-info{flex:1}.menu-name{font-size:1.15rem;font-weight:500;color:var(--text-primary);margin:0 0 .25rem}.menu-description{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem}.menu-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.location-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--accent-color);color:var(--bg-primary);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.default-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--success-bg);color:var(--success-color);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase}.group-count{font-size:.85rem;color:var(--text-secondary)}.menu-sync-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-tertiary)}.menu-groups{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.menu-group{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.group-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.group-icon{color:var(--accent-color);font-size:1rem}.group-name{font-weight:500;color:var(--text-primary);flex:1}.item-count{font-size:.85rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.2rem .6rem;border-radius:var(--radius-sm)}.group-items{display:flex;flex-wrap:wrap;gap:.5rem}.item-tag{display:inline-block;padding:.3rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.empty-hint{font-size:.85rem!important;margin-top:.5rem!important;opacity:.7}@media (max-width: 768px){.menu-header{flex-direction:column;gap:.75rem}.menu-sync-date{align-self:flex-start}.menu-groups{padding:.75rem}}.square-items-page{max-width:1600px}.filters-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.filters-row .data-filter-group label{display:flex;align-items:center;gap:.35rem}.filters-row .data-filter-group label svg{opacity:.6}.search-box{position:relative;flex:1;min-width:200px;max-width:300px}.search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.search-box input::placeholder{color:var(--text-muted)}.expand-controls{display:flex;gap:.5rem;margin-left:auto}.expand-controls .btn-sm{display:flex;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.expand-controls .btn-sm:hover{border-color:var(--accent-color);color:var(--accent-color)}.square-items-table{table-layout:fixed}.square-items-table .expand-cell{width:40px;padding:.75rem .5rem .75rem 1rem!important}.square-items-table .expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s ease}.item-row.expandable{cursor:pointer}.item-row.expandable:hover .expand-icon{background:var(--bg-tertiary);color:var(--accent-color)}.item-row.expanded{background:var(--bg-secondary)}.item-row.expanded .expand-icon{color:var(--accent-color)}.item-name-cell{width:30%}.item-name{display:flex;align-items:center;gap:.75rem}.item-name .item-icon{color:var(--accent-color);font-size:1rem;flex-shrink:0}.item-name span{font-weight:500;color:var(--text-primary)}.variation-count{display:inline-block;padding:.15rem .5rem;background:var(--bg-tertiary);border-radius:99px;font-size:.7rem;font-weight:500;color:var(--text-muted);margin-left:.5rem}.variation-cell{width:25%}.variation-name{font-weight:500;color:var(--text-primary)}.variation-name.muted{color:var(--text-muted)}.price-cell{width:12%}.price{font-weight:500;font-size:.8125rem;color:var(--accent-dark);font-family:var(--font-body)}.price.muted{color:var(--text-muted);font-weight:500}.category-cell{width:28%}.category-tags{display:flex;flex-wrap:wrap;gap:.35rem}.category-tag{display:inline-block;padding:.25rem .6rem;background:linear-gradient(135deg,var(--primary-color),#2a2a2a);color:var(--text-white);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.variation-row{background:var(--bg-tertiary);border-left:3px solid var(--accent-color)!important}.variation-row td{padding-top:.625rem!important;padding-bottom:.625rem!important}.variation-indent{display:flex;align-items:center;padding-left:1.5rem}.variation-line{display:block;width:16px;height:1px;background:var(--border-color)}.variation-detail{display:flex;align-items:center;gap:.5rem}.variation-detail .variation-icon{color:var(--success-color);font-size:.875rem}.variation-detail span{font-weight:500;color:var(--text-secondary)}.sku-badge{display:inline-block;padding:.125rem .4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;color:var(--text-muted);margin-left:.5rem;font-family:monospace}.variation-price{font-size:.875rem;color:var(--success-color)!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-state .empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);font-size:1.75rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-table .empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.empty-table h3{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.empty-table p{color:var(--text-secondary);margin:0;font-size:.875rem}.loading-table{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);font-size:.95rem}.table-footer{display:flex;align-items:center;gap:2rem;padding:1rem 1.25rem;margin-top:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.footer-stat{font-size:.875rem;color:var(--text-secondary)}.footer-stat strong{color:var(--text-primary);font-weight:500;margin-right:.25rem}@media (max-width: 1024px){.filters-row{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.expand-controls{margin-left:0;justify-content:flex-end}.square-items-table .item-name-cell,.square-items-table .category-cell{width:auto}}@media (max-width: 768px){.category-tags{flex-direction:column}.table-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}.editable-field{display:flex;align-items:center;gap:.5rem}.editable-field .field-icon{color:var(--accent-color);font-size:1rem;flex-shrink:0}.inline-input{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.375rem .5rem;font-size:.875rem;font-weight:500;font-family:var(--font-body);color:var(--text-primary);width:100%;transition:all .2s ease}.inline-input:hover{background:var(--bg-secondary);border-color:var(--border-color)}.inline-input:focus{outline:none;background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3726}.inline-input::placeholder{color:var(--text-muted);font-style:italic}.description-input{color:var(--text-secondary);font-weight:400}.price-input-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:.125rem}.price-input-wrapper .currency-symbol{color:var(--accent-dark);font-weight:500;font-size:.875rem;font-family:var(--font-body)}.price-input{width:80px;text-align:right;font-weight:500;color:var(--accent-dark)}.variation-price-input{color:var(--success-color)}.item-row.edited,.variation-row.edited{background:#d4af370d}.item-row.edited{box-shadow:inset 3px 0 0 var(--accent-color)}.actions-cell{white-space:nowrap}.category-more{display:inline-block;padding:.2rem .4rem;background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-sm);font-size:.65rem;font-weight:500}.footer-stat.unsaved{color:var(--accent-color);display:flex;align-items:center;gap:.25rem}.footer-stat.unsaved strong{color:var(--accent-color)}.catering-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.catering-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.catering-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.catering-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.catering-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin:0}.section-description{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0 0;max-width:600px}.section-actions{display:flex;gap:.75rem}.uom-form-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.uom-form-card h3{font-size:1rem;font-weight:500;margin:0 0 1rem;color:var(--text-primary)}.uom-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.status-active{background:#22c55e26;color:#22c55e}.status-inactive{background:#9ca3af26;color:#9ca3af}.type-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.type-volume{background:#3b82f626;color:#3b82f6}.type-pieces{background:#a855f726;color:#a855f7}.text-small{font-size:.8rem}.text-center{text-align:center}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:transparent;border:none;padding:.375rem;cursor:pointer;font-size:1rem;border-radius:var(--radius-sm);transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary)}.btn-icon.btn-danger:hover{background:#ef444426}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.pricing-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.pricing-card label{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.pricing-input-group{display:flex;align-items:center;gap:.5rem}.pricing-input-group input{flex:1;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-weight:500;background:var(--bg-primary);color:var(--text-primary)}.pricing-input-group input:focus{outline:none;border-color:var(--accent-color)}.multiplier-label{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.pricing-hint{font-size:.8rem;color:var(--text-secondary);margin:.5rem 0 0}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mapping-card{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.mapping-card label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.mapping-card select{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.mapping-card select:focus{outline:none;border-color:var(--accent-color)}code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:Monaco,Consolas,monospace;font-size:.85rem;color:var(--accent-color)}.help-note{display:flex;gap:1rem;background:linear-gradient(135deg,#d4af3714,#d4af3708);border:2px solid rgba(212,175,55,.25);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.help-note-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.help-note-content{flex:1}.help-note-content>strong{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.help-note-content>p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .75rem}.help-note-content>p:last-child{margin-bottom:0}.help-note-content ul{margin:.75rem 0;padding-left:1.25rem}.help-note-content li{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.35rem}.help-note-content li strong{color:var(--text-primary);font-weight:500}.help-note-tip{font-size:.85rem!important;padding:.5rem .75rem;background:#22c55e1a;border-radius:var(--radius-sm);border-left:3px solid #22c55e;color:var(--text-primary)!important}.help-note-table{margin:1rem 0;overflow-x:auto}.help-note-table table{width:100%;border-collapse:collapse;font-size:.85rem}.help-note-table th,.help-note-table td{padding:.5rem .75rem;text-align:left;border:1px solid var(--border-color)}.help-note-table th{background:var(--bg-secondary);font-weight:500;color:var(--text-primary)}.help-note-table td{background:var(--bg-primary);color:var(--text-secondary)}.help-note-table tr:hover td{background:var(--bg-secondary)}@media (max-width: 640px){.help-note{flex-direction:column;gap:.75rem}.help-note-icon{margin-top:0}.help-note-table table{font-size:.8rem}.help-note-table th,.help-note-table td{padding:.375rem .5rem}}.terms-editor{margin-bottom:1.5rem}.terms-textarea{width:100%;min-height:400px;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9rem;line-height:1.6;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:border-color .2s ease}.terms-textarea:focus{outline:none;border-color:var(--accent-color)}.terms-textarea::placeholder{color:var(--text-muted)}.terms-char-count{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);text-align:right}.quote-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color)}.quote-step{display:flex;align-items:center;gap:.75rem;opacity:.5;transition:all .3s ease}.quote-step.active{opacity:1}.quote-step.completed{opacity:.8}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--border-color);color:var(--text-secondary);font-weight:500;font-size:.875rem;transition:all .3s ease}.quote-step.active .step-number{background:var(--accent-color);color:var(--primary-color)}.quote-step.completed .step-number{background:var(--success-color, #22c55e);color:#fff}.quote-step.completed .step-number:after{content:"✓"}.step-label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.quote-step.active .step-label{color:var(--text-primary)}.quote-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:2px solid var(--border-color)}.quote-section h2{font-size:1.25rem;font-weight:500;margin:0 0 1.5rem;color:var(--text-primary)}.quote-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.quote-form-grid .form-group.full-width{grid-column:1 / -1}.quote-form-grid input,.quote-form-grid select,.quote-form-grid textarea{width:100%;padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.quote-form-grid input:focus,.quote-form-grid select:focus,.quote-form-grid textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.quote-form-grid input.readonly{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.quote-form-grid textarea{resize:vertical;min-height:80px}.step-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.step-actions.summary-actions{justify-content:center}.item-selection-form{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.item-selector{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.5rem}.item-selector-row{display:flex!important;align-items:flex-end!important;gap:.5rem!important;flex-wrap:nowrap!important}.item-selector-primary{margin-bottom:.75rem}.item-selector-config{padding-top:.75rem;border-top:1px solid var(--border-color)}.selector-field{display:flex;flex-direction:column;gap:.25rem}.selector-field label{font-size:var(--text-xs)!important;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0}.selector-field select,.selector-field input{height:34px!important;padding:0 .5rem!important;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm)!important;background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s}.selector-field select:focus,.selector-field input:focus{outline:none;border-color:var(--accent-color)}.selector-field select:disabled{opacity:.5;cursor:not-allowed}.selector-category{flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important}.selector-category select{width:100%!important}.selector-item{flex:1 1 auto!important;min-width:150px!important}.selector-item select{width:100%!important}.selector-variation{flex:0 0 130px!important;width:130px!important;min-width:130px!important;max-width:130px!important}.selector-variation select{width:100%!important}.selector-variation-splits{flex:1 1 auto!important;min-width:200px!important;max-width:400px!important}.item-selector-variations{padding-top:0!important;margin-top:-.5rem}.selector-variation-splits-full{flex:1 1 100%!important;width:100%!important}.selector-variation-splits label,.selector-variation-splits-full label{display:flex;align-items:center;gap:.5rem}.selector-variation-splits .split-total,.selector-variation-splits-full .split-total{font-size:.75rem;color:var(--text-secondary);font-weight:400}.variation-splits-list{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.variation-split-row{display:flex;align-items:center;gap:.25rem;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.75rem}.variation-split-row .split-name{color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variation-split-row .split-percent-input{width:50px!important;height:24px!important;padding:0 .3rem!important;text-align:center;font-size:.8rem;border:1px solid var(--border-color);border-radius:3px}.variation-split-row .split-percent-sign{color:var(--text-secondary);font-size:.7rem}.variation-split-row .split-remove-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:.9rem;padding:0 .15rem;line-height:1}.variation-split-row .split-remove-btn:hover{color:var(--danger-hover)}.add-variation-select{height:24px!important;padding:0 .3rem!important;font-size:.7rem!important;min-width:100px;border:1px dashed var(--border-color)!important;background:transparent!important;color:var(--text-secondary)}.add-variation-select:hover{border-color:var(--primary-color)!important;color:var(--text-primary)}.selector-uom{flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important}.selector-uom select{width:100%!important}.selector-qty{flex:0 0 50px!important;width:50px!important;min-width:50px!important;max-width:50px!important}.selector-qty input{width:100%!important;text-align:center!important;padding:0 .25rem!important}.selector-qty input::-webkit-outer-spin-button,.selector-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.selector-qty input[type=number]{-moz-appearance:textfield}.selector-price-display{flex:0 0 auto!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px!important;height:34px;padding:0 .5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm)}.selector-price-display .price-value{font-size:.8rem;font-weight:400;color:var(--text-primary);line-height:1.2}.selector-price-display .price-hint{font-size:.55rem;color:var(--text-secondary);text-align:center;line-height:1.1;max-width:80px}.selector-price-display .price-hint.warning{color:var(--warning-color, #f59e0b)}.selector-override{flex:0 0 90px!important;width:90px!important;min-width:90px!important;max-width:90px!important}.override-input-wrap{position:relative;display:flex;align-items:center}.override-input-wrap .currency-prefix{position:absolute;left:.4rem;font-size:.8rem;color:var(--text-secondary);pointer-events:none;z-index:1}.override-input-wrap input{width:100%!important;height:34px!important;padding:0 .5rem 0 1.2rem!important;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm)!important;background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s}.override-input-wrap input:focus{outline:none;border-color:var(--accent-color)}.override-input-wrap input::placeholder{color:var(--text-secondary);opacity:.6}.selector-actions{display:flex!important;gap:.4rem!important;align-items:flex-end!important;height:46px!important;flex:0 0 auto!important}.btn-note-compact{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;background:var(--bg-primary)!important;cursor:pointer;transition:all .15s;font-size:.85rem!important;padding:0!important}.btn-note-compact:hover{border-color:var(--accent-color);background:#d4af371a}.btn-note-compact.has-note{border-color:var(--accent-color);background:#d4af3733}.btn-add-item{height:34px!important;padding:0 .6rem!important;background:var(--accent-color)!important;color:var(--primary-color)!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer;transition:all .15s;white-space:nowrap!important}.btn-add-item:hover:not(:disabled){background:#c9a227;transform:translateY(-1px)}.btn-add-item:disabled{opacity:.5;cursor:not-allowed}.selection-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.selection-row:last-child{margin-bottom:0}.selection-row .form-group{min-width:120px}.selection-row .form-group.flex-grow{flex:1;min-width:200px}.selection-row input,.selection-row select{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.qty-input{width:70px!important;min-width:70px!important;max-width:70px!important;padding:.375rem .5rem!important;text-align:center;border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important}.selection-row .form-group.narrow-qty{min-width:70px!important;max-width:70px!important;width:70px!important;flex:0 0 70px!important}.selection-row .form-group.narrow-amount{min-width:100px!important;max-width:100px!important;width:100px!important;flex:0 0 100px!important}.selection-row .form-group.narrow-qty input,.selection-row .form-group.narrow-amount input{width:100%!important;text-align:right;padding-right:.5rem}.selection-row .form-group.calc-price{min-width:130px;max-width:160px;flex:0 0 auto}.selection-row .form-group.actions-col{min-width:auto!important;flex:0 0 auto}.custom-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;border-radius:999px;font-size:.65rem;font-weight:500;text-transform:uppercase;background:#d4af3726;color:var(--accent-color)}.mt-2{margin-top:1.5rem}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.review-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.review-card h3{font-size:1rem;font-weight:500;margin:0 0 1rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.review-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}.review-card dt{font-weight:500;color:var(--text-secondary);font-size:.85rem}.review-card dd{margin:0;color:var(--text-primary);font-size:.9rem}.review-items-list{list-style:none;margin:0;padding:0}.review-items-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.review-items-list li:last-child{border-bottom:none}.review-notes{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.review-notes h3{font-size:1rem;font-weight:500;margin:0 0 .75rem;color:var(--text-primary)}.review-notes p{margin:0;color:var(--text-secondary);font-size:.9rem;white-space:pre-wrap}.review-terms-category{margin-bottom:.5rem}.review-terms-category-header{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 .35rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.review-notes li{font-size:.85rem;color:var(--text-primary);line-height:1.5;margin-bottom:.25rem}.summary-totals{max-width:400px;margin:0 auto 2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.total-row{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.total-row:last-child{border-bottom:none}.total-row.grand-total{font-weight:500;font-size:1.25rem;color:var(--accent-color);padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--accent-color)}.total-row.per-person{font-size:.9rem;color:var(--text-secondary)}.summary-extras{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.quote-steps{flex-direction:column;gap:1rem;align-items:flex-start}.selection-row{flex-direction:column;align-items:stretch}.selection-row .form-group{width:100%;min-width:unset}.step-actions{flex-direction:column}.step-actions button{width:100%}}.calculated-price{background:#22c55e1a!important;color:#22c55e!important;font-weight:500;border-color:#22c55e4d!important}.add-item-actions{display:flex;gap:.5rem;align-items:center}.btn-note{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--bg-primary);border:2px solid var(--border-color);padding:0;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:all .2s ease}.btn-note:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.btn-note.has-note,.btn-note:has(+.has-note-indicator){background:#d4af3726;border-color:var(--accent-color);color:var(--accent-color)}.btn-note.has-note:hover{background:#d4af3740}.data-cell-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem;padding:.25rem .5rem;background:#d4af371a;border-radius:var(--radius-sm);display:inline-block}.action-buttons{display:flex;gap:.375rem}.item-note-modal{max-width:500px}.item-note-modal textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:inherit}.item-note-modal textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.custom-items-section{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.custom-items-section h3{font-size:.9rem;font-weight:500;margin-bottom:.75rem;color:var(--text-primary)}.custom-item-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.custom-item-name-select{width:140px;height:34px;font-size:.8rem}.custom-item-name-input{flex:1;min-width:120px;height:34px;font-size:.8rem;padding-left:.5rem;padding-right:.5rem}.custom-item-amount-wrap{position:relative;display:flex;align-items:center;width:100px}.custom-item-amount-wrap .currency-prefix{position:absolute;left:.5rem;color:var(--text-secondary);font-size:.8rem}.custom-item-amount-input{width:100%;height:34px;padding-left:1.25rem;font-size:.8rem;text-align:right}.btn-add-custom{height:34px;padding:0 1rem;font-size:.8rem;font-weight:500;color:var(--text-primary);background:var(--accent-color);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.btn-add-custom:hover:not(:disabled){background:var(--accent-hover)}.btn-add-custom:disabled{opacity:.5;cursor:not-allowed}.custom-items-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.custom-item-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.custom-item-name{flex:1;font-size:.85rem;color:var(--text-primary)}.custom-item-amount{font-size:.85rem;font-weight:500;color:var(--text-primary)}.btn-remove-custom{width:22px;height:22px;padding:0;font-size:1rem;line-height:1;color:var(--danger-color);background:none;border:none;cursor:pointer}.btn-remove-custom:hover{color:var(--danger-hover)}.terms-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.terms-header-row h3{margin:0}.terms-empty-state{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:.5rem 0;margin:0}.selected-terms-display{margin-bottom:.75rem}.terms-selection-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.terms-modal-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.terms-categories-list{display:flex;flex-direction:column;gap:1rem}.terms-modal-category{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.terms-modal-category-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.terms-modal-category-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.btn-select-all{font-size:.75rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.btn-select-all:hover{background:var(--bg-secondary);color:var(--text-primary)}.terms-modal-items{padding:.5rem}.terms-modal-checkbox{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem .6rem;font-size:.85rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);line-height:1.4}.terms-modal-checkbox:hover{background:var(--bg-secondary)}.terms-modal-checkbox input[type=checkbox]{margin-top:.2rem;flex-shrink:0;width:16px;height:16px}.terms-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.terms-selected-count{font-size:.85rem;color:var(--text-secondary)}.terms-modal-actions{display:flex;gap:.5rem}.terms-categories{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.terms-category-group{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.terms-category-header{font-size:.8rem;font-weight:600;padding:.5rem .75rem;margin:0;background:var(--bg-tertiary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.terms-category-items{display:flex;flex-direction:column;padding:.5rem}.terms-checkbox-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;font-size:.8rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm)}.terms-checkbox-item:hover{background:var(--bg-secondary)}.terms-checkbox-item input[type=checkbox]{margin-top:.15rem;flex-shrink:0}.terms-checkbox-item span{line-height:1.4}.selected-terms-section{border-top:1px solid var(--border-color);padding-top:.75rem}.selected-terms-section h4{font-size:.85rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.selected-terms-category{margin-bottom:.5rem}.selected-category-label{display:block;font-size:.75rem;color:var(--text-secondary);padding:.25rem 0}.quote-totals-preview{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.quote-totals-preview .totals-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.85rem}.quote-totals-preview .totals-row.subtotal{border-top:1px solid var(--border-color);margin-top:.35rem;padding-top:.5rem;font-weight:500}.quote-totals-preview .totals-row.gst{color:var(--text-secondary)}.quote-totals-preview .totals-row.total{font-size:1rem;font-weight:500;color:var(--accent-color);border-top:2px solid var(--accent-color);margin-top:.35rem;padding-top:.5rem}.quote-totals-preview .totals-row.per-person{font-size:.85rem;color:var(--text-secondary);border-top:1px dashed var(--border-color);margin-top:.35rem;padding-top:.35rem}.review-totals{border-top:1px solid var(--border-color);padding-top:.75rem}.review-total-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.85rem}.review-total-row.grand{font-size:1rem;font-weight:500;color:var(--accent-color);margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.text-muted{color:var(--text-secondary)}.text-right{text-align:right}.terms-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.terms-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.terms-section-header h3{font-size:1rem;font-weight:500;margin:0;color:var(--text-primary)}.terms-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 .75rem}.terms-textarea-compact{width:100%;min-height:200px;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;line-height:1.5;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:border-color .2s ease}.terms-textarea-compact:focus{outline:none;border-color:var(--accent-color)}.data-btn-link{background:none;border:none;color:var(--accent-color);font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.data-btn-link:hover{opacity:.8}.editable-cell{cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:var(--radius-sm);transition:background-color .15s ease;display:inline-flex;align-items:center;gap:.35rem}.editable-cell:hover{background-color:var(--bg-secondary)}.edited-indicator{font-size:.75rem;color:var(--accent-color);opacity:.7}.inline-edit-input{width:100%;padding:.35rem .5rem;font-size:.875rem;border:2px solid var(--accent-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none}.inline-edit-input.inline-edit-uom{width:80px}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ai-modal-content{background:var(--bg-primary);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ai-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--info-color) 0%,var(--primary-color) 100%);color:var(--text-white)}.ai-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.ai-modal-close{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ai-modal-close:hover{background:#ffffff4d}.ai-modal-body{padding:24px;overflow-y:auto;flex:1}.ai-modal-instructions{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:20px;border-left:4px solid var(--info-color)}.ai-modal-instructions p{margin:0 0 12px;color:var(--text-primary)}.ai-modal-instructions ul{margin:0;padding-left:20px;color:var(--text-secondary)}.ai-modal-instructions li{margin:4px 0}.ai-modal-input-group{margin-bottom:20px}.ai-modal-input-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.ai-modal-input-group textarea{width:100%;padding:14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.ai-modal-input-group textarea:focus{outline:none;border-color:var(--info-color);box-shadow:0 0 0 3px #3b82f61a}.ai-modal-input-group textarea::placeholder{color:var(--text-muted)}.ai-modal-input-group textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed}.ai-modal-error{background:var(--danger-light);border:1px solid var(--danger-color);border-radius:8px;padding:12px 16px;color:var(--danger-color);margin-bottom:20px;display:flex;align-items:center;gap:8px}.ai-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.ai-generate-btn{display:flex;align-items:center;gap:8px}.ai-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-preview-header{text-align:center;margin-bottom:24px}.ai-preview-header h3{margin:0 0 8px;color:var(--success-color);font-size:1.25rem}.ai-preview-header p{margin:0;color:var(--text-secondary)}.ai-preview-content{background:var(--bg-secondary);border-radius:8px;padding:20px;max-height:400px;overflow-y:auto}.ai-preview-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.ai-preview-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ai-preview-section h4{margin:0 0 8px;color:var(--info-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.ai-preview-section p{margin:0 0 8px;color:var(--text-primary);line-height:1.5}.ai-preview-section ul{margin:0;padding-left:20px;color:var(--text-secondary)}.ai-preview-section li{margin:4px 0}.ai-preview-table{width:100%;border-collapse:collapse;font-size:.9rem}.ai-preview-table th,.ai-preview-table td{padding:8px 12px;text-align:left;border:1px solid var(--border-color)}.ai-preview-table th{background:var(--bg-tertiary);font-weight:600}.ai-preview-table td{background:var(--bg-primary)}.ai-preview-more{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-top:16px}.ai-preview-more p{margin:0;color:var(--info-color)}@media (max-width: 640px){.ai-modal-content{max-height:95vh}.ai-modal-header{padding:16px 20px}.ai-modal-header h2{font-size:1.25rem}.ai-modal-body{padding:16px}.ai-modal-actions{flex-direction:column}.ai-modal-actions button{width:100%}}.it-proposal-builder{max-width:1400px;margin:0 auto}.proposal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);margin-bottom:1.5rem}.proposal-header-left{display:flex;flex-direction:column;gap:.25rem}.proposal-number{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary)}.proposal-status{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.proposal-status .status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.draft{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.sent{background:var(--info-light);color:var(--info-color)}.status-badge.review{background:var(--warning-light);color:var(--warning-color)}.status-badge.hold{background:var(--bg-dark);color:var(--text-secondary)}.status-badge.won{background:var(--success-light);color:var(--success-color)}.status-badge.lost{background:var(--danger-light);color:var(--danger-color)}.proposal-header-right{display:flex;gap:.75rem;align-items:center}.proposal-version{font-size:var(--text-sm);color:var(--text-secondary);padding:.25rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.proposal-metadata{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);padding:1.5rem 2rem;margin-bottom:1.5rem}.proposal-metadata h3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:500;margin:0 0 1rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.metadata-field{display:flex;flex-direction:column;gap:.25rem}.metadata-field label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.metadata-field input,.metadata-field select{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.metadata-field input:focus,.metadata-field select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.metadata-field input:disabled,.metadata-field select:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.template-selector{background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.template-selector-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.template-selector select{flex:1;max-width:300px;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.template-selector .btn-load-template{padding:.5rem 1rem}.proposal-sections{display:flex;flex-direction:column;gap:1rem}.proposal-section{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);overflow:hidden;transition:all .2s ease}.proposal-section.disabled{opacity:.5;border-style:dashed}.proposal-section.expanded{border-color:var(--accent-color)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;background:var(--bg-secondary);transition:background .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:var(--bg-tertiary)}.section-header-left{display:flex;align-items:center;gap:1rem}.section-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.section-toggle input{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.section-title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-left:.75rem}.section-header-right{display:flex;align-items:center;gap:.75rem}.section-fetch-controls{display:flex;align-items:center;gap:.5rem}.section-fetch-select{padding:.35rem .75rem;font-size:var(--text-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;max-width:200px;transition:all .2s ease}.section-fetch-select:hover{border-color:var(--accent-color)}.section-fetch-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.btn-fetch-section{padding:.35rem .75rem;font-size:var(--text-xs);font-weight:500;background:var(--accent-color);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-fetch-section:hover:not(:disabled){background:var(--accent-hover)}.btn-fetch-section:disabled{opacity:.5;cursor:not-allowed}.btn-create-tasks{padding:.35rem .75rem;font-size:var(--text-xs);font-weight:500;background:var(--success-color, #34a853);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;margin-right:.5rem}.btn-create-tasks:hover:not(:disabled){background:var(--success-hover, #2e9048)}.btn-create-tasks:disabled{opacity:.5;cursor:not-allowed}.section-expand-icon{font-size:1rem;color:var(--text-secondary);transition:transform .2s ease}.proposal-section.expanded .section-expand-icon{transform:rotate(180deg)}.section-content{padding:1.5rem;border-top:1px solid var(--border-color)}.section-content.collapsed{display:none}.wysiwyg-editor{border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.wysiwyg-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.wysiwyg-toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .15s ease}.wysiwyg-toolbar button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.wysiwyg-toolbar button.active{background:var(--accent-color);color:var(--primary-color)}.wysiwyg-toolbar .separator{width:1px;height:20px;background:var(--border-color);margin:0 .5rem}.wysiwyg-content{min-height:120px;padding:.875rem;font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}.wysiwyg-content:focus{outline:none}.wysiwyg-content p{margin:0 0 .75rem}.wysiwyg-content p:last-child{margin-bottom:0}.bullet-list-editor{display:flex;flex-direction:column;gap:.5rem}.bullet-list-editor .list-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.bullet-item{display:flex;align-items:flex-start;gap:.5rem}.bullet-item .bullet-marker{flex-shrink:0;width:24px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-weight:600}.bullet-item input,.bullet-item textarea{flex:1;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);resize:none;transition:border-color .2s ease}.bullet-item input:focus,.bullet-item textarea:focus{outline:none;border-color:var(--accent-color)}.bullet-item .btn-remove{flex-shrink:0;width:32px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.bullet-item .btn-remove:hover{background:var(--danger-light);color:var(--danger-color)}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:.5rem}.btn-add-item:hover{border-color:var(--accent-color);color:var(--accent-color);background:#d4af370d}.table-editor{border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.table-editor table{width:100%;border-collapse:collapse}.table-editor thead{background:var(--bg-secondary)}.table-editor th{padding:.75rem 1rem;text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table-editor th:last-child{width:50px;text-align:center}.table-editor td{padding:.5rem;border-bottom:1px solid var(--border-color);vertical-align:top}.table-editor tbody tr:last-child td{border-bottom:none}.table-editor td input,.table-editor td textarea,.table-editor td select{width:100%;padding:.5rem .625rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.table-editor td input:hover,.table-editor td textarea:hover{border-color:var(--border-color)}.table-editor td input:focus,.table-editor td textarea:focus{outline:none;border-color:var(--accent-color);background:var(--bg-primary)}.table-editor td textarea{resize:vertical;min-height:36px}.table-editor .btn-remove-row{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 auto;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.table-editor .btn-remove-row:hover{background:var(--danger-light);color:var(--danger-color)}.table-editor-footer{display:flex;justify-content:flex-start;padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.key-value-editor{display:flex;flex-direction:column;gap:.5rem}.key-value-row{display:flex;gap:.75rem;align-items:flex-start}.key-value-row .kv-key{flex:0 0 200px}.key-value-row .kv-value{flex:1}.key-value-row input{width:100%;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.key-value-row input:focus{outline:none;border-color:var(--accent-color)}.key-value-row .kv-key input{font-weight:500}.key-value-row .btn-remove{flex-shrink:0;width:32px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.key-value-row .btn-remove:hover{background:var(--danger-light);color:var(--danger-color)}.subsections-editor{display:flex;flex-direction:column;gap:1.5rem}.subsection-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.subsection-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.subsection-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-color);color:var(--primary-color);font-weight:600;font-size:var(--text-sm);flex-shrink:0}.subsection-header input{flex:1;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;background:var(--bg-primary);color:var(--text-primary)}.subsection-header input:focus{outline:none;border-color:var(--accent-color)}.subsection-header .btn-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.subsection-header .btn-remove:hover{background:var(--danger-light);color:var(--danger-color)}.subsection-bullets{margin-left:2.25rem}.cover-page-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.cover-page-fields .full-width{grid-column:1 / -1}.executive-summary-content{display:flex;flex-direction:column;gap:1.5rem}.exec-intro,.exec-closing{display:flex;flex-direction:column;gap:.5rem}.exec-intro label,.exec-closing label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.cost-summary{display:flex;justify-content:flex-end;padding:1rem 1.5rem;background:var(--bg-secondary);border-top:2px solid var(--border-color);margin-top:.5rem;border-radius:0 0 var(--radius-md) var(--radius-md)}.cost-total{display:flex;align-items:center;gap:1rem}.cost-total-label{font-weight:500;color:var(--text-secondary)}.cost-total-value{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;color:var(--accent-color)}.approval-section{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.signature-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.signature-block h4{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;margin:0 0 1rem;color:var(--text-primary)}.signature-fields{display:flex;flex-direction:column;gap:.75rem}.signature-field{display:flex;flex-direction:column;gap:.25rem}.signature-field label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.signature-field input{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary)}.signature-field input:focus{outline:none;border-color:var(--accent-color)}.signature-line{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-color)}.signature-line-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.section-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.proposal-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);margin-top:1.5rem}.proposal-actions-left,.proposal-actions-right{display:flex;gap:.75rem}.save-template-modal{display:flex;flex-direction:column;gap:1rem}.save-template-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.save-template-modal label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.save-template-modal input,.save-template-modal textarea{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary)}.save-template-modal input:focus,.save-template-modal textarea:focus{outline:none;border-color:var(--accent-color)}.btn-primary-it{padding:.625rem 1.25rem;background:var(--primary-color);color:var(--text-white);border:2px solid var(--primary-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary-it:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary-it{padding:.625rem 1.25rem;background:transparent;color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary-it:hover{border-color:var(--accent-color);background:#d4af370d}.btn-accent-it{padding:.625rem 1.25rem;background:var(--accent-color);color:var(--primary-color);border:2px solid var(--accent-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-accent-it:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-danger-it{padding:.625rem 1.25rem;background:transparent;color:var(--danger-color);border:2px solid var(--danger-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger-it:hover{background:var(--danger-light)}.btn-ai{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.btn-ai:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-ai:active{transform:translateY(0)}.btn-sm{padding:.375rem .75rem;font-size:var(--text-xs)}@media (max-width: 768px){.proposal-header{flex-direction:column;gap:1rem;align-items:flex-start}.proposal-header-right{width:100%;flex-wrap:wrap}.metadata-grid,.cover-page-fields,.approval-section{grid-template-columns:1fr}.proposal-actions{flex-direction:column;gap:1rem}.proposal-actions-left,.proposal-actions-right{width:100%;justify-content:center}}.invoice-builder{max-width:1400px;margin:0 auto;padding:1.5rem}.invoice-builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.invoice-builder-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.invoice-summary-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);padding:1.5rem 2rem;margin-bottom:1.5rem}.summary-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:start}.summary-column{display:flex;flex-direction:column;gap:.25rem}.summary-column .summary-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.25rem}.summary-column .summary-company{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:1.3}.summary-column .summary-contact{font-size:var(--text-sm);color:var(--text-secondary)}.summary-column .summary-milestone{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);line-height:1.3}.summary-column .summary-percentage{font-size:var(--text-sm);color:var(--accent-color);font-weight:500}.summary-column.totals-column{justify-self:end}.totals-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem 1.25rem;min-width:200px;border:1px solid var(--border-color)}.totals-row{display:flex;justify-content:space-between;gap:2rem;padding:.35rem 0;font-size:var(--text-sm);color:var(--text-secondary)}.totals-row span:first-child{font-weight:500}.totals-row.grand-total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--accent-color);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.totals-row.grand-total span:last-child{color:var(--accent-color);font-weight:700}.section-header-static{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(90deg,rgba(212,175,55,.08) 0%,transparent 100%);border-left:3px solid var(--accent-color);cursor:default}.section-header-static .section-title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;margin:0;color:var(--text-primary)}.milestone-summary{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.milestone-info{display:flex;gap:.5rem;font-size:var(--text-sm)}.milestone-label{font-weight:600;color:var(--text-secondary)}.scope-preview{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.25rem;font-size:var(--text-sm);color:var(--text-secondary);max-height:300px;overflow-y:auto;border:1px solid var(--border-color)}.scope-preview .scope-intro{margin-bottom:1rem;line-height:1.6}.scope-preview .scope-subsection{margin-bottom:1rem}.scope-preview .scope-subsection h4{margin:0 0 .5rem;font-size:var(--text-base);color:var(--text-primary);font-weight:600}.scope-preview ul{margin:0;padding-left:1.5rem}.scope-preview li{margin-bottom:.35rem;line-height:1.5}.fees-table{display:flex;flex-direction:column;gap:.5rem}.fees-header{display:grid;grid-template-columns:1fr 140px 40px;gap:.75rem;padding:.75rem 1rem;font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md)}.fee-row{display:grid;grid-template-columns:1fr 140px 40px;gap:.75rem;align-items:center}.fee-row input{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.fee-row input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.fee-row input[type=number]{text-align:right}.btn-remove{background:var(--danger-light);color:var(--danger-color);border:1px solid transparent;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove:hover{background:var(--danger-color);color:#fff}.no-fees{color:var(--text-secondary);font-style:italic;text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.proposal-sections .section-content textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;resize:vertical;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.proposal-sections .section-content textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}@media (max-width: 900px){.invoice-builder{padding:1rem}.summary-columns{grid-template-columns:1fr;gap:1.5rem}.summary-column.totals-column{justify-self:stretch}.totals-box{min-width:auto}}@media (max-width: 600px){.fees-header,.fee-row{grid-template-columns:1fr 100px 36px;gap:.5rem}}.sales-env-toggle{display:flex;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.sales-env-btn{padding:.5rem 1rem;border:none;background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sales-env-btn:first-child{border-right:1px solid var(--border-color)}.sales-env-btn.active{background:var(--primary-color);color:var(--text-white)}.sales-env-btn:hover:not(.active){background:var(--bg-secondary)}.sales-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.25rem 1.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem}.sales-week-select{min-width:300px}.sales-week-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);color:var(--accent-dark);font-size:.875rem;margin-left:auto}.sales-week-badge strong{color:var(--text-primary)}.sales-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.sales-alert-success{background:var(--success-light);border:1px solid var(--success-color);color:var(--success-color)}.sales-alert-error{background:var(--danger-light);border:1px solid var(--danger-color);color:var(--danger-color)}.sync-status-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.sync-status-count{font-weight:500;color:var(--text-primary)}.spinning{animation:spin 1s linear infinite}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.sales-summary .summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease}.sales-summary .summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sales-summary .summary-card.dine-in{border-left:4px solid var(--success-dark)}.sales-summary .summary-card.dine-in .summary-icon{background:var(--success-light);color:var(--success-dark)}.sales-summary .summary-card.uber{border-left:4px solid var(--info-color)}.sales-summary .summary-card.uber .summary-icon{background:var(--info-light);color:var(--info-color)}.sales-summary .summary-card.takeaway{border-left:4px solid var(--accent-color)}.sales-summary .summary-card.takeaway .summary-icon{background:#d4af3726;color:var(--accent-dark)}.sales-summary .summary-card.online{border-left:4px solid var(--primary-color)}.sales-summary .summary-card.online .summary-icon{background:#8b5cf626;color:var(--primary-color)}.sales-summary .summary-card.total{border-left:4px solid var(--primary-color);background:#d4af370d}.sales-summary .summary-card.total .summary-icon{background:var(--primary-color);color:var(--accent-color)}.sales-summary .summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);font-size:1.25rem}.sales-summary .summary-content{display:flex;flex-direction:column}.sales-summary .summary-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sales-summary .summary-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-body)}.sales-summary .summary-count{font-size:.8rem;color:var(--text-muted)}.sales-table-section,.transactions-section{margin-bottom:2rem}.sales-table-section h2,.transactions-section h2{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-primary)}.date-cell{font-weight:400;white-space:nowrap;color:var(--text-primary)}.amount-cell{font-weight:400;font-family:var(--font-body)}.amount-cell .count-badge{display:inline-block;margin-left:.5rem;padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;color:var(--text-muted)}.amount-cell.total{font-weight:500;color:var(--accent-dark)}.amount-cell.tax{color:var(--danger-color)}.amount-cell.discount{color:var(--success-color)}.amount-cell.net{color:var(--accent-dark);font-weight:500}.data-table tfoot tr.totals-row{background:var(--primary-color)}.data-table tfoot tr.totals-row td{padding:1rem 1.25rem;color:var(--text-white);font-weight:500;border-top:3px solid var(--accent-color)}.data-table tfoot tr.totals-row td.total strong{color:var(--accent-color)}.channel-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor}.channel-badge.dine_in{background:var(--success-light);color:var(--success-dark);border-color:var(--success-dark)}.channel-badge.uber{background:var(--info-light);color:var(--info-color);border-color:var(--info-color)}.channel-badge.takeaway{background:#d4af371a;color:var(--accent-dark);border-color:var(--accent-dark)}.channel-badge.online{background:#8b5cf61a;color:var(--primary-color);border-color:var(--primary-color)}.payment-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary)}.payment-badge.card{background:var(--info-light);color:var(--info-color)}.payment-badge.cash{background:var(--success-light);color:var(--success-dark)}.empty-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-tab svg{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.empty-tab p{font-size:1rem;color:var(--text-secondary);margin:0 0 .5rem}.empty-tab .hint{font-size:.875rem;color:var(--text-muted);margin:0}.table-note{text-align:center;padding:1rem;color:var(--text-muted);font-size:.875rem;font-style:italic}.sales-week-selector{display:flex;justify-content:center;margin-bottom:1.5rem}.week-number-display{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--primary-color);border-radius:var(--radius-lg);color:var(--text-white)}.week-number-display svg{font-size:1.5rem;color:var(--accent-color)}.week-label{font-size:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.week-number-select{padding:.5rem 1rem;font-size:1.5rem;font-weight:500;border:2px solid var(--accent-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:80px;text-align:center}.week-years{font-size:.875rem;color:#ffffffb3;font-weight:500}.weekly-totals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.year-total-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.year-total-card.current{border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3733}.year-total-header{padding:1rem 1.25rem;background:var(--primary-color);color:var(--text-white)}.year-total-header h4{margin:0;font-size:.875rem;font-weight:400;font-family:var(--font-body);color:var(--text-white)}.year-total-header .date-range{font-size:.75rem;color:#ffffffb3;font-weight:400}.year-total-content{padding:1rem}.channel-totals{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.channel-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.channel-label{font-size:.8125rem;color:var(--text-secondary);font-weight:400}.channel-value{font-size:.875rem;font-weight:400;color:var(--text-primary);font-family:var(--font-body)}.grand-total{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;background:#d4af371a;border:2px solid var(--accent-color);border-radius:var(--radius-md)}.grand-total .total-label{font-size:.75rem;color:var(--text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.05em;flex:1}.grand-total .total-value{font-size:1.25rem;font-weight:600;color:var(--accent-dark);font-family:var(--font-body)}.grand-total .total-orders{font-size:.75rem;color:var(--text-muted);font-weight:400;width:100%;text-align:right}.year-total-empty{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.daily-comparison-section{margin-top:2rem}.daily-comparison-section h2{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-primary)}.daily-comparison-wrapper{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);overflow-x:auto}.daily-comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}.daily-comparison-table thead th{background:var(--primary-color);color:var(--text-white);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body);padding:1rem .75rem;text-align:right;white-space:nowrap}.daily-comparison-table thead th:nth-child(1),.daily-comparison-table thead th:nth-child(2),.daily-comparison-table thead th:nth-child(3){text-align:left}.daily-comparison-table thead th:last-child{text-align:center}.daily-comparison-table td{padding:.75rem;border-bottom:1px solid var(--border-color);font-size:.8125rem;font-weight:400;color:var(--text-primary)}.daily-comparison-table .day-name-cell{background:var(--primary-color);color:var(--text-white);text-align:center;font-weight:400;border-right:2px solid var(--accent-color)}.daily-comparison-table .year-cell{color:var(--text-primary);font-weight:400}.daily-comparison-table .date-cell{color:var(--text-secondary)}.daily-comparison-table .amount-cell{text-align:right}.daily-comparison-table .total-cell{text-align:right;color:var(--accent-dark);font-weight:500;background:#d4af3708}.daily-comparison-table .orders-cell{text-align:center}.daily-comparison-table tr.day-first-row td{border-top:2px solid var(--border-color)}.daily-comparison-table tr.current-year-row{background:#d4af370d}.daily-comparison-table tr.current-year-row .year-cell{color:var(--text-primary);font-weight:500}.daily-comparison-table tfoot td{border-top:2px solid var(--border-color);border-bottom:none}.daily-comparison-table tfoot tr.comparison-totals-row.current-year-row{background:var(--primary-color)}.daily-comparison-table tfoot tr.comparison-totals-row.current-year-row td{color:var(--text-white)}.daily-comparison-table tfoot tr.comparison-totals-row.current-year-row .day-name-cell{background:var(--primary-color)}.daily-comparison-table tfoot tr.comparison-totals-row.current-year-row .total-cell{color:var(--accent-color);background:transparent}.daily-comparison-table tfoot tr.comparison-totals-row:not(.current-year-row){background:var(--bg-secondary)}.daily-comparison-table tfoot tr.comparison-totals-row:not(.current-year-row) .total-cell{background:#d4af3714}@media (max-width: 1200px){.weekly-totals-grid{grid-template-columns:1fr}.channel-totals{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.sales-filter-bar{flex-direction:column;align-items:stretch}.sales-week-badge{margin-left:0}.sales-week-select{min-width:100%}.sales-summary,.channel-totals{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.week-number-display{flex-wrap:wrap;justify-content:center}.daily-comparison-table{font-size:.8rem}.daily-comparison-table th,.daily-comparison-table td{padding:.5rem}}@media (max-width: 640px){.sales-summary{grid-template-columns:1fr}.summary-value{font-size:1.25rem}}.tasks-page{display:flex;height:calc(100vh - 64px);background:var(--bg-secondary, #F8F8F8);font-family:var(--font-secondary, "Inter", sans-serif)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #D4AF37);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-lists-sidebar{width:280px;background:var(--bg-primary, #fff);border-right:1px solid var(--border-color, #333);display:flex;flex-direction:column;flex-shrink:0}.task-lists-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #333)}.task-lists-header h3{margin:0;font-size:var(--text-lg, 1rem);font-weight:600;font-family:var(--font-primary, "Playfair Display", serif);color:var(--text-primary, #1A1A1A)}.task-lists{flex:1;overflow-y:auto;padding:.5rem}.task-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.task-list-item:hover{background:var(--bg-hover, #F5F5F5)}.task-list-item.selected{background:var(--bg-tertiary, #F0F0F0);border-left:3px solid var(--accent-color, #D4AF37)}.list-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.list-name{flex:1;font-size:var(--text-base, .875rem);color:var(--text-primary, #1A1A1A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-count{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #4A4A4A);background:var(--bg-tertiary, #F0F0F0);padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center}.empty-lists{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;color:var(--text-secondary, #4A4A4A)}.tasks-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary, #F8F8F8)}.tasks-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.header-left{display:flex;align-items:center;gap:.75rem}.list-color-indicator{width:16px;height:16px;border-radius:4px}.tasks-header h1{margin:0;font-size:var(--text-3xl, 1.5rem);font-weight:600;font-family:var(--font-primary, "Playfair Display", serif);color:var(--text-primary, #1A1A1A)}.header-actions{display:flex;align-items:center;gap:1rem}.show-completed-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--text-base, .875rem);color:var(--text-secondary, #4A4A4A)}.show-completed-toggle input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #D4AF37)}.add-task-container{padding:1rem 1.5rem;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.add-task-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed var(--text-muted, #9B9B9B);border-radius:8px;background:transparent;color:var(--text-secondary, #4A4A4A);cursor:pointer;width:100%;font-size:var(--text-base, .875rem);font-family:var(--font-secondary, "Inter", sans-serif);transition:all .15s ease}.add-task-btn:hover{border-color:var(--accent-color, #D4AF37);color:var(--accent-color, #D4AF37);background:var(--bg-hover, #F5F5F5)}.add-task-form{display:flex;flex-direction:column;gap:.75rem}.add-task-form input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #333);border-radius:8px;font-size:var(--text-base, .875rem);font-family:var(--font-secondary, "Inter", sans-serif);color:var(--text-primary, #1A1A1A);background:var(--bg-primary, #fff);outline:none}.add-task-form input:focus{border-color:var(--accent-color, #D4AF37);box-shadow:0 0 0 3px #d4af3726}.add-task-actions{display:flex;gap:.5rem}.tasks-list{flex:1;overflow-y:auto;padding:1rem 1.5rem}.proposal-task-group{margin-bottom:1.5rem;background:var(--bg-primary, #fff);border-radius:12px;border:1px solid var(--border-color, #333);overflow:hidden}.proposal-group-header{padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent-color, #D4AF37),#c4a030);border-bottom:1px solid var(--border-color, #333)}.proposal-group-title{font-weight:600;font-size:.9rem;color:var(--text-on-accent, #1A1A1A);font-family:var(--font-primary, "Playfair Display", serif)}.subsection-task-group{border-bottom:1px solid var(--border-light, #e0e0e0)}.subsection-task-group:last-child{border-bottom:none}.subsection-group-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-tertiary, #F0F0F0);border-bottom:1px solid var(--border-light, #e0e0e0)}.subsection-group-title{font-weight:500;font-size:.85rem;color:var(--text-secondary, #4A4A4A)}.subsection-task-count{font-size:.75rem;background:var(--text-muted, #9B9B9B);color:#fff;padding:.15rem .5rem;border-radius:10px}.subsection-task-group .task-item{margin:0;border-radius:0;border:none;border-bottom:1px solid var(--border-light, #e0e0e0)}.subsection-task-group .task-item:last-child{border-bottom:none}.ungrouped-tasks{margin-top:1rem}.ungrouped-header{padding:.5rem 0;margin-bottom:.5rem;font-weight:500;font-size:.85rem;color:var(--text-secondary, #4A4A4A);border-bottom:1px solid var(--border-light, #e0e0e0)}.task-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-primary, #fff);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--border-color, #333);position:relative;transition:all .15s ease}.task-item:hover{box-shadow:var(--shadow-xs, 0 1px 2px 0 rgba(26, 26, 26, .05))}.task-item.completed{opacity:.6}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-secondary, #4A4A4A)}.task-item.overdue{border-left:3px solid var(--danger-color, #C44536)}.task-checkbox{background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted, #9B9B9B);font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:color .15s ease}.task-checkbox:hover{color:var(--accent-color, #D4AF37)}.task-item.completed .task-checkbox{color:var(--success-color, #2D7A6A)}.task-content{flex:1;cursor:pointer;min-width:0}.task-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-title{font-size:var(--text-base, .875rem);color:var(--text-primary, #1A1A1A);word-break:break-word}.task-priority{font-size:var(--text-xs, .75rem);font-weight:500;text-transform:uppercase}.task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #4A4A4A)}.task-meta>span{display:flex;align-items:center;gap:.25rem}.task-due.overdue{color:var(--danger-color, #C44536);font-weight:500}.task-description{margin-top:.75rem;padding:.75rem;background:var(--bg-tertiary, #F0F0F0);border-radius:6px;font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #4A4A4A);white-space:pre-wrap}.task-actions{position:relative}.completed-section{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color, #333)}.completed-section h3{font-size:var(--text-base, .875rem);font-weight:500;color:var(--text-secondary, #4A4A4A);margin:0 0 1rem}.empty-tasks,.no-list-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #4A4A4A)}.empty-tasks .empty-icon{font-size:3rem;color:var(--success-color, #2D7A6A);margin-bottom:1rem}.empty-tasks p,.no-list-selected h2{font-size:var(--text-xl, 1.125rem);font-family:var(--font-primary, "Playfair Display", serif);margin:0 0 .5rem;color:var(--text-primary, #1A1A1A)}.empty-tasks span,.no-list-selected p{font-size:var(--text-base, .875rem);margin-bottom:1rem}.btn-sm{padding:.5rem .875rem;font-size:var(--text-sm, .8125rem)}.btn-ghost{background:transparent;color:var(--text-secondary, #4A4A4A);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-hover, #F5F5F5)}.btn-icon-sm{background:none;border:none;padding:.375rem;cursor:pointer;color:var(--text-muted, #9B9B9B);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:.9rem}.btn-icon-sm:hover{background:var(--bg-hover, #F5F5F5);color:var(--text-primary, #1A1A1A)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:100;overflow:hidden}.dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;font-size:var(--text-base, .875rem);font-family:var(--font-secondary, "Inter", sans-serif);color:var(--text-primary, #1A1A1A);cursor:pointer;text-align:left;transition:background .15s ease}.dropdown-menu button:hover{background:var(--bg-hover, #F5F5F5)}.dropdown-menu button.danger{color:var(--danger-color, #C44536)}.dropdown-menu button.danger:hover{background:var(--danger-light, #FAE8E6)}.modal-content.modal-lg{max-width:600px;max-height:90vh}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary, #1A1A1A);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text-primary, #1A1A1A)}.task-progress-indicator{display:flex;align-items:center;justify-content:center;min-width:42px;padding:0 .25rem}.task-progress-indicator .progress-count{font-size:.75rem;font-weight:600;color:var(--accent-color, #D4AF37);background:var(--bg-tertiary, #F0F0F0);padding:.25rem .5rem;border-radius:12px}.task-occurrences{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color, #333)}.occurrences-header{font-size:.8rem;color:var(--text-secondary, #666);margin-bottom:.75rem;font-weight:500}.occurrences-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.occurrence-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary, #F0F0F0);border-radius:6px;cursor:pointer;transition:all .15s ease}.occurrence-item:hover{background:var(--bg-hover, #E5E5E5)}.occurrence-item.completed{opacity:.7;background:#22c55e1a}.occurrence-item.completed .occurrence-date{text-decoration:line-through;color:var(--text-secondary, #666)}.occurrence-item.overdue:not(.completed){background:#ef44441a}.occurrence-item.overdue:not(.completed) .occurrence-date{color:var(--error, #EF4444)}.occurrence-checkbox{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #999)}.occurrence-item.completed .occurrence-checkbox{color:var(--success, #22C55E)}.occurrence-date{flex:1;font-size:.85rem;color:var(--text-primary, #1A1A1A)}.occurrence-completed-at{font-size:.75rem;color:var(--text-tertiary, #999)}@media (max-width: 768px){.tasks-page{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.task-lists-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border-color, #333)}.task-lists{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 1rem}.task-list-item{flex-shrink:0;padding:.5rem .75rem}.tasks-main{flex:1}.tasks-header{flex-wrap:wrap;gap:.75rem}.form-row{grid-template-columns:1fr}.modal-content{max-width:none;margin:.5rem;max-height:calc(100vh - 1rem)}}.task-status-wrapper{position:relative;display:inline-flex;flex-shrink:0;margin-left:auto;margin-right:.5rem}.task-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem;border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s ease}.task-status-badge.status-active{background:#4caf50;color:#fff}.task-status-badge.status-active:hover{background:#43a047}.task-status-badge.status-completed{background:#9e9e9e;color:#fff}.task-status-badge.status-completed:hover{background:#757575}.task-status-badge .status-chevron{font-size:.75rem;transition:transform .2s ease}.task-status-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #E0E0E0);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;overflow:hidden}.task-status-dropdown .status-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border:none;background:transparent;color:var(--text-primary, #1A1A1A);font-size:.8125rem;cursor:pointer;transition:background .15s ease}.task-status-dropdown .status-option:hover{background:var(--bg-secondary, #F5F5F5)}.task-status-dropdown .status-option.selected{background:#d4af371a;color:var(--accent-dark, #B8962E);font-weight:500}.task-content{cursor:pointer}.note-meta{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary)}.note-meta-completed{color:var(--success-color)}.modal-footer-between{display:flex;justify-content:space-between}.btn-margin-right{margin-right:.5rem}.btn-group-flex{display:flex;gap:.5rem}.header-actions-btn{margin-left:1rem;display:flex;align-items:center;gap:.5rem}.form-hint-gold{color:var(--accent-color);font-size:.8rem}.form-hint-muted{font-size:.75rem;color:var(--text-muted)}.task-notes-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:.5rem}.task-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.task-notes-header label{margin:0}.task-notes-tags{font-size:.7rem;color:var(--text-muted);display:flex;gap:.5rem;flex-wrap:wrap}.note-tag{background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.note-tag-accent{background:var(--accent-light);padding:2px 6px;border-radius:4px}.task-notes-list{max-height:200px;overflow-y:auto;margin-bottom:.75rem}.task-notes-empty{color:var(--text-muted);font-size:.85rem;font-style:italic;padding:.5rem 0}.task-note-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:6px;cursor:pointer;border:1px solid transparent;transition:border-color .2s,background .15s}.task-note-item:hover{background:var(--bg-secondary);border-color:var(--border-color)}.task-note-item.completed{background:var(--success-bg)}.task-note-checkbox{margin-top:2px;flex-shrink:0;cursor:pointer}.task-note-content{flex:1;min-width:0}.task-note-text{font-size:.85rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.task-note-text.completed{text-decoration:line-through;color:var(--text-muted)}.task-note-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}.task-note-completed-marker{color:var(--success-color);margin-left:.5rem}.task-note-edit-icon{color:var(--text-muted);flex-shrink:0}.add-note-form{display:flex;gap:.5rem}.add-note-input{flex:1}.add-note-btn{padding:.5rem 1rem}.textarea-resize-vertical{resize:vertical}.text-error{color:var(--danger-color)}.text-success{color:var(--success-color)}.modal-overlay-nested{z-index:1001}.context-display{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:1rem}.context-badge{display:inline-block;padding:.4rem .9rem;border-radius:16px;font-size:.8rem;font-weight:500;white-space:nowrap}.context-badge-business,.context-badge-lead{background:#64646426;color:#666}.context-badge-proposal,.context-badge-scope{background:#ffc10733;color:#f57f17}@media (max-width: 768px){.context-display{gap:.4rem;margin-top:.75rem;padding:.75rem 0}.context-badge{padding:.3rem .7rem;font-size:.75rem}}.category-form{margin-bottom:1.5rem}.category-form .form-group{margin-bottom:0}.categories-list{margin-top:1.5rem}.categories-list h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-primary)}.categories-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.categories-list .empty-message{color:var(--text-muted);font-style:italic;margin:0}.category-item{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all .2s ease}.category-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.viewing-category{display:flex;justify-content:space-between;align-items:center;gap:1rem}.editing-category{display:flex;gap:.5rem;align-items:center}.editing-category .form-control{flex:1;min-width:150px}.category-name{flex:1;color:var(--text-primary);word-break:break-word;font-size:var(--text-base)}.category-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.edit-form{display:flex;gap:var(--spacing-sm);align-items:center}.edit-form .form-input{flex:1;min-width:150px}.sub-categories{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border-color)}.empty-text{text-align:center;color:var(--text-muted);padding:var(--spacing-lg) var(--spacing-sm);font-size:var(--text-xs);margin:0;font-style:italic}@media (max-width: 768px){.category-manager-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.category-item.sub-category{margin-left:var(--spacing-md)}}@media (max-width: 768px){.category-manager-content{grid-template-columns:1fr;gap:20px}}.documents-page{display:flex;flex-direction:column;height:100%;padding:0;background:var(--bg-secondary)}.documents-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:2rem}.documents-header-left{flex:1}.documents-header-left h1{font-family:var(--font-primary);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.5px}.documents-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:400}.documents-header-buttons{display:flex;gap:1rem;align-items:center}.documents-header-buttons .btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.documents-header-selector{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.documents-filters{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.filters-left{display:flex;gap:1.5rem;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.filter-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:.875rem;color:var(--text-primary);font-family:var(--font-secondary);min-width:200px}.filter-input:focus{outline:none;border-color:var(--accent-color)}.filter-input::placeholder{color:var(--text-secondary)}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:.875rem;color:var(--text-primary);font-family:var(--font-secondary);cursor:pointer;min-width:160px}.filter-select:focus{outline:none;border-color:var(--accent-color)}.documents-page>div:not(.documents-header):not(.documents-business-selector):not(.documents-filters){flex:1;overflow-y:auto;padding:2rem}.loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.empty-state h3{font-family:var(--font-primary);font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0;font-size:.95rem}.documents-list{display:flex;flex-direction:column;gap:0}.documents-table-header{display:grid;grid-template-columns:250px 1fr 150px;gap:1.5rem;padding:1rem 0;border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.document-row{display:grid;grid-template-columns:250px 1fr 150px;gap:1.5rem;padding:1rem;border-bottom:1px solid var(--border-color);align-items:center;transition:background-color .2s ease;background:var(--bg-primary)}.document-row:hover{background:#d7b4690d}.col-title{display:flex;flex-direction:column;gap:.25rem}.document-title{font-family:var(--font-primary);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word}.file-name{font-size:.8rem;color:var(--accent-color);margin:0}.col-meta{display:flex;flex-direction:column;gap:.5rem}.document-description{font-size:.9rem;color:var(--text-secondary);margin:0;word-break:break-word;line-height:1.4}.sub-category{font-size:.85rem;color:var(--text-secondary);margin:0;font-style:italic}.document-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.category-badge{display:inline-block;padding:.25rem .75rem;background:#d4af3726;color:var(--accent-color);border-radius:12px;font-size:.8rem;font-weight:500}.link-badge{display:inline-block;padding:.25rem .75rem;background:var(--info-light);color:var(--text-secondary);border-radius:12px;font-size:.8rem;font-weight:500}.date{font-size:.85rem;color:var(--text-secondary)}.col-actions{display:flex;gap:.5rem;justify-content:flex-end}.col-actions .btn-icon.btn-danger:hover{background:#ff4d4d1a;border-color:var(--danger-color);color:var(--danger-color)}@media (max-width: 1024px){.documents-header{flex-direction:column;align-items:flex-start}.documents-header-buttons{width:100%;justify-content:flex-start}.documents-filters{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.documents-table-header{grid-template-columns:1fr;display:none}.document-row{grid-template-columns:1fr;gap:1rem;padding:1.5rem}}@media (max-width: 768px){.documents-page{padding:0}.documents-header,.documents-business-selector,.documents-filters{padding:1rem}.documents-header-left h1{font-size:1.5rem}.documents-header-buttons{flex-wrap:wrap;gap:.75rem}.documents-header-buttons .btn{flex:1;min-width:150px}.category-filter{min-width:auto;width:100%}.search-box{width:100%}.document-row{padding:1rem}.document-title{font-size:.95rem}.col-actions{gap:.25rem}}.sidebar{width:260px;background:var(--bg-dark);border-right:2px solid var(--border-color);position:fixed;left:0;top:0;height:100vh;transition:transform var(--transition-base);z-index:1000;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.sidebar-header{padding:2rem 1.5rem;border-bottom:2px solid var(--border-color);background:var(--bg-dark);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(27,154,170,.08) 0%,transparent 60%);pointer-events:none}.sidebar-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.02em;position:relative;font-family:var(--font-primary)}.sidebar-nav{padding:1.5rem 0;flex:1;position:relative;z-index:1101}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border-color);padding:1rem 0}.nav-item{display:flex;align-items:center;padding:.875rem 1.25rem;margin:.25rem 1rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border-radius:var(--radius-lg);position:relative;font-size:.9375rem;font-weight:500;border:2px solid transparent;pointer-events:auto;z-index:1}.nav-item:hover{background:#1b9aaa14;border-color:var(--primary-color);color:var(--primary-color);transform:translate(2px)}.nav-item.active{background:#1b9aaa0d;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--primary-color);border-radius:0 4px 4px 0}.nav-icon{font-size:1.35rem;margin-right:.875rem;width:24px;display:flex;align-items:center;justify-content:center}.nav-text{font-size:.9375rem;font-weight:500;letter-spacing:-.01em}.nav-text .settings-toggle{cursor:pointer;position:relative}.nav-text .settings-toggle .dropdown-icon{position:absolute;right:1.25rem;font-size:.75rem;transition:transform .2s}.nav-text .settings-toggle.open .dropdown-icon{transform:rotate(0)}.nav-text .submenu{background:var(--bg-secondary);margin:.25rem .75rem;border-radius:var(--radius-md);overflow:hidden}.nav-text .submenu-item{padding:.75rem 1.25rem .75rem 2.5rem;margin:0;font-size:.875rem}.nav-text .submenu-item .nav-icon{font-size:1.1rem}@media (max-width: 768px){.sidebar{transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0);box-shadow:2px 0 20px #0000004d;z-index:1000}.sidebar-header{padding:1.5rem 1.25rem}.sidebar-header h2{font-size:1.5rem}.nav-item{padding:.75rem 1rem;margin:.25rem .75rem;font-size:.875rem}}@media (max-width: 480px){.sidebar{width:280px}.sidebar-header{padding:1.25rem 1rem}.sidebar-header h2{font-size:1.375rem}}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;height:70px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.menu-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.menu-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.topbar-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.user-icon{font-size:1.125rem;opacity:.7}.user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);letter-spacing:-.005em}.logout-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);letter-spacing:-.005em}.logout-button:hover{background:var(--primary-dark);box-shadow:0 2px 4px #1e40af33}@media (max-width: 768px){.topbar{padding:.5rem .75rem;height:56px}.topbar-title{font-size:.9375rem}.user-info{padding:.375rem .625rem}.user-name{display:none}.logout-button{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 480px){.topbar{padding:.75rem .875rem}.topbar-title{font-size:.875rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:.5rem}.logout-button{padding:.5rem .75rem}}.admin-layout{display:flex;min-height:100vh;background:var(--old-lace);position:relative}.sidebar-overlay{display:none}.main-content{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left var(--transition-base);min-width:0}.content-area{flex:1;padding:2rem;min-height:calc(100vh - 70px);width:100%;overflow-x:hidden}@media (max-width: 768px){.main-content{margin-left:0!important;width:100%}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:1;transition:opacity .3s ease}.content-area{padding:0}}@media (max-width: 480px){.content-area{padding:0}}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;white-space:nowrap;font-family:var(--font-body)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-family:var(--font-body)}.status-badge.status-created,.status-badge.status-Created{background:#e3f2fd;color:#1565c0}.status-badge.status-followed,.status-badge.status-Followed{background:#e8f5e9;color:#2e7d32}.status-badge.status-pending,.status-badge.status-Pending{background:#fff3e0;color:#e65100}.status-badge.status-on-hold,.status-badge.status-On-Hold{background:#f3e5f5;color:#7b1fa2}.status-badge.status-won,.status-badge.status-Won{background:#e8f5e9;color:#1b5e20;border:1px solid #4CAF50}.status-badge.status-in-progress,.status-badge.status-In-Progress{background:#fff8e1;color:#f57f17;border:1px solid #FFC107}.status-badge.status-completed,.status-badge.status-Completed{background:#e0f2f1;color:#00695c;border:1px solid #26A69A}.status-badge.status-lost,.status-badge.status-Lost{background:#ffebee;color:#c62828}.status-badge.status-fake,.status-badge.status-Fake{background:#efebe9;color:#5d4037}.status-badge.status-canceled,.status-badge.status-Canceled{background:#eceff1;color:#546e7a}.status-badge.status-active{background:var(--success-light, #E8F5E9);color:var(--success-color, #2E7D32);border:1px solid var(--success-color, #4CAF50)}.status-badge.status-inactive{background:var(--danger-light, #FFEBEE);color:var(--danger-color, #C62828);border:1px solid var(--danger-color, #EF5350)}.status-badge.status-paid{background:#e8f5e9;color:#1b5e20;border:1px solid #4CAF50}.status-badge.status-unpaid{background:#fff3e0;color:#e65100;border:1px solid #FF9800}.status-badge.status-overdue{background:#ffebee;color:#c62828;border:1px solid #EF5350}.status-badge.status-partial{background:#fff8e1;color:#f57f17;border:1px solid #FFC107}.status-badge.status-draft{background:#eceff1;color:#546e7a}.status-badge.status-sent{background:#e3f2fd;color:#1565c0}.status-badge.status-accepted{background:#e8f5e9;color:#1b5e20;border:1px solid #4CAF50}.status-badge.status-rejected{background:#ffebee;color:#c62828}.status-badge.status-expired{background:#efebe9;color:#5d4037}.status-badge.status-todo{background:#e3f2fd;color:#1565c0}.status-badge.status-done{background:#e8f5e9;color:#1b5e20;border:1px solid #4CAF50}.type-indicator{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.type-indicator.lead{background:#e3f2fd;color:#1565c0}.type-indicator.sale{background:#e8f5e9;color:#2e7d32}.type-indicator.task{background:#f3e5f5;color:#7b1fa2}.type-indicator.quote{background:#fff3e0;color:#e65100}.priority-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.priority-badge.priority-high{background:#ffebee;color:#c62828}.priority-badge.priority-medium{background:#fff3e0;color:#e65100}.priority-badge.priority-low{background:#e8f5e9;color:#2e7d32}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;border-radius:10px;font-size:.6875rem;font-weight:600;background:var(--bg-tertiary, #F0F0F0);color:var(--text-secondary)}.count-badge.count-accent{background:var(--accent-color, #D4AF37);color:#000}.count-badge.count-success{background:#e8f5e9;color:#1b5e20}.count-badge.count-warning{background:#fff3e0;color:#e65100}.count-badge.count-danger{background:#ffebee;color:#c62828}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--modal-bg);border-radius:var(--radius-xl, 16px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--accent-color, #D4AF37),0 0 60px #d4af371a;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:2px solid var(--modal-border);animation:modalSlideIn .25s ease-out;overflow:hidden}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.modal-sm{max-width:450px}.modal-content.modal-md{max-width:600px}.modal-content.modal-lg{max-width:800px}.modal-content.modal-xl{max-width:1000px}.modal-content.modal-full{max-width:1200px}.modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--modal-border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:var(--modal-bg-secondary);position:relative;flex-shrink:0}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color, #D4AF37) 0%,var(--accent-light, #E8C547) 50%,var(--accent-color, #D4AF37) 100%);opacity:.4}.modal-title-section{flex:1;min-width:0}.modal-title-section h2,.modal-header h2{font-family:var(--font-display, "Playfair Display", serif);font-size:1.5rem;font-weight:500;color:var(--modal-text);margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.3}.modal-subtitle{font-size:.875rem;color:var(--text-secondary, #888);margin:0}.modal-header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn-close,.modal-close{background:#ffffff0d;border:1px solid var(--border-color, #333);font-size:1.5rem;line-height:1;color:var(--text-secondary, #888);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.btn-close:hover,.modal-close:hover{background:#ffffff1a;color:var(--text-primary, #fff);border-color:var(--accent-color, #D4AF37)}.modal-body{padding:2rem;overflow-y:auto;flex:1;min-height:0}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary, #1a1a1a);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #333);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-color, #D4AF37)}.modal-footer{padding:1.25rem 2rem;border-top:1px solid var(--modal-border);display:flex;justify-content:flex-end;gap:1rem;background:var(--modal-bg-secondary);flex-shrink:0}.modal-footer-left{justify-content:space-between}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;font-size:.875rem;font-weight:500;color:var(--modal-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:.875rem 1rem;background:var(--modal-input-bg);border:2px solid var(--modal-border);border-radius:8px;color:var(--modal-text);font-size:1rem;transition:all .2s ease}.modal-body input.date-input{padding:.375rem .625rem;font-size:.8125rem;max-width:150px}.modal-body input[type=date]:not(.date-input),.modal-body input[type=datetime-local]:not(.date-input),.modal-body input[type=time]:not(.date-input){appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:52px}.modal-body input[type=date]::-webkit-calendar-picker-indicator,.modal-body input[type=datetime-local]::-webkit-calendar-picker-indicator,.modal-body input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.2);transition:opacity .2s}.modal-body input[type=date]::-webkit-calendar-picker-indicator:hover,.modal-body input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,.modal-body input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--accent-color, #D4AF37);box-shadow:0 0 0 3px #d4af3726}.modal-body input::placeholder,.modal-body textarea::placeholder{color:var(--modal-text-muted)}.modal-body textarea{resize:vertical;min-height:100px}.modal-body .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start}.modal-body .form-row-3{grid-template-columns:repeat(3,1fr)}.modal-body .btn,.modal-footer .btn{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--accent-color, #D4AF37);color:#000;border-color:var(--accent-color, #D4AF37)}.btn-primary:hover{background:var(--accent-light, #E8C547);border-color:var(--accent-light, #E8C547);transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.btn-secondary{background:transparent;color:var(--text-secondary, #888);border-color:var(--border-color, #333)}.btn-secondary:hover{background:#ffffff0d;color:var(--text-primary, #fff);border-color:var(--text-secondary, #888)}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.btn-danger:hover{background:#ef444433;border-color:#ef4444}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.modal-form-grid .form-group.full-width{grid-column:1 / -1}.modal-section-divider{margin:1.5rem 0;border:none;border-top:1px solid var(--border-color, #333)}.modal-section-title{font-size:.75rem;font-weight:600;color:var(--accent-color, #D4AF37);text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #333)}.modal-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #888);font-size:1rem}.modal-loading:before{content:"";width:24px;height:24px;border:2px solid var(--border-color, #333);border-top-color:var(--accent-color, #D4AF37);border-radius:50%;animation:modalSpin .8s linear infinite;margin-right:.75rem}@keyframes modalSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-lg, 12px)}.modal-content.modal-lg,.modal-content.modal-xl,.modal-content.modal-full{max-width:100%}.modal-header{padding:1rem 1.25rem}.modal-title-section h2,.modal-header h2{font-size:1.25rem}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem;flex-direction:column}.modal-footer .btn{width:100%}.modal-form-grid,.modal-body .form-row{grid-template-columns:1fr;gap:1rem}}.confirm-dialog .modal-content{max-width:450px;text-align:center}.confirm-dialog .modal-body{padding:2rem}.confirm-dialog .confirm-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.confirm-dialog .confirm-icon.warning{background:#f59e0b26;color:#f59e0b}.confirm-dialog .confirm-icon.danger{background:#ef444426;color:#ef4444}.confirm-dialog .confirm-icon.info{background:#3b82f626;color:#3b82f6}.confirm-dialog h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 .75rem}.confirm-dialog p{color:var(--text-secondary, #888);font-size:.9375rem;margin:0;line-height:1.6}.confirm-dialog .modal-footer{justify-content:center}.milestone-modal{max-width:450px;padding:2rem;text-align:center}.milestone-modal h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 .5rem}.milestone-modal>p{color:var(--text-secondary, #888);font-size:.9375rem;margin:0 0 1.5rem}.milestone-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.milestone-option-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary, #1a1a1a);border:2px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.milestone-option-btn:hover{border-color:var(--accent-color, #c9a227);background:#c9a2271a}.milestone-option-btn .milestone-name{font-weight:500;color:var(--text-primary, #fff);text-align:left}.milestone-option-btn .milestone-percent{font-weight:600;color:var(--accent-color, #c9a227);font-size:1rem}.form-container{display:flex;flex-direction:column;gap:var(--form-section-gap, 1.5rem)}.form-section{display:flex;flex-direction:column;gap:var(--form-row-gap, 1rem)}.form-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--form-row-gap, 1rem);margin-bottom:var(--form-group-gap, 1rem);align-items:start}.form-row:last-child{margin-bottom:0}.form-row .form-group{margin-bottom:0}.form-row.three-col{grid-template-columns:repeat(3,1fr)}.form-row.four-col{grid-template-columns:repeat(4,1fr)}.form-row.auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:var(--form-label-gap, .25rem);margin-bottom:var(--form-group-gap, 1rem)}.form-group:last-child{margin-bottom:0}.input-group{display:flex;gap:.5rem;align-items:stretch}.input-group input,.input-group .form-control{flex:1;min-width:0}.input-group .btn{flex-shrink:0}.form-group label,.form-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block}.form-group label .required,.form-label .required{color:var(--danger-color);margin-left:.125rem}.form-group input,.form-group select,.form-group textarea,.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:400;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.form-group input.error,.form-group select.error,.form-group textarea.error,.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger-color)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-group textarea,.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group textarea.sm,.form-textarea.sm{min-height:60px}.form-group input[type=date],.form-group input[type=datetime-local],.form-group input[type=time]{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:42px;padding-right:.875rem}.form-group input[type=date]::-webkit-calendar-picker-indicator,.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator,.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.2);transition:opacity .2s}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover,.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,.form-group input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group input[type=date]:not(:valid)::-webkit-datetime-edit{color:var(--text-muted)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]:focus,.form-group input[type=number]:hover{-moz-appearance:number-input}.form-group input[type=number]:focus::-webkit-outer-spin-button,.form-group input[type=number]:focus::-webkit-inner-spin-button,.form-group input[type=number]:hover::-webkit-outer-spin-button,.form-group input[type=number]:hover::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;opacity:.7}.form-group input::placeholder,.form-group textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.form-error,.error-message{font-size:.75rem;font-weight:500;color:var(--danger-color);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-actions.left{justify-content:flex-start}.form-actions.center{justify-content:center}.form-actions.space-between{justify-content:space-between}.form-check{display:flex;align-items:center;gap:.5rem}.form-check input[type=checkbox],.form-check input[type=radio]{width:1rem;height:1rem;margin:0;accent-color:var(--accent-color)}.form-check label{font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text-primary);cursor:pointer}.form-inline{display:flex;align-items:flex-end;gap:.75rem}.form-inline .form-group{margin-bottom:0}.text-preserve-whitespace{white-space:pre-wrap}.text-monospace{font-size:.85rem;font-family:Consolas,Monaco,Courier New,monospace}.error-block{display:block;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.form-row.three-col,.form-row.four-col{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.form-actions{flex-direction:column-reverse;gap:.5rem}.form-actions button{width:100%}}.form-group-flex-end{display:flex;align-items:flex-end}.form-file-info{color:var(--text-secondary);margin-top:.5rem;display:block;font-size:.875rem}.data-page{padding:2rem;max-width:1400px;margin:0 auto}.data-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.data-page-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:-.02em}.data-page-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:400}.data-page-header-actions{display:flex;align-items:center;gap:1rem}.data-filter-group{display:flex;align-items:center;gap:.5rem}.data-filter-group label{font-weight:500;color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.data-filter-group select{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;min-width:140px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.data-filter-group select:hover{border-color:var(--border-hover)}.data-filter-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.data-business-selector{display:flex;align-items:center;gap:.5rem}.data-business-selector label{font-weight:500;color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.data-business-selector select{padding:.625rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;min-width:180px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.data-business-selector select:hover{border-color:var(--border-hover)}.data-business-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.table-container,.data-table-container{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.table,.data-table{width:100%;border-collapse:collapse}.table-fixed,.table.table-fixed{table-layout:fixed}.table thead th,.data-table thead th{padding:.75rem 1rem;text-align:left;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-white);font-family:var(--font-body);background:var(--primary-color);box-shadow:inset 0 -2px 0 var(--accent-color)}.table thead th.text-right,.data-table thead th.text-right{text-align:right}.table thead th.text-center,.data-table thead th.text-center{text-align:center}.table tbody tr,.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.table tbody tr.clickable,.data-table tbody tr.clickable{cursor:pointer}.table tbody tr:hover,.data-table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr.clickable:hover,.data-table tbody tr.clickable:hover{background:var(--bg-secondary);box-shadow:inset 3px 0 0 var(--accent-color)}.table tbody tr:last-child,.data-table tbody tr:last-child{border-bottom:none}.table tbody td,.data-table tbody td{padding:.875rem 1rem;font-size:var(--text-base);font-weight:400;font-family:var(--font-body);color:var(--text-primary);vertical-align:middle}.table tbody td.text-right,.data-table tbody td.text-right{text-align:right}.table tbody td.text-center,.data-table tbody td.text-center{text-align:center}.table tfoot,.data-table tfoot{background:var(--bg-secondary);border-top:2px solid var(--border-color)}.table tfoot td,.data-table tfoot td{padding:.875rem 1rem;font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:var(--text-primary)}.table tfoot td.text-right,.data-table tfoot td.text-right{text-align:right}.table tfoot td.text-center,.data-table tfoot td.text-center{text-align:center}.table tbody tr.row-paid,.data-table tbody tr.row-paid,.table tbody tr.row-paid:hover,.data-table tbody tr.row-paid:hover{background-color:var(--success-light)}.table tbody tr.row-warning,.data-table tbody tr.row-warning{background-color:var(--warning-light)}.table tbody tr.row-danger,.data-table tbody tr.row-danger{background-color:var(--danger-light)}.table-compact thead th{padding:.625rem .875rem;font-size:.6875rem}.table-compact tbody td,.table-compact tfoot td{padding:.625rem .875rem;font-size:.8125rem}.data-cell-name{display:flex;align-items:center;gap:.75rem}.data-cell-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-color);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;text-transform:uppercase;flex-shrink:0}.data-cell-primary{color:var(--text-primary)}.data-cell-secondary{color:var(--text-secondary)}.data-cell-sub{font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.data-cell-amount{color:var(--text-primary)}.data-cell-amount.muted{color:var(--text-secondary)}.data-cell-date{color:var(--text-primary)}.data-cell-link{color:var(--accent-dark);text-decoration:none;transition:color .2s}.data-cell-link:hover{color:var(--accent-color);text-decoration:underline}.data-na-tag{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;font-style:italic;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.data-status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor}.data-status-new{background:#3b82f61a;color:#2563eb;border-color:#2563eb}.data-status-active{background:#d4af371a;color:var(--accent-color);border-color:var(--accent-color)}.data-status-inactive{background:#9ca3af1a;color:#6b7280;border-color:#6b7280}.data-status-in-progress{background:#3b82f61a;color:#2563eb;border-color:#2563eb}.data-status-completed,.data-status-paid{background:#2d7a6a1a;color:var(--success-color);border-color:var(--success-color)}.data-status-pending{background:#d4af371a;color:var(--accent-color);border-color:var(--accent-color)}.data-status-partial{background:#fb923c1a;color:#ea580c;border-color:#ea580c}.data-status-admin{background:#8b5cf61a;color:#7c3aed;border-color:#7c3aed}.data-status-lead{background:#2d7a6a1a;color:var(--success-color);border-color:var(--success-color)}.data-type-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#d4af371a;color:var(--accent-dark);border:1px solid rgba(212,175,55,.3)}.data-empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);margin-top:2rem}.data-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.data-empty-state h3{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0 0 .75rem}.data-empty-state p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto}.data-loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.data-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--text-white);background:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.data-btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.data-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.data-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.data-btn-icon{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.data-btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.data-btn-icon.danger{color:var(--danger-color);border-color:var(--danger-color)}.data-btn-icon.danger:hover{background:var(--danger-light)}.data-actions-cell{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.data-action-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.data-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.data-action-btn.primary{background:var(--primary-color);color:var(--text-white);border:1px solid var(--primary-color)}.data-action-btn.primary:hover{background:var(--primary-light)}.data-action-btn.danger{background:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.data-action-btn.danger:hover{background:var(--danger-light)}.data-action-btn:disabled{opacity:.5;cursor:not-allowed}.data-btn-icon-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-muted);font-size:1rem}.data-btn-icon-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.data-btn-icon-action:active:not(:disabled){transform:translateY(0)}.data-btn-icon-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.data-btn-icon-action.save{background:var(--accent-color);color:var(--primary-color);border-color:var(--accent-color)}.data-btn-icon-action.save:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 4px 12px #d4af374d}.data-btn-icon-action.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.data-btn-icon-action.cancel:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-hover)}.data-btn-icon-action.delete{background:transparent;color:var(--text-muted);border-color:transparent}.data-btn-icon-action.delete:hover:not(:disabled){background:var(--danger-color);color:#fff;border-color:var(--danger-color);box-shadow:0 4px 12px #c445364d}.data-btn-icon-action.edit{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.data-btn-icon-action.edit:hover:not(:disabled){background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.data-btn-icon-action.success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.data-btn-icon-action.success:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark);box-shadow:0 4px 12px #2d7a6a4d}.data-icon-actions{display:flex;align-items:center;justify-content:center;gap:.375rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-btn-icon-action .spinning,.spinning{animation:spin 1s linear infinite}.data-error-message{background:var(--danger-light);color:var(--danger-color);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-weight:500;border:1px solid var(--danger-color)}@media (max-width: 1024px){.data-page-header{flex-direction:column;gap:1rem;align-items:flex-start}.data-page-header-actions{width:100%;flex-wrap:wrap}}@media (max-width: 768px){.data-page{padding:1rem}.data-page-header h1{font-size:1.5rem}.data-table-container{overflow-x:auto}.data-table{min-width:800px}.data-table thead th,.data-table tbody td{padding:.75rem 1rem}}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.has-data{background:#e8f5e9;border-color:#81c784;color:#2e7d32}.action-btn.has-data:hover:not(:disabled){background:#c8e6c9;border-color:#66bb6a}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:2px solid var(--border-color);min-width:320px;max-width:420px;pointer-events:auto;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast.success:before{background:var(--success-color)}.toast.error:before{background:var(--danger-color)}.toast.warning:before{background:var(--warning-color)}.toast.info:before{background:var(--primary-color)}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.toast.success .toast-icon{background:var(--success-light);color:var(--success-color)}.toast.error .toast-icon{background:var(--danger-light);color:var(--danger-color)}.toast.warning .toast-icon{background:var(--warning-light);color:var(--warning-color)}.toast.info .toast-icon{background:var(--info-light);color:var(--info-color)}.toast-title{font-weight:500;font-size:.9rem;color:var(--text-primary);margin:0 0 4px;font-family:var(--font-body)}.toast-message{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-color);animation:progressShrink linear forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progressShrink{0%{width:100%}to{width:0%}}.toast.exiting{animation:slideOut .2s ease-in forwards}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:24px}.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:2px solid var(--border-color);width:100%;max-width:420px;animation:dialogSlideIn .25s ease-out;overflow:hidden}@keyframes dialogSlideIn{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-dialog-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.confirm-dialog.danger .confirm-dialog-icon{background:var(--danger-light);color:var(--danger-color)}.confirm-dialog.warning .confirm-dialog-icon{background:var(--warning-light);color:var(--warning-color)}.confirm-dialog.info .confirm-dialog-icon{background:var(--info-light);color:var(--info-color)}.confirm-dialog.success .confirm-dialog-icon{background:var(--success-light);color:var(--success-color)}.confirm-dialog-header{padding:24px 24px 0;text-align:center}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:500;color:var(--text-primary);font-family:var(--font-primary)}.confirm-dialog-body{padding:16px 24px 24px;text-align:center}.confirm-dialog-body p{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.confirm-dialog-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:center}.confirm-dialog-footer .btn{flex:1;max-width:140px;padding:12px 24px;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:2px solid}.confirm-dialog-footer .btn-cancel{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.confirm-dialog-footer .btn-cancel:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.confirm-dialog-footer .btn-confirm{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.confirm-dialog-footer .btn-confirm:hover{background:var(--primary-light);border-color:var(--primary-light)}.confirm-dialog.danger .btn-confirm{background:var(--danger-color);border-color:var(--danger-color)}.confirm-dialog.danger .btn-confirm:hover{background:#a33a2e;border-color:#a33a2e}.confirm-dialog.warning .btn-confirm{background:var(--warning-color);border-color:var(--warning-color);color:var(--text-primary)}.confirm-dialog.warning .btn-confirm:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.confirm-dialog-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;margin-top:16px;transition:all .2s ease;font-family:var(--font-body)}.confirm-dialog-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}@media (max-width: 480px){.toast-container{top:auto;bottom:24px;left:16px;right:16px}.toast{min-width:100%}.confirm-overlay{padding:16px}.confirm-dialog{max-width:100%}.confirm-dialog-footer{flex-direction:column-reverse}.confirm-dialog-footer .btn{max-width:none}}.btn-note-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:1rem;padding:0}.btn-note-icon:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.btn-note-icon.has-note{background:#d4af3726;border-color:var(--accent-color);color:var(--accent-color)}.btn-note-icon.has-note:hover{background:#d4af3740}.notes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:24px}.notes-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:2px solid var(--border-color);width:100%;max-width:480px;animation:dialogSlideIn .25s ease-out;overflow:hidden}.notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--border-color);background:var(--bg-secondary)}.notes-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:500;color:var(--text-primary);font-family:var(--font-primary)}.notes-modal-header h3 svg,.notes-modal-header h3 .note-icon{width:20px;height:20px;color:var(--accent-color)}.notes-modal-header .context-badge{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);padding:4px 12px;border-radius:999px;border:1px solid var(--border-color);margin-left:8px}.notes-modal-close{background:var(--bg-primary);border:2px solid var(--border-color);font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease;font-weight:400}.notes-modal-close:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.notes-modal-body{padding:24px}.notes-modal-body textarea{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-body);resize:vertical;min-height:140px;max-height:300px;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:border-color .2s ease,box-shadow .2s ease}.notes-modal-body textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.notes-modal-body textarea::placeholder{color:var(--text-muted)}.notes-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:2px solid var(--border-color);background:var(--bg-secondary)}.notes-modal-footer .btn{padding:10px 20px;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:2px solid;min-width:100px}.notes-modal-footer .btn-cancel{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.notes-modal-footer .btn-cancel:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.notes-modal-footer .btn-save{background:var(--accent-color);color:var(--primary-color);border-color:var(--accent-color)}.notes-modal-footer .btn-save:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.notes-char-count{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:8px}.notes-char-count.warning{color:var(--warning-color)}.notes-char-count.error{color:var(--danger-color)}@media (max-width: 480px){.notes-modal-overlay{padding:16px}.notes-modal{max-width:100%}.notes-modal-header{padding:16px 20px}.notes-modal-body{padding:20px}.notes-modal-body textarea{min-height:120px}.notes-modal-footer{padding:16px 20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-primary: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--primary-color: #1A1A1A;--primary-dark: #000000;--primary-light: #2D2D2D;--primary-gradient: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 100%);--accent-color: #D4AF37;--accent-light: #E5C158;--accent-dark: #B8941F;--charcoal: #1A1A1A;--slate: #2D2D2D;--warm-grey: #4A4A4A;--pearl: #F5F5F5;--cream: #FAFAFA;--white: #FFFFFF;--success-color: #2D7A6A;--success-light: #E8F5F1;--danger-color: #C44536;--danger-light: #FAE8E6;--warning-color: #D4AF37;--warning-light: #FDF8E8;--info-color: #1A1A1A;--info-light: #F0F0F0;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-tertiary: #6B6B6B;--text-muted: #9B9B9B;--text-white: #FFFFFF;--text-accent: #D4AF37;--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-tertiary: #F0F0F0;--bg-dark: #E5E5E5;--bg-sidebar: #FAFAFA;--bg-hover: #F5F5F5;--bg-gradient: linear-gradient(135deg, #FFFFFF 0%, #F8F8F8 100%);--border-color: #333333;--border-hover: #1A1A1A;--border-focus: #D4AF37;--border-accent: #D4AF37;--shadow-xs: 0 1px 2px 0 rgba(26, 26, 26, .05);--shadow-sm: 0 2px 6px 0 rgba(26, 26, 26, .08);--shadow-md: 0 4px 12px -2px rgba(26, 26, 26, .12);--shadow-lg: 0 8px 20px -4px rgba(26, 26, 26, .16);--shadow-xl: 0 16px 40px -8px rgba(26, 26, 26, .2);--shadow-2xl: 0 24px 60px -12px rgba(26, 26, 26, .25);--shadow-accent: 0 4px 16px rgba(212, 175, 55, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--form-label-gap: .25rem;--form-group-gap: 1rem;--form-row-gap: 1.25rem;--modal-bg: #FFFFFF;--modal-bg-secondary: #F8F8F8;--modal-border: #333333;--modal-text: #1A1A1A;--modal-text-secondary: #4A4A4A;--modal-text-muted: #6B6B6B;--modal-input-bg: #FFFFFF;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cream);color:var(--text-primary);line-height:1.6;font-weight:400;font-size:15px}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:600}h2{font-size:2rem;font-weight:500}h3{font-size:1.5rem;font-weight:600}p,span,label,input,textarea,select,button{font-family:var(--font-body)}.btn{padding:.625rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent}.btn-primary{background:var(--primary-color);color:var(--text-white);border:2px solid var(--primary-color);padding:.625rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.625rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-danger{background:transparent;color:var(--danger-color);border:2px solid var(--danger-color);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.btn-danger:hover{background:var(--danger-color);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-delete{background:transparent;color:var(--danger-color);border:2px solid var(--danger-color);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.btn-delete:hover{background:var(--danger-color);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-icon{background:var(--bg-primary);color:var(--text-secondary);border:2px solid var(--border-color);min-width:auto;height:32px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;padding:0 .75rem;box-shadow:var(--shadow-xs);white-space:nowrap}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-icon.primary{background:var(--primary-color);color:var(--text-white);border:2px solid var(--primary-color)}.btn-icon.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon.danger{background:transparent;color:var(--danger-color);border:2px solid var(--danger-color)}.btn-icon.danger:hover{background:var(--danger-color);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon.disabled{background:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border-color);cursor:not-allowed;opacity:.6}.btn-icon.disabled:hover{background:var(--bg-secondary);color:var(--text-muted);transform:none;box-shadow:none}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.error-message{background:var(--danger-light);color:var(--danger-color);padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:4px solid var(--danger-color);margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.admin-layout{display:flex;min-height:100vh;background:var(--cream)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left var(--transition-base)}.main-content.sidebar-closed{margin-left:0}.content-area{flex:1;padding:2rem;min-height:calc(100vh - 70px)}.sidebar{width:280px;background:linear-gradient(180deg,#fafafa,#f5f5f5);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;height:100vh;transition:all var(--transition-base);z-index:1000;box-shadow:4px 0 20px #0a5f5f14;display:flex;flex-direction:column}.sidebar.closed{transform:translate(-100%)}.sidebar-header{padding:2.5rem 1.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(212,175,55,.25) 0%,transparent 70%);pointer-events:none;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.25}50%{transform:scale(1.1);opacity:.35}}.logo-container{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.logo-icon{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-white);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.sidebar-header h2{color:var(--text-white);font-size:1.875rem;font-weight:800;margin:0;letter-spacing:-.03em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.header-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 50%,var(--accent-color) 100%);box-shadow:0 2px 8px #d4af3766}.sidebar-nav{padding:2rem 0;flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.nav-item{display:flex;align-items:center;padding:1rem 1.5rem;margin:.375rem 1.25rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border-radius:var(--radius-lg);position:relative;font-size:.9375rem;font-weight:500;background:transparent}.nav-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.nav-item:hover{color:var(--primary-color);transform:translate(6px);box-shadow:var(--shadow-sm);background:#ffffffe6}.nav-item.active{color:var(--text-white);font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);box-shadow:var(--shadow-md);transform:translate(4px)}.nav-item.active:after{opacity:1}.active-indicator{position:absolute;right:1rem;width:6px;height:6px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px var(--accent-color);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.nav-icon{font-size:1.25rem;margin-right:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.nav-item:hover .nav-icon{transform:scale(1.15)}.nav-text{flex:1}.sidebar-bottom{padding:0 0 1.5rem;margin-top:auto}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 50%,transparent 100%);margin:1rem 1.5rem 1.5rem}.settings-toggle{justify-content:space-between}.settings-toggle .dropdown-icon{margin-left:auto;font-size:1rem;transition:transform var(--transition-base);color:var(--text-tertiary)}.settings-toggle.open .dropdown-icon{transform:rotate(0)}.submenu{margin-top:.5rem;padding-left:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{padding:.75rem 1.5rem;margin:.25rem 1.25rem;font-size:.875rem;opacity:.9}.submenu-item:hover{opacity:1}.sidebar-footer-accent{height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-color) 100%);margin-top:1rem;box-shadow:0 -2px 8px #0a5f5f26}.topbar{background:#fffffffa;border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;height:70px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left{display:flex;align-items:center;gap:1rem}.menu-toggle{background:none;border:2px solid var(--border-color);font-size:1.3rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.menu-toggle:hover{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.topbar-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.topbar-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.logout-button{padding:.5rem 1rem;background:transparent;color:var(--danger-color);border:2px solid var(--danger-color);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.logout-button:hover{background:var(--danger-color);color:var(--text-white)}.dashboard{padding:2rem;background:var(--cream);min-height:100vh}.dashboard-header{margin-bottom:3rem;padding:2rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border-left:5px solid var(--accent-color)}.dashboard-header h1{font-size:2.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-primary)}.dashboard-header p{color:var(--text-secondary);font-size:1rem}.dashboard-content{display:flex;flex-direction:column;gap:2.5rem}.content-section{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.content-section:hover{box-shadow:var(--shadow-lg)}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.75rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-primary);display:flex;align-items:center;gap:.75rem}.section-header h2:before{content:"";width:4px;height:1.75rem;background:var(--accent-color);border-radius:var(--radius-sm)}.section-description{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.error-state{background:var(--danger-light);color:var(--danger-color);padding:1rem;border-radius:var(--radius-md);text-align:center;border:1px solid var(--danger-color)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem}.card{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-color);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 100%)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.card h3{font-size:.75rem;color:var(--text-tertiary);margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.card-number{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin:0}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--cream) 0%,var(--pearl) 100%)}.login-box{background:var(--bg-primary);padding:3rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;border:1px solid var(--border-color);position:relative}.login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.login-title{font-size:2.5rem;font-weight:800;text-align:center;color:var(--primary-color);margin-bottom:.5rem}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:.9375rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.leads-page{padding:2rem}.leads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.leads-header h1{font-size:2rem;font-weight:500;color:var(--text-primary);margin:0}.leads-header-right{display:flex;align-items:center;gap:1.5rem;margin-left:auto;flex-wrap:wrap}.filters-container{display:flex;align-items:center;gap:1.25rem}.business-selector,.filter-group{display:flex;align-items:center;gap:.75rem}.business-selector label,.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.business-selector select,.filter-group select{padding:.625rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);min-width:200px}.business-selector select:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-light)}.header-buttons{display:flex;gap:1rem;align-items:center}.avatar{width:42px;height:42px;border-radius:var(--radius-full);background:var(--primary-color);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;text-transform:uppercase}.name-cell{display:flex;align-items:center;gap:1rem}.status-badge.status-Created{background:var(--info-light);color:var(--info-color)}.status-badge.status-Won{background:var(--success-light);color:var(--success-color)}.status-badge.status-Lost{background:var(--danger-light);color:var(--danger-color)}.business-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.business-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--border-color);position:relative}.business-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--accent-color) 0%,var(--accent-light) 100%);opacity:0;transition:opacity var(--transition-base)}.business-card:hover:before{opacity:1}.business-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.card-header h3{margin:0;color:var(--text-primary);font-size:1.375rem;font-weight:500}.lead-form,.business-form,.email-view{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem;border:1px solid var(--border-color);position:relative}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.form-section h2{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-color)}.logo-upload-container{width:120px;height:80px}.logo-preview-wrapper{position:relative;width:120px;height:80px;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.logo-preview-image{width:100%;height:100%;object-fit:contain;padding:.25rem}.logo-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem}.logo-change-btn,.logo-delete-btn{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background-color .15s ease;box-shadow:0 1px 3px #00000026}.logo-change-btn:hover{background:var(--bg-secondary)}.logo-delete-btn:hover{background:var(--error-light)}.logo-upload-placeholder{width:120px;height:80px;border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--bg-secondary);transition:all .15s ease}.logo-upload-placeholder.active{cursor:pointer}.logo-upload-placeholder.active:hover{border-color:var(--accent-color);background:var(--bg-primary)}.logo-upload-placeholder .upload-icon{font-size:1.25rem}.logo-upload-placeholder .upload-text{font-size:.7rem;color:var(--text-muted);text-align:center}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem}.color-input{width:40px!important;height:36px!important;padding:2px!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important;cursor:pointer;flex-shrink:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border-radius:4px;border:none}.color-text-input{width:80px!important;font-family:monospace;font-size:.75rem!important;text-transform:uppercase}.email-view-container{max-width:1200px;margin:0 auto}.email-details-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all var(--transition-base)}.email-details-card:hover{box-shadow:0 8px 32px #0a5f5f26}.card-accent-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-color) 100%);box-shadow:0 2px 12px #d4af374d}.email-details-header{display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#f8f6f4,#fff);border-bottom:1px solid var(--border-color)}.header-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);font-size:2rem;box-shadow:0 4px 16px #0a5f5f40;animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{transform:scale(1);box-shadow:0 4px 16px #0a5f5f40}50%{transform:scale(1.02);box-shadow:0 6px 20px #0a5f5f59}}.header-content{flex:1}.details-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:var(--text-primary);font-family:var(--font-primary);letter-spacing:-.02em}.details-subtitle{margin:0;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.email-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:2.5rem}.details-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.details-section:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #0a5f5f14;transform:translateY(-2px)}.details-section.full-width{grid-column:1 / -1;margin:0 2.5rem 1.5rem}.section-label{margin:0 0 1.25rem;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);padding-bottom:.75rem;border-bottom:2px solid var(--accent-color)}.details-group{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.875rem 0;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.detail-row:hover{background:#0a5f5f05;border-radius:var(--radius-sm);padding-left:.5rem;padding-right:.5rem;margin-left:-.5rem;margin-right:-.5rem}.detail-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:120px;flex-shrink:0}.detail-value{font-size:.9375rem;font-weight:500;color:var(--text-primary);text-align:right;word-break:break-word;flex:1}.status-badge.status-new{background:linear-gradient(135deg,var(--info-color) 0%,#2563EB 100%);color:var(--text-white)}.status-badge.status-contacted{background:linear-gradient(135deg,var(--warning-color) 0%,#D97706 100%);color:var(--text-white)}.status-badge.status-qualified{background:linear-gradient(135deg,var(--primary-color) 0%,#7C3AED 100%);color:var(--text-white)}.status-badge.status-converted{background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);color:var(--text-white)}.status-badge.status-lost{background:linear-gradient(135deg,var(--danger-color) 0%,#DC2626 100%);color:var(--text-white)}.notes-content,.message-content{background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.9375rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;min-height:80px}.message-content{background:linear-gradient(135deg,#f8f6f4,#fff);border-left:4px solid var(--primary-color);font-family:var(--font-secondary)}.details-metadata{display:flex;justify-content:space-around;padding:1.75rem 2.5rem;background:linear-gradient(135deg,#f8f6f4,#fff);border-top:1px solid var(--border-color);gap:2rem;flex-wrap:wrap}.metadata-item{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px}.metadata-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);border-radius:var(--radius-lg);font-size:1.375rem;box-shadow:0 4px 12px #0a5f5f33}.metadata-item>div{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.metadata-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.add-type-input-row{display:flex;gap:.5rem;align-items:center}.add-type-input-row input{flex:1}.btn-sm{padding:.375rem .75rem!important;font-size:.75rem!important}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.notes-dialog-overlay,.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.notes-dialog,.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:90%;overflow:hidden;animation:slideIn .3s ease;border:1px solid var(--border-color);position:relative}.notes-dialog:before,.confirm-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%)}.notes-dialog-header,.confirm-dialog-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center}.notes-dialog-header-left,.notes-dialog-header-right{display:flex;align-items:center;gap:1rem}.notes-dialog-header h2,.confirm-dialog-header h3{margin:0;font-size:1.375rem;font-weight:500;color:var(--text-primary)}.btn-edit-note,.btn-cancel-edit{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-edit-note{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 2px 8px #0a5f5f33}.btn-edit-note:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a5f5f4d}.btn-cancel-edit{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b728033}.btn-cancel-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.notes-dialog-body,.confirm-dialog-body{padding:1.5rem}.notes-dialog-footer,.confirm-dialog-footer{padding:1rem 1.5rem;background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border-color)}.notes-list-dialog{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:90%;width:1200px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.notes-list-dialog-body{padding:1.5rem;overflow-y:auto;flex:1}.note-date{font-size:.8125rem;color:var(--text-muted);min-width:140px}.note-details{max-width:400px;word-wrap:break-word;line-height:1.5}.note-action,.note-by{white-space:nowrap}.note-followup-date{font-size:.8125rem;min-width:100px}.empty-notes-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-notes-state p{margin-bottom:1.5rem;font-size:1rem}.notes-list-dialog .table tbody tr.clickable{cursor:pointer}.notes-list-dialog .table tbody tr.clickable:hover{background-color:var(--bg-hover)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-button:hover{background:var(--danger-light);color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.na-tag{color:var(--text-muted);font-style:italic}@media (max-width: 768px){.form-row,.dashboard-cards,.business-grid{grid-template-columns:1fr}.leads-header{flex-direction:column;align-items:stretch;gap:1rem}.leads-header-right{flex-direction:column;align-items:stretch;margin-left:0;gap:1rem}.filters-container{flex-direction:column;align-items:stretch;gap:1rem}.business-selector,.filter-group{flex-direction:column;align-items:stretch}.business-selector select,.filter-group select{width:100%}.header-buttons{flex-direction:column;width:100%}.header-buttons button{width:100%}.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.footer{background:linear-gradient(180deg,#fff,#f8f6f4);border-top:1px solid var(--border-color);padding:2rem 3rem;position:relative;box-shadow:0 -4px 20px #0a5f5f0d}.footer-top-border{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 25%,var(--primary-light) 50%,var(--accent-color) 75%,var(--primary-color) 100%);box-shadow:0 2px 12px #d4af374d}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-left{display:flex;flex-direction:column;gap:.75rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-text{font-family:var(--font-primary);font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.footer-copyright{margin:0;color:var(--text-tertiary);font-size:.875rem;font-weight:500}.footer-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all var(--transition-base);position:relative;padding:.25rem 0}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);transition:width var(--transition-base)}.footer-link:hover{color:var(--primary-color)}.footer-link:hover:after{width:100%}.footer-separator{color:var(--border-color);font-size:.75rem}.footer-right{display:flex;align-items:center}.footer-tagline{margin:0;color:var(--text-secondary);font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.notification-container{position:fixed;top:2rem;right:2rem;z-index:100000;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.notification-toast{pointer-events:all;min-width:320px;max-width:450px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 12px 48px #1a1a1a26,0 4px 16px #0a5f5f1a;border:1px solid var(--border-color);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;animation:slideInRight .4s cubic-bezier(.16,1,.3,1),fadeIn .3s ease;transition:all var(--transition-base)}.notification-toast:hover{transform:translate(-4px);box-shadow:0 16px 56px #1a1a1a33,0 6px 20px #0a5f5f26}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transition:width var(--transition-base)}.notification-toast:hover:before{width:6px}.toast-success:before{background:linear-gradient(180deg,#10b981,#059669)}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #00000026;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.5;word-wrap:break-word}.toast-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;font-size:1.25rem}.toast-close:hover{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color);transform:rotate(90deg)}@media (max-width: 768px){.notification-container{top:1rem;right:1rem;left:1rem}.notification-toast{min-width:unset;max-width:unset;width:100%}}.notes-section-container{margin-top:3rem;max-width:100%}.notes-section-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.notes-section-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,#f8f6f4,#fff);border-bottom:1px solid var(--border-color)}.notes-section-header .header-content{flex:1}.section-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text-primary);font-family:var(--font-primary)}.section-subtitle{margin:0;color:var(--text-secondary);font-size:.875rem;font-weight:500}.btn-add-note{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #0a5f5f40}.btn-add-note:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0a5f5f59}.btn-add-note .btn-icon{font-size:1.25rem;font-weight:500}.empty-notes-state{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.25rem;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-notes-state h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:500;color:var(--text-primary)}.empty-notes-state p{margin:0;color:var(--text-secondary);font-size:.9375rem}.notes-section-card .table thead th{padding:.625rem .75rem;font-size:var(--text-xs)}.notes-section-card .table tbody td{padding:.625rem .75rem;font-size:var(--text-sm);font-family:var(--font-body);font-weight:400}.date-cell{min-width:120px}.date-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.date-icon{font-size:.875rem}.time-display{font-size:var(--text-xs);color:var(--text-secondary)}.details-cell{max-width:300px}.note-details-preview{line-height:1.5;color:var(--text-primary)}.action-cell{min-width:110px}.action-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.action-badge.action-email{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-badge.action-call{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-badge.action-send-quote{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-badge.action-send-invoice{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-badge.action-organize-meeting{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.action-badge.action-other{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-badge.status-draft{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.action-badge.status-sent{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-badge.status-accepted,.action-badge.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-badge.status-rejected,.action-badge.status-declined{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-badge.status-expired,.action-badge.status-hold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-dropdown{padding:.375rem .875rem;border-radius:var(--radius-full);border:none;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M0 2l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:20px}.status-dropdown.status-draft{background-color:#6b7280;color:#fff}.status-dropdown.status-approved{background-color:#059669;color:#fff}.status-dropdown.status-hold{background-color:#d97706;color:#fff}.status-dropdown.status-declined{background-color:#dc2626;color:#fff}.status-dropdown.status-sent{background-color:#3b82f6;color:#fff}.status-dropdown.status-review{background-color:#8b5cf6;color:#fff}.status-dropdown.status-won{background-color:#059669;color:#fff}.status-dropdown.status-lost{background-color:#dc2626;color:#fff}.status-dropdown:focus{outline:2px solid var(--accent-color);outline-offset:1px}.quote-number-cell{min-width:80px}.guests-cell{min-width:70px;text-align:center}.total-cell,.status-cell{min-width:100px;text-align:right}.actions-cell{text-align:right}.actions-cell>div{justify-content:flex-end}.followup-cell{min-width:100px}.followup-date{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--warning-light);color:var(--warning-color);border:1px solid var(--warning-color);border-radius:var(--radius-sm);font-size:var(--text-xs)}.no-followup{color:var(--text-muted)}.author-cell{min-width:110px}.author-display{display:flex;align-items:center;gap:.5rem}.author-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.actions-column{width:90px;text-align:center}.actions-cell{display:flex;align-items:center;justify-content:center;gap:.375rem}.table-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.table-action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.delete-btn:hover{background:var(--danger-light);border-color:var(--danger-color)}@media (max-width: 768px){.notes-section-header{flex-direction:column;align-items:stretch;gap:1rem}.btn-add-note{width:100%;justify-content:center}}.page-header-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-bottom:1.5rem;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-color) 100%);border-image-slice:1;position:relative}.page-header-container:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-color) 100%);box-shadow:0 2px 12px #d4af374d}.page-header-content{flex:1}.page-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:800;color:var(--text-primary);font-family:var(--font-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-color) 0%,var(--text-primary) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:500}.page-header-container.no-border{border-bottom:none;border-image:none}.page-header-container.no-border:after{display:none}.page-header-actions{display:flex;align-items:center;gap:1rem}.btn-action{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;border:2px solid;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-action .btn-icon{font-size:1.125rem}.btn-edit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 16px #0a5f5f40}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0a5f5f59}.btn-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280;color:#fff;box-shadow:0 4px 16px #6b728040}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6b728059}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--text-base);transition:all .2s;box-shadow:0 2px 8px #00000014}.btn-back:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0a5f5f26}.btn-save{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #0a5f5f40}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #0a5f5f59}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-action{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #00000014}.btn-cancel-action:hover:not(:disabled){border-color:#ef4444;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef444426}.btn-cancel-action:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.page-header-container{flex-direction:column;align-items:stretch;gap:1.5rem}.page-title{font-size:1.75rem}.page-header-actions{flex-direction:column;width:100%}.btn-action{width:100%;justify-content:center}.form-actions{flex-direction:column}.btn-save,.btn-cancel-action{width:100%;justify-content:center}}.heart-icon{color:var(--accent-color);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (max-width: 768px){.footer{padding:1.5rem}.footer-content{flex-direction:column;align-items:flex-start;text-align:left;gap:1.5rem}.footer-links{gap:.75rem}.footer-right{width:100%}}.payment-details-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.payment-details-modal .supplier-name{font-size:.875rem;color:var(--text-secondary);font-weight:500}.payment-details-modal .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.payment-details-modal .footer-left,.payment-details-modal .footer-right{display:flex;gap:var(--spacing-sm)}.payment-details-modal .summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.payment-details-modal .summary-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;border:2px solid var(--border-color)}.payment-details-modal .summary-card label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-family:var(--font-body)}.payment-details-modal .summary-card .amount-large{font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:var(--font-body)}.payment-details-modal .summary-card .amount-large.paid{color:var(--success-color)}.payment-details-modal .summary-card .amount-large.remaining{color:var(--warning-color)}.details-section{margin-bottom:var(--spacing-2xl);background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:500;color:var(--text-secondary);font-family:var(--font-body)}.detail-row span{color:var(--text-primary)}.payments-section{margin-top:var(--spacing-lg)}.payments-section h3{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:var(--text-primary);font-family:var(--font-primary);font-weight:600}.payments-table{table-layout:fixed}.payments-table thead th{padding:.625rem .75rem;font-size:.6875rem}.payments-table tbody td{padding:.625rem .75rem;font-size:.8125rem}.payments-table th:nth-child(1),.payments-table td:nth-child(1){width:5%}.payments-table th:nth-child(2),.payments-table td:nth-child(2){width:14%}.payments-table th:nth-child(3),.payments-table td:nth-child(3){width:12%}.payments-table th:nth-child(4),.payments-table td:nth-child(4){width:10%}.payments-table th:nth-child(5),.payments-table td:nth-child(5){width:18%}.payments-table th:nth-child(6),.payments-table td:nth-child(6){width:16%}.payments-table th:nth-child(7),.payments-table td:nth-child(7){width:15%}.payments-table tbody tr.payment-paid,.payments-table tbody tr.payment-paid:hover{background-color:var(--success-light)}.badge-success{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-sm);background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color);white-space:nowrap}.badge-pending{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-sm);background:var(--warning-light);color:var(--warning-color);border:1px solid var(--warning-color);white-space:nowrap}.date-input{padding:.375rem .625rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8125rem;width:100%;max-width:150px;font-family:var(--font-body);transition:border-color var(--transition-fast);box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.date-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.date-input::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}.text-muted{color:var(--text-muted)}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:center}.btn-icon-action{padding:4px;background:transparent;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-size:1rem;width:30px;height:30px}.btn-icon-action:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon-action.btn-invoices.has-invoices{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-icon-action.btn-invoices.has-invoices:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.invoices-display{font-size:.75rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.btn-toggle-paid{padding:4px;background:transparent;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-size:1rem;width:30px;height:30px}.btn-toggle-paid:hover{border-color:var(--success-color);color:var(--success-color)}.btn-toggle-paid.paid{background:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-toggle-paid.paid:hover{background:var(--success-dark);border-color:var(--success-dark)}.btn-toggle-status{padding:.625rem 1.25rem;border:2px solid var(--warning-color);background:var(--bg-primary);color:var(--warning-color);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.btn-toggle-status:hover{background:var(--warning-color);color:var(--text-primary)}.btn-toggle-status.inactive{border-color:var(--success-color);color:var(--success-color)}.btn-toggle-status.inactive:hover{background:var(--success-color);color:#fff}@media (max-width: 768px){.payment-details-modal{width:95%;max-height:95vh}.payment-details-modal .summary-section{grid-template-columns:1fr}.payment-details-modal .summary-card .amount-large{font-size:1.5rem}.payments-table{font-size:.75rem}.payments-table th,.payments-table td{padding:var(--spacing-xs) .75rem}.payments-table th:nth-child(1){width:8%}.payments-table th:nth-child(2){width:18%}.payments-table th:nth-child(3){width:18%}.payments-table th:nth-child(4){width:15%}.payments-table th:nth-child(5){width:20%}.payments-table th:nth-child(6){width:21%}.date-input{max-width:130px;font-size:.75rem}.btn-toggle-paid{width:32px;height:32px;font-size:1rem}}.amount-cell{font-weight:500;color:var(--text-primary);text-align:right}.overdue-row{background-color:var(--danger-light)}.overdue-row:hover{background-color:#fce0dc}.overdue-date{color:var(--danger-color);font-weight:500}.overdue-amount{color:var(--danger-color)}.overdue-days{color:var(--danger-color);font-weight:500;text-align:center}.status-badge.status-paid{background-color:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.status-badge.status-unpaid{background-color:var(--warning-light);color:var(--warning-color);border:1px solid var(--warning-color)}.content-section .empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--cream);border-radius:var(--radius-md);border:2px dashed var(--border-color);margin:1rem 0}.content-section .empty-state p{margin-bottom:var(--spacing-sm);font-size:1rem;color:var(--text-secondary)}.content-section .empty-state p:first-child{font-weight:500;font-size:1.125rem;color:var(--text-primary)}.empty-state-hint{font-size:.875rem;color:var(--text-muted);font-style:italic}.content-section .table-container{margin-top:1rem}.dashboard-notes-table thead th:nth-child(2),.dashboard-notes-table tbody td:nth-child(2){text-align:left}.dashboard-notes-table thead th:nth-child(3),.dashboard-notes-table tbody td:nth-child(3){text-align:right}.dashboard-notes-table thead th:nth-child(4),.dashboard-notes-table tbody td:nth-child(4){text-align:center}.dashboard-notes-table thead th:nth-child(5),.dashboard-notes-table tbody td:nth-child(5){text-align:right}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{padding:1.5rem;margin-bottom:2rem}.dashboard-content{gap:1.5rem}.content-section{padding:1.5rem}.section-header h2{font-size:1.5rem}}@media (max-width: 768px){body{font-size:15px}button,.btn,a.btn,input[type=submit],input[type=button]{min-height:44px;min-width:44px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px}.modal-content{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){body{font-size:13px}h1{font-size:1.25rem!important}h2{font-size:1.125rem!important}h3{font-size:1rem!important}label{font-size:.75rem!important}input,select,textarea{font-size:14px!important}.container{padding:.75rem}.card,.content-section{border-radius:var(--radius-lg)}}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{max-height:100vh;height:100vh;width:100%;max-width:100%;margin:0;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}.table-container{margin-left:-.75rem;margin-right:-.75rem;width:calc(100% + 1.5rem);border-radius:0}}@media (max-width: 480px){.btn{padding:.375rem .625rem!important;font-size:.75rem!important}.btn-icon{padding:.375rem!important}}.leads-table-container,.emails-table-container,.payment-plans-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.leads-table,.emails-table,.payment-plans-table{min-width:700px}@media (max-width: 768px){.leads-list,.emails-list,.payment-plans{padding:.5rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-header .btn-primary{width:100%}.filters{flex-direction:column;gap:.75rem}.filters select,.filters input{width:100%}}@media (max-width: 768px){body{font-size:14px;margin:0;padding:0}.content-area{padding:16px;margin:0}h1{font-size:1.5rem;margin:0 0 8px;line-height:1.2}h2{font-size:1.25rem;margin:0 0 8px;line-height:1.3}h3{font-size:1.125rem;margin:0 0 8px;line-height:1.4}p{margin:0 0 12px;line-height:1.5}.card,.content-section,.dashboard-header,.page-header,[class*=-card],[class*=-section]{padding:16px;margin:0 0 16px;border-radius:8px}.dashboard,.leads-page,.payment-plans-page,[class*=-page]{padding:0;margin:0}input,select,textarea{width:100%;min-height:44px;padding:12px 16px;font-size:16px;border-radius:8px}button,.btn{min-height:48px;padding:12px 24px;font-size:14px;border-radius:8px;font-weight:600}.table-container,[class*=-table-container]{margin:16px 0;border-radius:8px;overflow:hidden}.modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0;padding:0}.modal-header,.modal-body,.modal-footer{padding:16px}.dashboard-cards{gap:16px}.admin-layout,.main-content{margin:0;padding:0}}@media (max-width: 480px){.content-area{padding:12px}.card,.content-section,.dashboard-header,.page-header{padding:12px;margin:0 0 12px}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:1rem}label{font-size:.875rem}}.priority-badge{display:inline-block;padding:.25rem .75rem;border:1px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.recurrence-badge{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.8125rem}.recurrence-badge svg{font-size:.875rem}.occurrence-count{color:var(--text-secondary);font-size:.75rem;font-style:italic}.note-row.completed{opacity:.6}.note-row.completed .note-details-preview,.note-row.completed .lead-name{text-decoration:line-through;color:var(--text-secondary)}