.plans-table{font-size:0.9rem}.plans-table th{font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding:12px 8px;white-space:nowrap}.plans-table td{padding:12px 8px;vertical-align:middle;border-bottom:1px solid #f8f9fa}.plans-table .plan-row{transition:all 0.2s ease}.plans-table .plan-row:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.plans-table .plan-row.editing{background-color:#fff3cd;border-left:4px solid #ffc107}.plans-table .plan-row.saved{background-color:#d4edda;border-left:4px solid #28a745;animation:savedPulse 0.6s ease}.city-section{margin-bottom:2rem}.city-section:last-child{margin-bottom:0}.city-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:8px 8px 0 0;margin-bottom:0}.city-header .city-name{margin:0;font-weight:600;font-size:1.1rem}.city-header .city-name i{color:#ffd700}.city-header .plan-count{background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);font-size:0.8rem}.editable-field{border:1px solid #ced4da;border-radius:4px;transition:all 0.2s ease}.editable-field:focus{border-color:#80bdff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);outline:none}.editable-field.modified{border-color:#ffc107;background-color:#fff3cd}.editable-field.error{border-color:#dc3545;background-color:#f8d7da}.date-range-inputs{display:flex;gap:4px}.date-range-inputs input{flex:1;min-width:0}.action-buttons{display:flex;gap:4px;align-items:center}.action-buttons .btn{padding:4px 8px;font-size:0.8rem}.action-buttons .btn i{font-size:0.7rem}.action-buttons .saved-indicator{font-size:0.8rem;font-weight:500}.action-buttons .saved-indicator i{margin-right:4px}.status-badge{padding:4px 8px;border-radius:12px;font-size:0.75rem;font-weight:500}.status-badge.badge-success{background-color:#d4edda;color:#155724}.status-badge.badge-danger{background-color:#f8d7da;color:#721c24}.service-name{font-weight:500;color:#6c757d;font-size:0.85rem}.form-check-input{width:2.5rem;height:1.25rem;margin-top:0}.form-check-input:checked{background-color:#28a745;border-color:#28a745}.toast-container{z-index:1055}.toast{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.toast .toast-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.toast .toast-body{padding:0.75rem 1rem}@keyframes savedPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@media (max-width: 768px){.plans-table{font-size:0.8rem}.plans-table th,.plans-table td{padding:8px 4px}.date-range-inputs{flex-direction:column;gap:2px}.action-buttons{flex-direction:column;gap:2px}.city-header{flex-direction:column;gap:0.5rem;text-align:center}}.loading{opacity:0.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.card{border:none;border-radius:12px;overflow:hidden}.card .card-header{border-bottom:none;padding:1.5rem}.card .card-body{padding:1.25rem}.table-responsive{border-radius:0 0 12px 12px;overflow:hidden}.new-booking-notification{position:fixed;top:20px;right:20px;z-index:9999;background:#28a745;color:white;border-radius:8px;padding:15px 20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-width:450px;max-height:400px;animation:slideIn 0.3s ease-out;overflow:hidden}.new-booking-notification .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:white;font-size:18px;cursor:pointer;opacity:0.8}.new-booking-notification .close-btn:hover{opacity:1}.helper-pending-notification{position:fixed;top:20px;right:20px;z-index:9999;background:#ff0000;color:white;border-radius:8px;padding:15px 20px;box-shadow:0 4px 12px rgba(255,0,0,0.3);max-width:400px;animation:slideIn 0.3s ease-out;border-left:4px solid #cc0000}.helper-pending-notification .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:white;font-size:18px;cursor:pointer;opacity:0.8}.helper-pending-notification .close-btn:hover{opacity:1}.helper-overdue-notification{position:fixed;top:20px;right:20px;z-index:9999;background:#ff0000;color:white;border-radius:8px;padding:15px 20px;box-shadow:0 4px 12px rgba(255,0,0,0.4);max-width:400px;animation:slideIn 0.3s ease-out;border-left:4px solid #cc0000;border-right:4px solid #cc0000}.helper-overdue-notification .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:white;font-size:18px;cursor:pointer;opacity:0.8}.helper-overdue-notification .close-btn:hover{opacity:1}.cancelled-appointment-notification{position:fixed;top:20px;right:20px;z-index:9999;background:#ff8c00;color:white;border-radius:8px;padding:15px 20px;box-shadow:0 4px 12px rgba(255,140,0,0.3);max-width:400px;animation:slideIn 0.3s ease-out;border-left:4px solid #e67e00;border-right:4px solid #e67e00}.cancelled-appointment-notification .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:white;font-size:18px;cursor:pointer;opacity:0.8}.cancelled-appointment-notification .close-btn:hover{opacity:1}.draft-notification{background-color:#ffe0ef !important;border:1px solid #e75480 !important;color:#b3004b !important}.new-booking-notification+.new-booking-notification,.helper-pending-notification+.helper-pending-notification,.helper-overdue-notification+.helper-overdue-notification,.cancelled-appointment-notification+.cancelled-appointment-notification,.new-booking-notification+.helper-pending-notification,.helper-pending-notification+.new-booking-notification,.new-booking-notification+.helper-overdue-notification,.helper-overdue-notification+.new-booking-notification,.helper-pending-notification+.helper-overdue-notification,.helper-overdue-notification+.helper-pending-notification,.new-booking-notification+.cancelled-appointment-notification,.cancelled-appointment-notification+.new-booking-notification,.helper-pending-notification+.cancelled-appointment-notification,.cancelled-appointment-notification+.helper-pending-notification,.helper-overdue-notification+.cancelled-appointment-notification,.cancelled-appointment-notification+.helper-overdue-notification{top:100px}.new-booking-notification+.new-booking-notification+.new-booking-notification,.helper-pending-notification+.helper-pending-notification+.helper-pending-notification,.helper-overdue-notification+.helper-overdue-notification+.helper-overdue-notification,.cancelled-appointment-notification+.cancelled-appointment-notification+.cancelled-appointment-notification,.new-booking-notification+.helper-pending-notification+.new-booking-notification,.helper-pending-notification+.new-booking-notification+.helper-pending-notification,.new-booking-notification+.helper-overdue-notification+.new-booking-notification,.helper-overdue-notification+.new-booking-notification+.helper-overdue-notification,.helper-pending-notification+.helper-overdue-notification+.helper-pending-notification,.helper-overdue-notification+.helper-pending-notification+.helper-overdue-notification,.new-booking-notification+.cancelled-appointment-notification+.new-booking-notification,.cancelled-appointment-notification+.new-booking-notification+.cancelled-appointment-notification,.helper-pending-notification+.cancelled-appointment-notification+.helper-pending-notification,.cancelled-appointment-notification+.helper-pending-notification+.cancelled-appointment-notification,.helper-overdue-notification+.cancelled-appointment-notification+.helper-overdue-notification,.cancelled-appointment-notification+.helper-overdue-notification+.cancelled-appointment-notification{top:180px}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.navbar-nav .nav-link.active{color:#001f3f !important;font-weight:600 !important;background-color:#e9ecef !important;border-radius:6px;padding:8px 16px !important;margin:0 4px;transition:all 0.3s ease}.navbar-nav .nav-link.active:hover{background-color:#dee2e6 !important;color:#001f3f !important}.navbar-nav .dropdown-toggle.active{color:#001f3f !important;font-weight:600 !important;background-color:#e9ecef !important;border-radius:6px;padding:8px 16px !important;margin:0 4px;transition:all 0.3s ease}.navbar-nav .dropdown-toggle.active:hover{background-color:#dee2e6 !important;color:#001f3f !important}.dropdown-menu .dropdown-item.active{background-color:#001f3f !important;color:white !important;font-weight:500}.dropdown-menu .dropdown-item.active:hover{background-color:#002a52 !important;color:white !important}.navbar-nav .nav-link:not(.active):hover{color:#495057 !important;background-color:#f8f9fa !important;border-radius:6px;padding:8px 16px !important;margin:0 4px;transition:all 0.3s ease}.dropdown-menu .dropdown-item:not(.active):hover{background-color:#f8f9fa !important;color:#495057 !important}.nav-underline .nav-link.active{font-weight:700;color:black;border-bottom:1px solid}.custom-cursor{cursor:pointer}.form-control-label{font-weight:500;margin-bottom:0.5rem}.input-group-text{background-color:#f8f9fa;border-color:#ced4da}.card{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.card.p-4{border:1px solid grey !important}.badge.bg-light{background-color:#f8f9fa !important;color:#6c757d}.btn.ml-2{margin-left:0.5rem}.btn.m-4{margin:1.5rem}.btn.px-4{padding-left:1.5rem;padding-right:1.5rem}.text-danger{color:#dc3545 !important}.alert.fade-out{animation:fadeOut 3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}100%{opacity:0}}.helpers-table .table th{background-color:#f8f9fa;border-color:#dee2e6}.helpers-table .table td{vertical-align:middle}.area-chart-container{width:50%;min-width:350px;border:1.5px solid #ccc;border-radius:12px;padding:18px 10px;background:#fafbfc;flex:1 1 50%}.city-counts-container{display:flex;flex-direction:row;align-items:center;border:1.5px solid #ccc;border-radius:12px;padding:18px 10px;background:#fafbfc;gap:32px;flex:0 0 auto}.city-circle{width:110px;height:110px;border-radius:50%;background:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #ddd;box-sizing:border-box;flex-shrink:0}.city-circle .city-name{font-weight:bold;font-size:1.3em;line-height:1.2}.city-circle .city-count{font-size:2em;line-height:1.2}.bulk-appt-card{border:1px solid #007bff;background-color:#f8f9fa;margin-bottom:1rem}.bulk-appt-card .card-body{padding:0.5rem}.charge-row .form-control{font-size:0.875rem}.package-info .alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.time-selector .form-control{width:33%;margin-right:2px}.time-selector .form-control:last-child{margin-right:0}@media (max-width: 768px){.area-chart-container{width:100%;min-width:auto}.city-counts-container{flex-direction:column;gap:16px}.city-circle{width:80px;height:80px}.city-circle .city-name{font-size:1em}.city-circle .city-count{font-size:1.5em}}.card-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.card-header h6{color:white !important}.form-control-sm{font-size:0.875rem}.bg-light{background-color:#f8f9fa !important}.text-primary{color:#4e73df !important}.text-success{color:#1cc88a !important}.text-warning{color:#f6c23e !important}.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem}.form-label{font-weight:500;margin-bottom:0.25rem}.card{box-shadow:0 0.15rem 1.75rem 0 rgba(58,59,69,0.15);border:1px solid #e3e6f0}.card-header{border-bottom:1px solid #e3e6f0}.border.rounded{border-color:#e3e6f0 !important;transition:all 0.2s ease}.border.rounded:hover{border-color:#4e73df !important;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.text-warning .fas.fa-star,.text-warning .fas.fa-star-half-alt{color:#f6c23e !important}.text-warning .far.fa-star{color:#d1d3e2 !important}#customer-rating-card{animation:slideInRight 0.3s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}#pending-amount.text-danger{color:#dc3545 !important;font-weight:bold}#review-notes{max-height:120px;overflow-y:auto}#review-notes::-webkit-scrollbar{width:6px}#review-notes::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#review-notes::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#review-notes::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-lg{max-width:900px}.modal-body{max-height:70vh;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#see-ratings-btn,#see-notes-btn{transition:all 0.2s ease}#see-ratings-btn:hover,#see-notes-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}#summary-text{font-size:0.875rem;line-height:1.4}.table-responsive{border:1px solid #dee2e6;border-radius:0.375rem}.sticky-top{position:sticky;top:0;z-index:1020;background-color:#f8f9fa}.table th{font-weight:600;font-size:0.875rem;border-bottom:2px solid #dee2e6}.table td{font-size:0.875rem;vertical-align:middle}.table tbody tr:hover{background-color:#f8f9fa}.modal .table-responsive{max-height:400px;overflow-y:auto}.modal .table-responsive::-webkit-scrollbar{width:6px}.modal .table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal .table-responsive::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal .table-responsive::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.customer-details-card .card{border:none;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);border-radius:0.75rem}.customer-details-card .card .card-body{padding:1rem}.customer-details-card .card .card-title{color:#2c3e50;font-weight:600;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:0.5rem}.customer-details-card .form-group{margin-bottom:0.75rem}.customer-details-card .form-group label{font-weight:500;color:#495057;margin-bottom:0.25rem;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.5px}.customer-details-card .form-group .form-control{border:1px solid #dee2e6;border-radius:0.375rem;padding:0.5rem 0.75rem;font-size:0.85rem;transition:all 0.2s ease-in-out;height:auto;line-height:1.2;width:100%}.customer-details-card .form-group .form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.customer-details-card .form-group select{border:1px solid #dee2e6;border-radius:0.375rem;padding:0.5rem 0.75rem;font-size:0.85rem;background-color:#fff;transition:all 0.2s ease-in-out;height:auto;line-height:1.2;min-height:38px;width:100%}.customer-details-card .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.customer-details-card .referral-info{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:0.5rem;padding:0.75rem;margin:0.75rem 0;border:1px solid #dee2e6}.customer-details-card .referral-info h6{font-size:0.9rem;margin-bottom:0.75rem}.customer-details-card .referral-info .referral-item{display:flex;align-items:flex-start;margin-bottom:0.5rem;flex-wrap:nowrap}.customer-details-card .referral-info .referral-item:last-child{margin-bottom:0}.customer-details-card .referral-info .referral-item .referral-label{font-weight:600;color:#495057;min-width:90px;font-size:0.8rem;flex-shrink:0;margin-right:0.5rem}.customer-details-card .referral-info .referral-item .referral-value{background:#fff;padding:0.375rem 0.5rem;border-radius:0.25rem;border:1px solid #dee2e6;font-family:'Courier New', monospace;font-size:0.75rem;color:#6c757d;flex:1;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.customer-details-card .referral-info .referral-item .referral-link{color:#007bff;text-decoration:none;font-weight:500;font-size:0.8rem}.customer-details-card .referral-info .referral-item .referral-link:hover{color:#0056b3;text-decoration:underline}.customer-details-card .referral-info .marketing-opt-out{background:transparent;border:none;padding:0;margin:0}.customer-details-card .referral-info .marketing-opt-out .form-check{margin:0}.customer-details-card .referral-info .marketing-opt-out .form-check .form-check-input{margin-right:0.375rem}.customer-details-card .referral-info .marketing-opt-out .form-check label{margin:0;font-weight:500;color:#856404;font-size:0.8rem;line-height:1.2}.customer-details-card .action-buttons .btn{border-radius:0.375rem;font-weight:500;padding:0.5rem 1rem;font-size:0.85rem;transition:all 0.2s ease-in-out}.customer-details-card .action-buttons .btn.btn-primary{background:linear-gradient(135deg, #007bff 0%, #0056b3 100%);border:none}.customer-details-card .action-buttons .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0.25rem 0.5rem rgba(0,123,255,0.3)}.customer-details-card .action-buttons .btn.btn-outline-dark{border:2px solid #6c757d;color:#6c757d}.customer-details-card .action-buttons .btn.btn-outline-dark:hover{background-color:#6c757d;border-color:#6c757d;transform:translateY(-1px)}.customer-details-card .action-buttons .btn.btn-outline-danger{border:2px solid #dc3545;color:#dc3545}.customer-details-card .action-buttons .btn.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;transform:translateY(-1px)}.customer-details-card .col-lg-4 .card{border:none;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);border-radius:0.75rem}.customer-details-card .col-lg-4 .card .card-body{padding:1rem}.customer-details-card .col-lg-4 .card .card-title{color:#2c3e50;font-weight:600;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:0.5rem}.customer-details-card .col-lg-4 .card .table{font-size:0.8rem}.customer-details-card .col-lg-4 .card .table th{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#495057;border-top:none;padding:0.5rem 0.25rem}.customer-details-card .col-lg-4 .card .table td{padding:0.5rem 0.25rem;vertical-align:middle;border-top:1px solid #f8f9fa}.customer-details-card .col-lg-4 .card .table .btn-group-vertical .btn{margin-bottom:0.25rem;font-size:0.7rem;padding:0.25rem 0.5rem}.customer-details-card .col-lg-4 .card .table .btn-group-vertical .btn:last-child{margin-bottom:0}.customer-details-card .compact-form .row{margin-bottom:0.5rem}.customer-details-card .compact-form .row .col{padding:0 0.25rem}.customer-details-card .compact-form .form-group{margin-bottom:0.75rem}@media (max-width: 768px){.customer-details-card .card{width:100%}.customer-details-card .referral-info .referral-item{flex-direction:column;align-items:flex-start}.customer-details-card .referral-info .referral-item .referral-label{min-width:auto;margin-bottom:0.25rem}.customer-details-card .referral-info .referral-item .referral-value{margin-left:0;width:100%}}.status-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.status-badge.badge-success{background-color:#d4edda;color:#155724}.status-badge.badge-warning{background-color:#fff3cd;color:#856404}.status-badge.badge-danger{background-color:#f8d7da;color:#721c24}.container-fluid .card-header{background:linear-gradient(135deg, #fff 0%, #fff 100%)}.emoji-display{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:40px}.emoji-display .emoji-item{font-size:24px;padding:8px;background:white;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}.emoji-display .emoji-item:hover{border-color:#007bff;transform:scale(1.05);box-shadow:0 2px 8px rgba(0,123,255,0.2)}.emoji-display .emoji-item.selected{background:#007bff;color:white;border-color:#007bff}.emoji-display .emoji-item.copied{background:#28a745;color:white;border-color:#28a745;animation:pulse 0.5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.emoji-recommendations{border-left:4px solid #17a2b8 !important}.emoji-recommendations .btn-outline-primary{border-color:#17a2b8;color:#17a2b8}.emoji-recommendations .btn-outline-primary:hover{background-color:#17a2b8;border-color:#17a2b8;color:white}.emoji-picker-content{max-height:400px;overflow-y:auto}.emoji-category{margin-bottom:20px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(50px, 1fr));gap:8px;margin-top:10px}.emoji-btn{font-size:24px;padding:8px;border:1px solid #dee2e6;background:white;border-radius:6px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.emoji-btn:hover{background:#f8f9fa;border-color:#007bff;transform:scale(1.05)}.emoji-btn.selected{background:#007bff;color:white;border-color:#007bff}#selectedEmojisDisplay{min-height:50px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}#selectedEmojisDisplay .selected-emoji{font-size:20px;padding:4px 8px;background:#e9ecef;border-radius:4px;cursor:pointer;transition:all 0.2s ease}#selectedEmojisDisplay .selected-emoji:hover{background:#dc3545;color:white}#emojiSearch{font-size:16px}#emojiPickerModal .modal-dialog{max-width:800px}#emojiPickerModal .modal-body{max-height:70vh;overflow-y:auto}.btn-outline-primary.active{background-color:#007bff;border-color:#007bff;color:white}.btn-outline-primary.active:hover{background-color:#0056b3;border-color:#0056b3;color:white}.btn-primary.active{background-color:#007bff;border-color:#007bff;color:white}.btn-primary.active:hover{background-color:#0056b3;border-color:#0056b3;color:white}