.vehicle-manager{display:flex;flex-direction:column}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.manager-header h3{margin:0;font-size:18px;color:#1a202c}.add-btn{padding:8px 16px;background:#667eea;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.add-btn:hover{background:#5568d3}.empty-state{text-align:center;padding:40px 20px;color:#a0aec0;font-size:14px}.vehicle-list{display:flex;flex-direction:column;gap:12px}.vehicle-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s;cursor:grab;position:relative}.vehicle-card:active{cursor:grabbing}.vehicle-card.dragging{opacity:.5;cursor:grabbing}.drag-handle{color:#cbd5e0;font-size:16px;font-weight:700;letter-spacing:-2px;cursor:grab;padding:0 4px;user-select:none}.vehicle-card:hover .drag-handle{color:#a0aec0}.vehicle-card:active .drag-handle{cursor:grabbing}.vehicle-color{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.vehicle-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.vehicle-info{flex:1}.vehicle-info h4{margin:0 0 4px;font-size:16px;color:#1a202c}.vehicle-info p{margin:0;font-size:13px;color:#4a5568}.usage-time{margin-top:4px!important;color:#667eea!important;font-weight:600!important}.vehicle-cost{margin-top:2px!important;color:#10b981!important;font-weight:600!important}.vehicle-print-btn{padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.vehicle-print-btn:hover{background:#5568d3;transform:scale(1.05)}.vehicle-print-btn:active{transform:scale(.98)}.delete-form-btn{width:100%;padding:10px 20px;background:#fff5f5;border:2px solid #feb2b2;border-radius:6px;color:#c53030;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.delete-form-btn:hover{background:#fed7d7;border-color:#fc8181}.vehicle-form{display:flex;flex-direction:column;gap:16px}.vehicle-form h3{margin:0 0 8px;font-size:18px;color:#1a202c}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#4a5568}.form-group input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.icon-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.icon-option{padding:12px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:24px}.icon-option:hover{border-color:#cbd5e0;background:#f7fafc}.icon-option.selected{border-color:#667eea;background:#eef2ff}.icon-label{font-size:12px;color:#4a5568;font-weight:500}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-preview{width:48px;height:48px;border-radius:6px;border:2px solid #e2e8f0}.color-picker{flex:1;height:48px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions button{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.form-actions button[type=submit]{background:#667eea;color:#fff}.form-actions button[type=submit]:hover{background:#5568d3}.form-actions button[type=button]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.form-actions button[type=button]:hover{background:#edf2f7}@media(max-width:768px){.icon-selector{grid-template-columns:repeat(2,1fr)}}.passenger-manager{display:flex;flex-direction:column}.view-mode-tabs{display:flex;gap:8px;margin-bottom:20px}.view-mode-tabs button{flex:1;padding:8px 12px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:6px;color:#718096;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.view-mode-tabs button:hover{border-color:#cbd5e0}.view-mode-tabs button.active{background:#667eea;border-color:#667eea;color:#fff}.passenger-list{display:flex;flex-direction:column;gap:8px}.passenger-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s;cursor:pointer}.passenger-item:hover{border-color:#667eea;background:#edf2f7;box-shadow:0 2px 4px #0000000d}.passenger-info{flex:1;min-width:0}.passenger-info h4{margin:0 0 4px;font-size:14px;color:#1a202c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-badge{display:inline-block;padding:2px 8px;background:#edf2f7;border-radius:4px;color:#4a5568;font-size:11px;font-weight:600}.passenger-form,.group-form{display:flex;flex-direction:column;gap:16px}.passenger-form h3,.group-form h3{margin:0 0 8px;font-size:18px;color:#1a202c}.form-group select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.form-group select:focus{outline:none;border-color:#667eea}.groups-list{display:flex;flex-direction:column;gap:12px}.group-card{padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.group-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.group-info h4{margin:0 0 4px;font-size:15px;color:#1a202c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-count{font-size:12px;color:#718096}.group-edit-btn{padding:6px 12px;background:#edf2f7;border:none;border-radius:4px;color:#4a5568;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.group-edit-btn:hover{background:#e2e8f0}.group-passengers{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #e2e8f0}.passenger-tag{padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#4a5568}.group-passengers-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.group-passenger-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px}.remove-from-group-btn{width:24px;height:24px;border:none;background:#fed7d7;color:#c53030;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0}.remove-from-group-btn:hover{background:#fc8181;color:#fff}.empty-state-text{color:#a0aec0;font-size:13px;margin:8px 0}.group-search-box{position:relative}.group-search-box input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.group-search-box input:focus{outline:none;border-color:#667eea}.group-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-shadow:0 8px 24px #0003;max-height:200px;overflow-y:auto;z-index:100}.group-search-result-item{padding:10px 12px;cursor:pointer;transition:all .15s}.group-search-result-item:hover{background:#edf2f7}.group-search-result-item.selected{background:#e6f2ff;border-left:3px solid #667eea;padding-left:9px}.bulk-import-btn{width:100%;padding:10px 16px;background:#fff;border:2px dashed #cbd5e0;border-radius:6px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px;white-space:nowrap}.bulk-import-btn:hover{border-color:#667eea;background:#f7fafc}.bulk-import-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.bulk-import-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:100%;padding:24px}.bulk-import-dialog h3{margin:0 0 8px;font-size:20px;color:#1a202c;font-weight:700}.bulk-import-dialog p{margin:0 0 16px;font-size:14px;color:#718096}.bulk-import-dialog textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px;box-sizing:border-box}.bulk-import-dialog textarea:focus{outline:none;border-color:#667eea}.bulk-import-actions{display:flex;gap:12px;justify-content:flex-end}.delete-form-btn{width:100%;padding:10px 20px;background:#fff5f5;border:2px solid #feb2b2;border-radius:6px;color:#c53030;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px;white-space:nowrap}.delete-form-btn:hover{background:#fed7d7}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions-right{display:flex;gap:8px;width:100%}.form-actions-right .cancel-btn,.form-actions-right .submit-btn{flex:1}@media(max-width:768px){.view-mode-tabs button{padding:12px;font-size:14px}.manager-header h3{font-size:16px}.add-btn{padding:10px 16px;font-size:13px}.bulk-import-btn{padding:12px 16px;font-size:13px}.passenger-list{gap:6px}.passenger-item{padding:12px 10px}.passenger-info h4{font-size:14px}.group-badge{font-size:10px}.passenger-form h3,.group-form h3{font-size:16px}.passenger-form,.group-form{gap:14px}.form-group input,.form-group select{font-size:16px;min-height:44px}.cancel-btn,.submit-btn,.delete-form-btn{padding:12px 16px;font-size:15px;min-height:44px}.bulk-import-dialog{max-width:100%;margin:16px;padding:20px}.bulk-import-dialog h3{font-size:18px}.bulk-import-dialog textarea{font-size:16px}.group-card{padding:10px}.group-info h4{font-size:14px}.group-count{font-size:11px}.group-edit-btn{padding:8px 12px;font-size:12px}.passenger-tag{font-size:11px;padding:3px 6px}}