@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";.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:700;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:700;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:600;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:700;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:600;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}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0006,0 0 0 1px var(--accent-color);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:2px solid var(--border-color)}.lead-form-modal{max-width:1000px}.modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:var(--bg-secondary);position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 50%,var(--accent-color) 100%);opacity:.3}.modal-title-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.02em}.modal-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.modal-header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.btn-close:hover{background:var(--bg-tertiary);color:var(--accent-color);transform:scale(1.1)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.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:600;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:700;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:600;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:600}.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:#ef44441a;color:#dc2626;padding:.875rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem;border:2px solid rgba(239,68,68,.3)}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:1rem 1.5rem;flex-wrap:wrap}.modal-header-actions{order:3;width:100%;margin-top:.75rem}.modal-body{padding:1.5rem}.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:900px;max-height:90vh;display:flex;flex-direction:column}.preview-overlay{z-index:1100}.preview-summary{margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;box-shadow:var(--shadow-sm)}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.summary-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);font-family:var(--font-primary)}.summary-value.supplier-name{color:var(--text-primary);font-size:1rem}.summary-value.total-amount{color:var(--accent-dark);font-size:1.5rem;text-shadow:0 1px 2px rgba(212,175,55,.2)}.summary-value.schedule-type{color:var(--accent-color);font-size:.95rem}.summary-value.payment-count{color:var(--text-primary);font-size:1.25rem}.summary-value.payment-amount{color:var(--accent-dark);font-size:1.125rem}.schedule-details{margin-bottom:1.5rem}.schedule-details h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-primary)}.payments-table-container{max-height:400px;overflow-y:auto;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary)}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{position:sticky;top:0;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);z-index:10}.payments-table thead th{padding:.875rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.payments-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.payments-table tbody tr:hover{background:var(--bg-secondary)}.payments-table tbody tr:last-child{border-bottom:none}.payments-table tbody td{padding:.875rem;font-size:.9rem;color:var(--text-primary)}.payments-table .payment-number{font-weight:700;color:var(--text-secondary);width:60px}.payments-table .payment-date{font-weight:600;color:var(--text-primary)}.payments-table .payment-amount{font-weight:700;color:var(--accent-dark);font-family:var(--font-primary)}.payments-table .running-total{font-weight:600;color:var(--text-secondary);font-family:var(--font-primary)}.payments-table tfoot{border-top:2px solid var(--border-color);background:var(--bg-secondary)}.payments-table tfoot .total-row{background:var(--bg-secondary)}.payments-table tfoot td{padding:1rem .875rem;font-size:1rem;color:var(--text-primary)}.payments-table tfoot strong{color:var(--accent-dark);font-family:var(--font-primary);font-size:1.125rem}.confirmation-note{display:flex;gap:1rem;padding:1.25rem;background:#d4af370d;border-left:4px solid var(--accent-color);border-radius:6px;margin-top:1.5rem}.confirmation-note .note-icon{font-size:1.5rem;flex-shrink:0}.confirmation-note .note-content strong{display:block;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.confirmation-note .note-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.6}.payments-table-container::-webkit-scrollbar{width:8px}.payments-table-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.payments-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.payments-table-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width: 768px){.preview-modal{max-width:100%;margin:0;border-radius:0}.summary-card{grid-template-columns:1fr;gap:1rem}.summary-value.total-amount{font-size:1.25rem}.payments-table-container{max-height:300px}.payments-table{font-size:.85rem}.payments-table thead th,.payments-table tbody td,.payments-table tfoot td{padding:.625rem .5rem}.modal-footer{flex-direction:column-reverse;gap:.5rem}.modal-footer button{width:100%}}.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:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color);position:relative}.data-page-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 50%,var(--accent-color) 100%);opacity:.3}.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:600;color:var(--text-secondary);font-size:.8rem;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:600;color:var(--text-secondary);font-size:.8rem;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}.data-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--primary-color);border-bottom:3px solid var(--accent-color)}.data-table thead th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-white);font-family:var(--font-body)}.data-table thead th.text-right{text-align:right}.data-table thead th.text-center{text-align:center}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr.clickable:hover{background:var(--bg-secondary);box-shadow:inset 3px 0 0 var(--accent-color)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{padding:1rem 1.25rem;font-size:.9rem;color:var(--text-primary);vertical-align:middle}.data-table tbody td.text-right{text-align:right}.data-table tbody td.text-center{text-align:center}.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:700;text-transform:uppercase;flex-shrink:0}.data-cell-primary{font-weight:600;color:var(--text-primary)}.data-cell-secondary{font-weight:500;color:var(--text-secondary);font-size:.8125rem}.data-cell-sub{font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.data-cell-amount{font-weight:700;font-size:1rem;color:var(--accent-dark);font-family:var(--font-primary)}.data-cell-amount.muted{color:var(--text-secondary);font-weight:600}.data-cell-date{color:var(--text-secondary);font-size:.875rem}.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:700;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:700;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:700;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:700;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}.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}}.create-plan-modal{max-width:700px}.payment-plan-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.form-group .required{color:var(--danger-color);margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:.95rem;transition:all .2s;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger-color)}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.error-message{color:var(--danger-color);font-size:.8125rem;font-weight:500;margin-top:-.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.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:700}.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}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;border-top:2px solid var(--border-color);background:var(--bg-secondary)}.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:600}.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:700;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:700;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:700;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}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.timesheet-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:#1a1a1a;font-size:1.75rem;font-weight:600}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;color:#666;font-size:.875rem;transition:all .2s}.btn-back:hover{background:#f9f9f9;border-color:#ccc}.timesheet-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:16px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.section-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-primary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:.875rem}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.info-badge{display:inline-block;padding:8px 16px;background:#e3f2fd;color:#1565c0;border-radius:6px;font-size:.875rem;margin-top:8px}.info-badge-inline{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.75rem;font-weight:400;margin-left:12px}.timesheet-grid-container{overflow-x:auto;margin:0 -24px;padding:0 24px}.timesheet-grid{width:100%;border-collapse:collapse;min-width:800px}.timesheet-grid thead{background:var(--primary-color);border-bottom:3px solid var(--accent-color)}.timesheet-grid th{text-align:left;padding:1rem 8px;font-weight:700;color:var(--text-white);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.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}.sticky-col{position:sticky;left:0;background:var(--bg-primary);z-index:10;min-width:150px}.timesheet-grid th.sticky-col{background:var(--primary-color);z-index:11}.rate-col{left:150px;min-width:100px}.date-col{min-width:80px;text-align:center}.timesheet-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:700;color:var(--text-white)}.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:#06c;box-shadow:0 0 0 2px #0066cc1a}.sticky-col input{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.sticky-col select{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.sticky-col input:focus,.sticky-col select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.new-staff-input{display:flex;width:100%}.new-staff-input input{width:100%;padding:8px;border:1px solid #0066cc;border-radius:4px;font-size:14px}.new-staff-input input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.total-col{text-align:right;font-weight:600;min-width:100px;color:var(--success-color)}.paid-col{width:60px;text-align:center}.btn-paid{padding:6px;background:transparent;border:2px solid #ddd;border-radius:50%;cursor:pointer;color:#ccc;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:#047857;border-color:#047857}.actions-col{width:60px;text-align:center}.totals-row{background:var(--bg-secondary);font-weight:600}.totals-label{text-align:right;font-weight:600;color:var(--text-primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:var(--text-white);border:2px solid var(--primary-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fff;color:#333;border:1px solid #ddd;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-secondary:hover{background:#f9f9f9;border-color:#ccc}.btn-icon{padding:6px;background:transparent;border:none;cursor:pointer;color:#666;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover:not(:disabled){background:#f3f4f6;color:#333}.btn-icon.danger:hover:not(:disabled){background:#fee2e2;color:#dc2626}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:#fff;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}.btn-secondary,.btn-primary{width:100%}.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:#9ca3af;transition:all .2s ease}.btn-icon.notes:hover{color:#3b82f6;background:#3b82f61a}.btn-icon.notes.has-notes{color:#3b82f6;background:#3b82f626}.btn-icon.notes.has-notes:hover{background:#3b82f640}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 40px #0003;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notes-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.notes-modal .modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.125rem;font-weight:600;color:#1a1a1a}.staff-name-badge{font-size:.8rem;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:16px;margin-left:8px}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.notes-modal .modal-body{padding:20px}.notes-modal .modal-body textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}.notes-modal .modal-body textarea:focus{outline:none;border-color:#3b82f6}.notes-modal .modal-body textarea::placeholder{color:#9ca3af}.notes-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.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;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color);position:relative}.square-sync-page .page-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 50%,var(--accent-color) 100%);opacity:.3}.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:600;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{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:var(--bg-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.btn-danger{background:var(--bg-tertiary);color:#ef4444;border:2px solid #ef4444}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.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:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.sync-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.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)}.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}.summary-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.summary-value.summary-date{font-size:.95rem;font-weight:600}.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:600;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:600;text-transform:uppercase}.type-badge.single{background:#3b82f61a;color:#3b82f6}.type-badge.multiple{background:#a855f71a;color:#a855f7}.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:700;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:700;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:600;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:600;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:600;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:600;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:600;color:var(--text-primary)}.variation-count{display:inline-block;padding:.15rem .5rem;background:var(--bg-tertiary);border-radius:99px;font-size:.7rem;font-weight:600;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:700;font-size:.95rem;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:600;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:700;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:600;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:700;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:700;font-size:.875rem;font-family:var(--font-body)}.price-input{width:80px;text-align:right;font-weight:700;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:600}.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:600;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:700;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:600;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}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.form-group input,.form-group select{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}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d4af3726}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.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:600;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:600;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:600;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:600;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:700;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:600}.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:600;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}}.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:700;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:600;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:700;margin:0 0 1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.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:.65rem!important;font-weight:600;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:.8rem!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-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:46px;padding:.25rem .5rem;background:linear-gradient(135deg,var(--primary-color),#1a2a3a);border:2px solid var(--accent-color);border-radius:var(--radius-sm)}.selector-price-display .price-value{font-size:.95rem;font-weight:700;color:var(--accent-color);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 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important}.override-input-wrap{position:relative;display:flex;align-items:center}.override-input-wrap .currency-prefix{position:absolute;left:.4rem;font-size:.8rem;color:#fff;pointer-events:none}.override-input-wrap input{width:100%!important;height:34px!important;padding-left:1rem!important;padding-right:.25rem!important;text-align:right!important;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8rem!important;background:var(--bg-primary);color:#fff!important}.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:600!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:600;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:600;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:600;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:600;margin:0 0 .75rem;color:var(--text-primary)}.review-notes p{margin:0;color:var(--text-secondary);font-size:.9rem;white-space:pre-wrap}.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:700;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:600;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}.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:1rem}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-color);max-height:90vh;overflow-y:auto;width:100%;max-width:600px;box-shadow:0 20px 25px -5px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:2px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.text-muted{color:var(--text-secondary)}.text-right{text-align:right}.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:600;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:.9rem;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:.9rem;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:600;color:var(--text-primary)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.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}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-card.dine-in{border-left:4px solid #2D7A6A}.summary-card.dine-in .summary-icon{background:#2d7a6a26;color:#2d7a6a}.summary-card.uber{border-left:4px solid #3b82f6}.summary-card.uber .summary-icon{background:#3b82f626;color:#3b82f6}.summary-card.takeaway{border-left:4px solid var(--accent-color)}.summary-card.takeaway .summary-icon{background:#d4af3726;color:var(--accent-dark)}.summary-card.online{border-left:4px solid #8b5cf6}.summary-card.online .summary-icon{background:#8b5cf626;color:#8b5cf6}.summary-card.total{border-left:4px solid var(--primary-color);background:#d4af370d}.summary-card.total .summary-icon{background:var(--primary-color);color:var(--accent-color)}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);font-size:1.25rem}.summary-content{display:flex;flex-direction:column}.summary-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-primary)}.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:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.date-cell{font-weight:600;white-space:nowrap;color:var(--text-primary)}.amount-cell{font-weight:600;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:700;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:700}.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:700;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:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor}.channel-badge.dine_in{background:#2d7a6a1a;color:#2d7a6a;border-color:#2d7a6a}.channel-badge.uber{background:#3b82f61a;color:#3b82f6;border-color:#3b82f6}.channel-badge.takeaway{background:#d4af371a;color:var(--accent-dark);border-color:var(--accent-dark)}.channel-badge.online{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf6}.payment-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary)}.payment-badge.card{background:#3b82f61a;color:#3b82f6}.payment-badge.cash{background:#2d7a6a1a;color:#2d7a6a}.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:700;text-transform:uppercase;letter-spacing:.05em}.week-number-select{padding:.5rem 1rem;font-size:1.5rem;font-weight:700;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:1rem;font-weight:700}.year-total-header .date-range{font-size:.8rem;color:#ffffffb3}.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:.75rem;color:var(--text-secondary);font-weight:600}.channel-value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.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:600;flex:1}.grand-total .total-value{font-size:1.25rem;font-weight:700;color:var(--accent-dark)}.grand-total .total-orders{font-size:.75rem;color:var(--text-muted);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:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.daily-comparison-table .day-name-cell{background:var(--primary-color);color:var(--text-white);font-weight:700;vertical-align:middle;text-align:center;border-right:2px solid var(--accent-color)}.daily-comparison-table .year-cell{font-weight:700;color:var(--primary-color);min-width:60px}.daily-comparison-table .date-cell{font-size:.85rem;color:var(--text-secondary);min-width:80px}.daily-comparison-table .total-cell{font-weight:700;color:var(--accent-dark);background:#d4af370d}.daily-comparison-table tr.day-first-row td{border-top:2px solid var(--border-color)}.daily-comparison-table tr.day-last-row td{border-bottom:1px solid var(--border-color)}.daily-comparison-table tr.current-year-row{background:#d4af370d}.daily-comparison-table tr.current-year-row .year-cell{color:var(--accent-dark)}.daily-comparison-table tfoot tr.totals-row{background:var(--bg-secondary)}.daily-comparison-table tfoot tr.totals-row td{padding:.75rem 1rem;border-top:none;color:var(--text-primary)}.daily-comparison-table tfoot tr.totals-row.current-year-row{background:var(--primary-color)}.daily-comparison-table tfoot tr.totals-row.current-year-row td{color:var(--text-white)}.daily-comparison-table tfoot tr.totals-row.current-year-row .total-cell{color:var(--accent-color);background:transparent}@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}}.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}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-primary: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--font-body: "Inter", sans-serif;--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;--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:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}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:700;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;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-header h2{font-size:1.75rem;font-weight:700;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:700;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}.form-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-light)}.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:700;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}.leads-table-container{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-md)}.leads-table{width:100%;border-collapse:collapse}.leads-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.leads-table th{padding:1.125rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:1px}.leads-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-base);cursor:pointer}.leads-table tbody tr:hover{background:var(--bg-secondary);transform:scale(1.001)}.leads-table td{padding:1.125rem 1.5rem;font-size:.9375rem;color:var(--text-primary)}.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:700;text-transform:uppercase}.name-cell{display:flex;align-items:center;gap:1rem}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.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:700}.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}.lead-form:before,.business-form:before,.email-view:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-color)}.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:700;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:600;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{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0000001a}.status-badge.status-new{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.status-badge.status-contacted{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.status-qualified{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.status-badge.status-converted{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.status-lost{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.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:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.metadata-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.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)}.notes-dialog-header h2,.confirm-dialog-header h3{margin:0;font-size:1.375rem;font-weight:700;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}.notes-table-container{overflow-x:auto}.notes-table{width:100%;border-collapse:collapse;font-size:.875rem}.notes-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:1}.notes-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.notes-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.notes-table tbody tr:hover{background:var(--bg-secondary)}.notes-table td{padding:.875rem 1rem;color:var(--text-secondary);vertical-align:top}.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}.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:700;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:700}.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:700;color:var(--text-primary)}.empty-notes-state p{margin:0;color:var(--text-secondary);font-size:.9375rem}.notes-table-container{overflow-x:auto;padding:1.5rem 2.5rem 2.5rem}.notes-table{width:100%;border-collapse:separate;border-spacing:0}.notes-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%)}.notes-table thead tr{box-shadow:0 4px 16px #0a5f5f26}.notes-table th{padding:1.125rem 1.25rem;text-align:left;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;border:none}.notes-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.notes-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.notes-table tbody tr{background:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.notes-table tbody tr:hover{background:linear-gradient(135deg,#0a5f5f08,#d4af3708);transform:translate(4px);box-shadow:0 4px 16px #0a5f5f14}.notes-table tbody tr:last-child{border-bottom:none}.notes-table td{padding:1.25rem;font-size:.9375rem;color:var(--text-primary)}.date-cell{min-width:140px}.date-display{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.25rem}.date-icon{font-size:1rem}.time-display{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.details-cell{max-width:350px}.note-details-preview{line-height:1.6;color:var(--text-primary)}.action-cell{min-width:130px}.action-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;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{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-badge.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-badge.status-expired{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.quote-number-cell{min-width:80px;font-family:var(--font-mono, "Monaco", "Consolas", monospace)}.guests-cell{min-width:70px;text-align:center}.total-cell{min-width:100px;text-align:right;font-family:var(--font-mono, "Monaco", "Consolas", monospace)}.status-cell{min-width:100px}.followup-cell{min-width:120px}.followup-date{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600}.no-followup{color:var(--text-muted);font-style:italic}.author-cell{min-width:130px}.author-display{display:flex;align-items:center;gap:.75rem}.author-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #0a5f5f33}.actions-column{width:100px;text-align:center}.actions-cell{display:flex;align-items:center;justify-content:center;gap:.5rem}.table-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast)}.table-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.edit-btn:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}@media (max-width: 1024px){.notes-table-container{padding:1rem}.notes-table{font-size:.875rem}.notes-table th,.notes-table td{padding:.875rem .75rem}.details-cell{max-width:250px}}@media (max-width: 768px){.notes-section-header{flex-direction:column;align-items:stretch;gap:1rem}.btn-add-note{width:100%;justify-content:center}.notes-table-container{overflow-x:scroll}.notes-table{min-width:800px}}.page-header-container{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-bottom:2rem;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-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:700;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{background:#fff;border-color:var(--border-color);color:var(--text-primary);box-shadow:0 2px 8px #00000014}.btn-back:hover{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:700;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:#fff;color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:700;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:#fff;border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.payment-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:2px solid var(--border-color)}.payment-details-modal .modal-header h2{margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;color:var(--text-primary);font-family:var(--font-primary)}.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 .modal-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.payment-details-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);border-top:2px solid var(--border-color);background:var(--bg-secondary)}.payment-details-modal .footer-left,.payment-details-modal .footer-right{display:flex;gap:var(--spacing-sm)}.summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.summary-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;border:2px solid var(--border-color)}.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:700;font-family:var(--font-body)}.summary-card .amount-large{font-size:1.75rem;font-weight:800;color:var(--text-primary);font-family:var(--font-primary)}.summary-card .amount-large.paid{color:var(--success-color)}.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:600;color:var(--text-secondary);font-family:var(--font-body)}.detail-row span{color:var(--text-primary)}.payments-section h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;color:var(--text-primary);font-family:var(--font-primary)}.payments-table-container{overflow-x:auto}.payments-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid var(--border-color);table-layout:fixed}.payments-table thead{background:var(--bg-secondary)}.payments-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body);border-bottom:2px solid var(--border-color)}.payments-table th:nth-child(1){width:5%}.payments-table th:nth-child(2){width:15%}.payments-table th:nth-child(3){width:15%}.payments-table th:nth-child(4){width:12%}.payments-table th:nth-child(5){width:18%}.payments-table th:nth-child(6){width:35%}.payments-table td{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-table tbody tr{transition:background-color var(--transition-fast)}.payments-table tbody tr:hover{background-color:var(--bg-hover)}.payments-table tbody tr.payment-paid{background-color:var(--success-light)}.payments-table tbody tr.payment-paid:hover{background-color:#dff0e8}.badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-block;font-family:var(--font-body)}.badge-success{background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.badge-pending{background:var(--warning-light);color:#856404;border:1px solid var(--warning-color)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.status-badge.status-active{background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.status-badge.status-inactive{background:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-color)}.status-badge.status-in-progress{background:var(--warning-light);color:var(--warning-color);border:1px solid var(--warning-color)}.status-badge.status-pending{background:var(--slate-light);color:var(--slate);border:1px solid var(--slate)}.status-badge.status-completed{background:var(--info-light);color:var(--info-color);border:1px solid var(--info-color)}.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}.date-input:focus{outline:none;border-color:var(--accent-color)}.text-muted{color:var(--text-muted)}.btn-toggle-paid{padding:6px;background:transparent;border:2px solid #ddd;border-radius:50%;cursor:pointer;color:#ccc;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.125rem;width:36px;height:36px}.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:#047857;border-color:#047857}.btn-toggle-status{padding:.625rem 1.25rem;border:2px solid var(--warning-color);background:#fff;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}.summary-section{grid-template-columns:1fr}.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:600;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:600}.overdue-amount{color:var(--danger-color)}.overdue-days{color:var(--danger-color);font-weight:600;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:600;font-size:1.125rem;color:var(--text-primary)}.empty-state-hint{font-size:.875rem;color:var(--text-muted);font-style:italic}.table-container{margin-top:1rem;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.dashboard-notes-table{width:100%;border-collapse:collapse;background:var(--white)}.dashboard-notes-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:var(--white)}.dashboard-notes-table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--accent-color)}.dashboard-notes-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.dashboard-notes-table tbody tr.clickable{cursor:pointer}.dashboard-notes-table tbody tr.clickable:hover{background:var(--cream);cursor:pointer;transform:scale(1.01)}.dashboard-notes-table tbody td{padding:1rem;color:var(--text-primary);font-size:.875rem;vertical-align:middle}.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)}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a}table{width:100%;min-width:600px}@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}.form-group{margin-bottom:1rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.75rem}.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){table{min-width:500px}th,td{padding:.5rem .375rem!important;font-size:.75rem!important}.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}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600}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}}