.login-container{width:100%;max-width:450px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#666;font-size:14px}.register-container{width:100%;max-width:450px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:32px}.register-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.register-header p{color:#666;font-size:14px}.register-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #fcc}.success-message{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #cfc}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{margin-top:24px;text-align:center}.register-footer p{color:#666;font-size:14px}.link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.link:hover{color:#764ba2;text-decoration:underline}.layout-container{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:260px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;transition:width .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;overflow-y:auto;z-index:1000}.sidebar.closed{width:80px}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-header h2{font-size:20px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden}.sidebar.closed .sidebar-header h2{display:none}.sidebar-toggle{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.sidebar-toggle:hover{background:#ffffff4d}.sidebar-nav{padding:20px 0;flex:1}.nav-item{width:100%;padding:15px 20px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .3s ease;font-size:16px;border-left:3px solid transparent}.nav-item:hover{background:#ffffff1a;border-left-color:#fff}.nav-item.active{background:#fff3;border-left-color:#fff;font-weight:600}.nav-icon{font-size:20px;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-label{white-space:nowrap;overflow:hidden}.sidebar.closed .nav-label{display:none}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s ease}.sidebar.closed~.main-content{margin-left:80px}.header{background:#fff;padding:20px 30px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left h1{font-size:24px;font-weight:700;color:#333;margin:0}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;gap:15px;padding:8px 15px;background:#f5f5f5;border-radius:25px}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;color:#333;font-size:14px}.user-role{font-size:12px;color:#666;text-transform:capitalize}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.logout-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s ease}.logout-btn:hover{background:#c82333}.page-content{flex:1;padding:30px;overflow-y:auto}@media (max-width: 768px){.sidebar{width:80px}.sidebar.open{width:260px;z-index:1001}.main-content{margin-left:80px}.header-left h1{font-size:18px}.user-details{display:none}}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:30px}.dashboard-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.dashboard-header p{font-size:16px;color:#666}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.stat-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.stat-info{flex:1}.stat-info h3{font-size:14px;color:#666;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#333;margin:0}.dashboard-content{margin-top:30px}.content-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.content-card h3{font-size:24px;font-weight:700;color:#333;margin-bottom:12px}.content-card p{font-size:16px;color:#666;line-height:1.6}.empty-cars{text-align:center;padding:40px;color:#999}.cars-list{margin-top:20px}.cars-table{width:100%;border-collapse:collapse;margin-top:20px}.cars-table thead{background:#f8f9fa}.cars-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.cars-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#666}.cars-table tbody tr:hover{background:#f8f9fa}.cars-table tbody tr:last-child td{border-bottom:none}.vendor-page-container{max-width:1400px;margin:0 auto}.vendor-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.vendor-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.vendor-page-header p{font-size:16px;color:#666;margin:0}.add-vendor-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.add-vendor-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.vendors-list-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:400px}.add-vendor-btn-small{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-vendor-btn-small:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.vendor-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease}.vendor-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.vendor-card-header{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.vendor-card-header h3{font-size:20px;font-weight:700;color:#333;margin:0}.vendor-card-body{display:flex;flex-direction:column;gap:12px}.vendor-details{display:flex;flex-direction:column;gap:8px}.modal-body .form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;font-family:inherit}.modal-body .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.vendor-page-header{flex-direction:column;align-items:flex-start;gap:20px}.vendors-grid,.modal-body .form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}}.hotel-page-container{max-width:1400px;margin:0 auto}.hotel-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hotel-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.hotel-page-header p{font-size:16px;color:#666;margin:0}.add-hotel-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.add-hotel-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.hotels-list-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:400px}.add-hotel-btn-small{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-hotel-btn-small:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.hotels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.hotel-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease}.hotel-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.hotel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.hotel-card-header h3{font-size:20px;font-weight:700;color:#333;margin:0;flex:1}.hotel-card-body{display:flex;flex-direction:column;gap:12px}.hotel-image-preview{width:100%;margin-bottom:12px}.hotel-image-preview img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0}.hotel-description{color:#666;font-size:14px;line-height:1.6;margin:0}.hotel-details{display:flex;flex-direction:column;gap:8px}.modal-body .form-group input,.modal-body .form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;font-family:inherit}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-body .form-group textarea{resize:vertical;min-height:80px}@media (max-width: 768px){.hotel-page-header{flex-direction:column;align-items:flex-start;gap:20px}.hotel-card-header{flex-direction:column;align-items:flex-start;gap:10px}.upload-image-btn{margin-left:0;width:100%}.hotels-grid,.modal-body .form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}}.place-page-container{max-width:1400px;margin:0 auto}.place-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.place-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.place-page-header p{font-size:16px;color:#666;margin:0}.add-place-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.add-place-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.places-list-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:400px}.add-place-btn-small{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-place-btn-small:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.place-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease}.place-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.place-card-header{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.place-card-header h3{font-size:20px;font-weight:700;color:#333;margin:0;flex:1}.upload-image-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin-left:10px}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.place-card-body{display:flex;flex-direction:column;gap:12px}.place-image-preview{width:100%;margin-bottom:12px}.place-image-preview img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0}.place-description{color:#666;font-size:14px;line-height:1.6;margin:0}.place-details{display:flex;flex-direction:column;gap:8px}.detail-label{font-weight:600;color:#666;min-width:100px}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;font-family:inherit}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-body .form-group textarea{resize:vertical;min-height:100px}.form-hint{color:#666;font-size:12px;margin-top:4px}.image-preview img{max-width:100%;max-height:300px;object-fit:contain;border-radius:6px;border:1px solid #ddd;background:#fff}.image-info{padding-top:10px;border-top:1px solid #e0e0e0}.image-info p{margin:4px 0;font-size:12px;color:#666}@media (max-width: 768px){.place-page-header{flex-direction:column;align-items:flex-start;gap:20px}.place-card-header{flex-direction:column;align-items:flex-start;gap:10px}.upload-image-btn{margin-left:0;width:100%}.places-grid,.modal-body .form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}}.car-page-container{max-width:1400px;margin:0 auto}.car-page-header{margin-bottom:30px}.car-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.car-page-header p{font-size:16px;color:#666}.tabs-container{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.tab-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:500px}.tab-panel{animation:fadeIn .3s ease}.panel-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.panel-header h3{font-size:24px;font-weight:700;color:#333;margin:0}.panel-content{display:flex;flex-direction:column;gap:40px}.form-section{background:#f8f9fa;padding:25px;border-radius:8px}.form-section h4{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.inline-form{display:flex;gap:15px;align-items:flex-end}.inline-form .form-group{flex:1;margin-bottom:0}.inline-form .form-group input{width:100%}.list-section h4{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.empty-list{text-align:center;padding:40px;color:#999;font-size:16px}.makes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.make-card{background:#fff;padding:15px 20px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease;display:flex;flex-direction:column;gap:10px}.make-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.make-name{font-size:16px;font-weight:600;color:#333}.category-image-container{width:100%;height:150px;overflow:hidden;border-radius:8px;margin-bottom:10px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.category-image{width:100%;height:100%;object-fit:cover}.upload-image-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto}.upload-image-btn:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.model-card{background:#fff;padding:15px 20px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.model-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.model-name{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.model-detail{font-size:14px;color:#666;margin-top:4px}.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.car-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease}.car-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.car-card-header{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.car-card-header h4{font-size:20px;font-weight:700;color:#333;margin:0}.car-card-body{display:flex;flex-direction:column;gap:10px}.detail-label{font-weight:600;color:#666;min-width:80px}.car-features{color:#666;font-size:14px;line-height:1.6;margin:10px 0 0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.tabs-container{flex-direction:column;gap:0}.tab-button{border-bottom:1px solid #e0e0e0;border-left:3px solid transparent;margin-bottom:0}.tab-button.active{border-bottom-color:#e0e0e0;border-left-color:#667eea}.form-row{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.makes-grid,.models-grid,.cars-grid{grid-template-columns:1fr}}.form-actions{display:flex;gap:15px;margin-top:20px}.cancel-btn{padding:12px 30px;background:#f5f5f5;color:#333;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0;border-color:#ccc}@media (max-width: 768px){.modal-content{max-width:95%;max-height:95vh}.modal-header{padding:15px 20px}.modal-body{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.adm-page{max-width:1400px;margin:0 auto}.adm-header,.adm-toolbar,.adm-card-header,.adm-form-actions,.adm-actions{display:flex;align-items:center;gap:12px}.adm-header,.adm-card-header,.adm-form-actions{justify-content:space-between}.adm-header{margin-bottom:20px}.adm-header h2,.adm-drawer h3,.adm-confirm h3{margin:0 0 8px;color:#333}.adm-header h2{font-size:32px;font-weight:700}.adm-header p,.adm-confirm p{margin:0;color:#666}.adm-primary,.adm-secondary,.adm-danger,.adm-actions button,.adm-chips button,.adm-tabs button{border:none;border-radius:8px;font-weight:600;cursor:pointer}.adm-primary{padding:12px 20px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.adm-secondary,.adm-actions button{padding:10px 16px;background:#f3f4f6;color:#444}.adm-danger,.adm-actions button.danger{background:#dc3545;color:#fff}.adm-primary:disabled,.adm-secondary:disabled,.adm-danger:disabled,.adm-actions button:disabled{opacity:.6;cursor:not-allowed}.adm-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #e0e0e0}.adm-tabs button{padding:12px 18px;background:transparent;color:#666;border-radius:0;border-bottom:3px solid transparent;margin-bottom:-2px}.adm-tabs button.active{color:#667eea;border-bottom-color:#667eea}.adm-toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.adm-search,.adm-select,.adm-form input,.adm-form select,.adm-form textarea{padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font:inherit;font-weight:400;background:#fff}.adm-search{flex:1;min-width:220px}.adm-search:focus,.adm-select:focus,.adm-form input:focus,.adm-form select:focus{outline:none;border-color:#667eea}.adm-chips{display:flex;gap:8px;flex-wrap:wrap}.adm-chips button{padding:10px 16px;background:#fff;color:#555;border:1px solid #ddd;border-radius:999px}.adm-chips button.active{background:#667eea;border-color:#667eea;color:#fff}.adm-banner{padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.adm-banner.error{background:#fee;color:#c33;border:1px solid #fcc}.adm-banner.success{background:#efe;color:#2a7a2a;border:1px solid #cfc}.adm-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000014;min-height:280px}.adm-empty{padding:48px 16px;text-align:center;color:#777}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse}.adm-table th,.adm-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee;font-size:14px;color:#333;white-space:nowrap}.adm-table th{color:#666;font-size:13px}.adm-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.adm-badge.on{background:#e8f8ee;color:#1d7a3a}.adm-badge.off{background:#f4f4f5;color:#666}.adm-badge.booked{background:#fff4e5;color:#9a6700}.adm-badge.assigned{background:#e8f1ff;color:#1d4f91}.adm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1100;display:flex;justify-content:flex-end}.adm-drawer{width:min(480px,100%);height:100%;background:#fff;padding:24px;overflow-y:auto}.adm-close{background:none;border:none;font-size:30px;color:#888;cursor:pointer}.adm-form{display:flex;flex-direction:column;gap:16px;margin-top:12px}.adm-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#333}.adm-check{flex-direction:row!important;align-items:center}.adm-form-actions{justify-content:flex-end}.adm-confirm{margin:auto;width:min(440px,calc(100% - 32px));background:#fff;border-radius:12px;padding:24px}.adm-confirm p{margin-top:12px}@media (max-width: 720px){.adm-header,.adm-card-header{flex-direction:column;align-items:flex-start}}.driver-page-container{max-width:1400px;margin:0 auto}.driver-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.driver-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.driver-page-header p{font-size:16px;color:#666;margin:0}.add-driver-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.add-driver-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.drivers-list-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:400px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state{color:#666;font-size:16px}.empty-state{color:#999}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state p{font-size:18px;margin-bottom:20px}.add-driver-btn-small{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-driver-btn-small:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.driver-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease;display:flex;flex-direction:column;gap:15px}.driver-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.driver-image-container{width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:10px;background:#e0e0e0;display:flex;align-items:center;justify-content:center}.driver-image{width:100%;height:100%;object-fit:cover}.upload-image-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;align-self:flex-start}.upload-image-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.driver-card-header{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.driver-card-header h3{font-size:20px;font-weight:700;color:#333;margin:0;flex:1}.gender-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.driver-card-body{display:flex;flex-direction:column;gap:12px}.driver-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;gap:8px;font-size:14px}.detail-label{font-weight:600;color:#666;min-width:120px}.detail-value{color:#333}.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;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:24px;font-weight:700;color:#333;margin:0}.modal-close{background:none;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:30px}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.modal-body .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modal-body .form-group label{font-size:14px;font-weight:600;color:#333}.modal-body .form-group input,.modal-body .form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;font-family:inherit}.modal-body .form-group input:focus,.modal-body .form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-body .file-input{padding:8px;border:2px dashed #e0e0e0;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease}.modal-body .file-input:hover{border-color:#667eea;background:#f0f2ff}.modal-body .file-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-hint{display:block;margin-top:6px;font-size:12px;color:#666}.image-preview-container{margin:20px 0}.image-preview-container label{font-size:14px;font-weight:600;color:#333;margin-bottom:10px;display:block}.image-preview{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background:#f8f9fa;display:flex;flex-direction:column;gap:10px}.image-preview img{width:100%;max-height:300px;object-fit:contain;border-radius:6px}.image-info{font-size:12px;color:#666}.image-info p{margin:4px 0}.modal-body .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.modal-body .submit-btn{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-body .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.modal-body .submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-body .cancel-btn{padding:12px 30px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-body .cancel-btn:hover{background:#e0e0e0}@media (max-width: 768px){.driver-page-header{flex-direction:column;align-items:flex-start;gap:20px}.drivers-grid,.modal-body .form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}}.bookings-container{padding:20px;max-width:1400px;margin:0 auto}.bookings-header{margin-bottom:30px}.bookings-header h2{font-size:28px;color:#2c3e50;margin-bottom:8px}.bookings-header p{color:#7f8c8d;font-size:14px}.error-message,.success-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.error-message{background-color:#fee;color:#c33;border:1px solid #fcc}.success-message{background-color:#efe;color:#3c3;border:1px solid #cfc}.vendor-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px}.vendor-select:disabled{background-color:#e9ecef;cursor:not-allowed}.vendor-select:hover:not(:disabled){border-color:#80bdff}.assigned-vendor{color:#28a745;font-weight:600;font-size:14px}.driver-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px}.driver-select:disabled{background-color:#e9ecef;cursor:not-allowed}.driver-select:hover:not(:disabled){border-color:#80bdff}.assigned-driver{color:#28a745;font-weight:600;font-size:14px}.status-vendor_assigned{background-color:#d1ecf1;color:#0c5460}.status-driver_assigned{background-color:#d4edda;color:#155724}.status-in_progress{background-color:#fff3cd;color:#856404}@media (max-width: 768px){.bookings-container{padding:10px}.bookings-table{font-size:12px}.bookings-table th,.bookings-table td{padding:10px 8px}.vendor-select,.driver-select{min-width:120px;font-size:12px}.status-tabs{gap:5px}.status-tab{padding:8px 16px;font-size:12px}}.vendor-bookings-container{padding:20px;max-width:1400px;margin:0 auto}.vendor-bookings-header{margin-bottom:30px}.vendor-bookings-header h2{font-size:28px;color:#2c3e50;margin-bottom:8px}.vendor-bookings-header p{color:#7f8c8d;font-size:14px}.error-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;background-color:#fee;color:#c33;border:1px solid #fcc}.loading-message,.empty-bookings{text-align:center;padding:40px;color:#7f8c8d;font-size:16px}.bookings-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse}.bookings-table thead{background-color:#f8f9fa}.bookings-table th{padding:16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.bookings-table td{padding:16px;border-bottom:1px solid #e9ecef;color:#495057;font-size:14px}.bookings-table tbody tr:hover{background-color:#f8f9fa}.bookings-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-created{background-color:#fff3cd;color:#856404}.status-assigned{background-color:#d1ecf1;color:#0c5460}.status-confirmed{background-color:#d4edda;color:#155724}.status-in-progress{background-color:#cfe2ff;color:#084298}.status-completed{background-color:#d1ecf1;color:#0c5460}.status-cancelled{background-color:#f8d7da;color:#721c24}.car-details{color:#6c757d;font-size:12px}.status-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;border-bottom:2px solid #e9ecef;padding-bottom:0}.status-tab{padding:12px 24px;border:none;background-color:transparent;color:#6c757d;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;text-transform:capitalize;position:relative;top:2px}.status-tab:hover{color:#007bff;background-color:#f8f9fa}.status-tab.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.tab-count{margin-left:8px;background-color:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-tab.active .tab-count{background-color:#0056b3}.status-vendorassigned{background-color:#d1ecf1;color:#0c5460}.status-carassigned{background-color:#fff3cd;color:#856404}.car-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px}.car-select:disabled{background-color:#e9ecef;cursor:not-allowed}.car-select:hover:not(:disabled){border-color:#80bdff}.assigned-car{color:#28a745;font-weight:600;font-size:14px}.assigning{color:#007bff;font-size:13px;font-style:italic}.assigned{color:#28a745;font-weight:600;font-size:13px}.pending{color:#ffc107;font-weight:600;font-size:13px}.success-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;background-color:#efe;color:#3c3;border:1px solid #cfc}.status-change-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-btn{padding:6px 14px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.status-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn-confirm{background-color:#28a745;color:#fff}.status-btn-confirm:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.status-btn-complete{background-color:#007bff;color:#fff}.status-btn-complete:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.updating{color:#007bff;font-size:12px;font-style:italic}.status-change-disabled{color:#6c757d;font-size:12px;font-style:italic}@media (max-width: 768px){.vendor-bookings-container{padding:10px}.bookings-table{font-size:12px}.bookings-table th,.bookings-table td{padding:10px 8px}.status-tabs{gap:5px}.status-tab{padding:8px 16px;font-size:12px}.car-select{min-width:120px;font-size:12px}}.form-page-container{max-width:900px;margin:0 auto}.form-page-header{margin-bottom:30px}.form-page-header h2{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.form-page-header p{font-size:16px;color:#666}.form-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:15px;margin-top:30px;justify-content:flex-end}.submit-btn{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.cancel-btn{padding:12px 30px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #fcc;margin-bottom:20px}.success-message{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #cfc;margin-bottom:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.executive-page-container{display:flex;flex-direction:column;gap:24px}.executive-page-header{display:flex;align-items:center;justify-content:space-between}.executive-page-header h2{margin:0;font-size:24px;font-weight:600}.executive-page-header p{margin:4px 0 0;color:#666}.executive-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a14;padding:24px}.executive-form-card .form-row{display:flex;flex-wrap:wrap;gap:16px}.executive-form-card .form-group{flex:1;min-width:220px;display:flex;flex-direction:column}.executive-form-card label{font-weight:500;margin-bottom:6px}.executive-form-card input{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.executive-form-card input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.executive-form-card .form-actions{margin-top:20px;display:flex;gap:12px}.executive-form-card .submit-btn{padding:10px 18px;border-radius:999px;border:none;background:#2563eb;color:#fff;font-weight:500;cursor:pointer}.executive-form-card .submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fee2e2;color:#b91c1c;padding:10px 12px;border-radius:8px;margin-bottom:12px}.success-message{background:#dcfce7;color:#166534;padding:10px 12px;border-radius:8px;margin-bottom:12px}.chat-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-header h2{margin:0;font-size:20px;font-weight:600}.chat-header-right{display:flex;align-items:center;gap:16px}.chat-status{display:flex;align-items:center;gap:8px;font-size:14px}.close-chat-btn{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.close-chat-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.close-chat-btn:disabled{opacity:.6;cursor:not-allowed}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-dot.connected{background:#10b981;animation:pulse-dot 2s infinite}.status-dot.disconnected{background:#ef4444}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-error{background:#fee2e2;color:#b91c1c;padding:12px 24px;font-size:14px;border-bottom:1px solid #fecaca}.chat-messages-container{flex:1;overflow-y:auto;padding:20px;background:#f9fafb}.loading-messages,.empty-messages{display:flex;justify-content:center;align-items:center;height:100%;color:#6b7280;font-size:14px}.chat-messages{display:flex;flex-direction:column;gap:12px}.message{display:flex;max-width:70%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent{align-self:flex-end}.message-received{align-self:flex-start}.message-content{padding:12px 16px;border-radius:16px;position:relative}.message-sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-received .message-content{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.message-text{margin:0 0 4px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-time{font-size:11px;opacity:.7;display:block;text-align:right}.message-received .message-time{text-align:left}.chat-input-form{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff}.chat-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#667eea}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.chat-send-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-body{padding:24px}.modal-body p{margin:0;color:#374151;font-size:14px;line-height:1.6}.modal-body .error-message{margin-top:12px;padding:10px 12px;background:#fee2e2;color:#b91c1c;border-radius:6px;font-size:13px}.modal-actions{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.confirm-btn:hover:not(:disabled){background:#dc2626}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.modal-actions .cancel-btn{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.modal-actions .cancel-btn:hover:not(:disabled){background:#e5e7eb}.modal-actions .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.executive-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.executive-header{background:#fffffff2;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.executive-header-left h1{margin:0;font-size:28px;font-weight:700;color:#1f2937}.executive-name{margin:4px 0 0;color:#6b7280;font-size:14px}.executive-header-right{display:flex;align-items:center;gap:20px}.status-control{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-toggle-container{display:flex;align-items:center;gap:12px}.status-label{font-weight:600;color:#374151;font-size:14px}.status-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.status-toggle.live{background:#10b981;color:#fff}.status-toggle.offline{background:#6b7280;color:#fff}.status-toggle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.status-toggle:disabled{opacity:.6;cursor:not-allowed}.status-indicator{width:10px;height:10px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{text-transform:uppercase;letter-spacing:.5px}.logout-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.logout-btn:hover{background:#dc2626}.executive-main-content{flex:1;padding:24px;display:flex;justify-content:center;align-items:flex-start}.chat-section{width:100%;max-width:1200px;height:calc(100vh - 200px)}.offline-message,.waiting-message{background:#fff;border-radius:16px;padding:48px;text-align:center;box-shadow:0 10px 30px #0000001a;max-width:500px}.offline-icon,.waiting-icon{font-size:64px;margin-bottom:16px}.offline-message h2,.waiting-message h2{margin:0 0 12px;color:#1f2937;font-size:24px}.offline-message p,.waiting-message p{margin:0;color:#6b7280;font-size:16px}.assignment-status{display:block;margin-top:8px;font-weight:600;color:#667eea}.error-message{background:#fee2e2;color:#b91c1c;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:4px}.faq-page{max-width:1400px;margin:0 auto}.faq-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.faq-header h2{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.faq-header p{margin:0;color:#666}.faq-primary,.faq-secondary,.faq-danger,.faq-actions button{border:none;border-radius:8px;font-weight:600;cursor:pointer}.faq-primary,.faq-danger{padding:12px 20px;color:#fff}.faq-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.faq-danger,.faq-actions button.danger{background:#dc3545;color:#fff}.faq-secondary,.faq-actions button{padding:10px 16px;background:#f3f4f6;color:#444}.faq-primary:disabled,.faq-secondary:disabled,.faq-danger:disabled,.faq-actions button:disabled{opacity:.6;cursor:not-allowed}.faq-banner{padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.faq-banner.error{background:#fee;color:#c33;border:1px solid #fcc}.faq-banner.success{background:#efe;color:#2a7a2a;border:1px solid #cfc}.faq-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.faq-search{flex:1;min-width:220px;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.faq-search:focus,.faq-form input:focus,.faq-form textarea:focus{outline:none;border-color:#667eea}.faq-chips{display:flex;gap:8px}.faq-chips button{padding:10px 16px;border:1px solid #ddd;background:#fff;border-radius:999px;font-weight:600;color:#555;cursor:pointer}.faq-chips button.active{background:#667eea;border-color:#667eea;color:#fff}.faq-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000014;min-height:280px}.faq-empty{padding:48px 16px;text-align:center;color:#777}.faq-table-wrap{overflow-x:auto}.faq-table{width:100%;border-collapse:collapse}.faq-table th,.faq-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee;vertical-align:top;font-size:14px;color:#333}.faq-table th{color:#666;font-size:13px}.faq-question{font-weight:600;min-width:180px}.faq-preview{max-width:420px;color:#555}.faq-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.faq-status.active{background:#e8f8ee;color:#1d7a3a}.faq-status.inactive{background:#f4f4f5;color:#666}.faq-actions{display:flex;gap:8px;white-space:nowrap}.faq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1100;display:flex;justify-content:flex-end}.faq-drawer{width:min(460px,100%);height:100%;background:#fff;padding:24px;overflow-y:auto;box-shadow:-8px 0 30px #00000026}.faq-drawer-header,.faq-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-drawer-header h3,.faq-confirm h3{margin:0;color:#333}.faq-close{background:none;border:none;font-size:30px;color:#888;cursor:pointer}.faq-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.faq-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#333}.faq-form input,.faq-form textarea{padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font:inherit;font-weight:400}.faq-form textarea{resize:vertical;min-height:160px}.faq-toggle{flex-direction:row!important;align-items:center}.faq-form-actions{justify-content:flex-end}.faq-confirm{margin:auto;width:min(440px,calc(100% - 32px));background:#fff;border-radius:12px;padding:24px}.faq-confirm p{color:#555}.faq-confirm-question{font-weight:600;color:#333}@media (max-width: 720px){.faq-header{flex-direction:column;align-items:flex-start}}.App{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-height:100vh}#root{min-height:100vh}