.customers-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.page-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.btn{padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-info{background:#0ea5e9;color:#fff}.btn-info:hover{background:#0284c7}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;border-left:4px solid}.alert-error{background:#fee2e2;color:#7f1d1d;border-color:#ef4444}.form-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.form-container h2{margin-top:0;margin-bottom:16px;font-size:18px;color:#1e293b}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-voice{display:flex;gap:8px;align-items:flex-start}.input-with-voice input,.input-with-voice textarea{flex:1}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:12px;margin-top:20px}.search-bar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.loading,.empty-state{padding:40px 20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.empty-state{font-size:16px}.table-container{background:white;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.data-table th{padding:14px 16px;text-align:left;font-weight:600;color:#475569;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.data-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155}.data-table tbody tr:hover{background:#f8fafc}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#7f1d1d}.badge-pending{background:#fef08a;color:#713f12}.badge-completed{background:#dcfce7;color:#166534}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;border-top:1px solid #e2e8f0}.page-info{color:#64748b;font-size:14px;min-width:100px;text-align:center}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.form-row{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 8px}.action-buttons{flex-direction:column}.search-input{max-width:100%}}.search-box input:focus{outline:none;border-color:var(--primary);background:white;box-shadow:0 0 0 3px #2563eb1a}.filter-group{display:flex;align-items:center;gap:12px}.filter-group select{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:white;font-size:14px;color:var(--dark);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--primary)}.btn-export{padding:10px 20px;background:white;border:1px solid var(--border);border-radius:8px;color:var(--dark);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-export:hover{background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.customers-table{overflow-x:auto}.customers-table table{width:100%;border-collapse:separate;border-spacing:0 8px}.customers-table thead{background:#f8fafc}.customers-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--secondary);border-bottom:2px solid var(--border);white-space:nowrap}.customers-table td{padding:16px;font-size:14px;background:white;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.customers-table td:first-child{border-left:1px solid #e2e8f0;border-radius:8px 0 0 8px}.customers-table td:last-child{border-right:1px solid #e2e8f0;border-radius:0 8px 8px 0}.customers-table tbody tr:hover td{background:#f8fafc}.customer-info{display:flex;align-items:center;gap:12px}.customer-avatar{width:40px;height:40px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}.customer-info h4{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}.customer-info p{font-size:12px;color:var(--secondary);margin:0}.contact-info div{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;color:var(--secondary)}.contact-info div:last-child{margin-bottom:0}.contact-info i{width:16px;color:var(--primary)}.type-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.type-corporate{background:rgba(37,99,235,.1);color:var(--primary)}.type-individual{background:rgba(16,185,129,.1);color:var(--success)}.trip-count{display:flex;flex-direction:column;align-items:center}.trip-count strong{font-size:18px;font-weight:700;color:var(--dark)}.trip-count span{font-size:12px;color:var(--secondary)}.amount{font-weight:600;color:var(--success)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-success{background:rgba(16,185,129,.1);color:var(--success)}.status-danger{background:rgba(239,68,68,.1);color:var(--danger)}.status-warning{background:rgba(245,158,11,.1);color:var(--warning)}.status-secondary{background:rgba(100,116,139,.1);color:var(--secondary)}.action-buttons{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;background:none;border:1px solid var(--border);color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.card-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.pagination{display:flex;align-items:center;gap:16px}.pagination-btn{width:32px;height:32px;border-radius:6px;background:white;border:1px solid var(--border);color:var(--dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info,.record-info{font-size:14px;color:var(--secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--secondary)}.loading-state i{font-size:32px;margin-bottom:16px;color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000001a}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-weight:600;color:var(--dark);margin:0}.modal-close{width:32px;height:32px;border-radius:6px;background:none;border:none;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:var(--danger)}.modal-body{padding:24px}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-footer{padding:24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:16px}@media (max-width: 768px){.filter-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-group{justify-content:space-between}.card-footer{flex-direction:column;gap:16px;text-align:center}.customers-table{font-size:12px}.action-buttons{flex-wrap:wrap}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}.stat-card{background:white;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-content h3{font-size:24px;font-weight:700;color:var(--dark);margin:0 0 4px}.stat-content p{font-size:14px;color:var(--secondary);margin:0}.financial-info div{display:flex;justify-content:space-between;margin-bottom:4px}.financial-info div:last-child{margin-bottom:0}.payment-preference{padding:4px 8px;border-radius:4px;font-size:12px;background:#f1f5f9}.status-info{display:flex;flex-direction:column;gap:8px}.selected-item{margin-top:8px;padding:8px;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;font-size:14px}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin:24px 0}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.form-section:last-child{border-bottom:none}.form-section h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px}.customers-top-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.top-customers-panel{background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.top-customers-header{padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.top-customers-header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.top-customers-list{display:flex;flex-direction:column;padding:8px}.top-customer-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:8px}.top-customer-item:hover{background:#f8fafc}.top-customer-rank{width:32px;height:32px;border-radius:8px;background:#eef2ff;color:#4f46e5;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.top-customer-info p{margin:0;font-size:13px;font-weight:600;color:#0f172a}.top-customer-info span{font-size:11px;color:#64748b}.top-customer-revenue{font-size:12px;font-weight:700;color:#16a34a}.top-customers-empty{padding:20px;text-align:center;color:#64748b;font-size:13px}@media (max-width: 992px){.customers-top-row{grid-template-columns:1fr}}.status-active{background:#dcfce7;color:#166534}.status-maintenance{background:#fef08a;color:#713f12}.status-inactive{background:#fee2e2;color:#7f1d1d}