.vehicle-category {margin: 32px 0;background: rgba(22, 27, 34, 0.9);backdrop-filter: blur(20px);border-radius: 16px;padding: 32px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);border: 1px solid rgba(48, 54, 61, 0.3);transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);position: relative;}.vehicle-category::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: rgba(88, 166, 255, 0.8);border-radius: 16px 16px 0 0;}.vehicle-category:hover {transform: translateY(-4px);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);border-color: rgba(88, 166, 255, 0.2);}.vehicle-category h4 {color: #58a6ff;margin-bottom: 24px;font-size: 1.8em;font-weight: 600;letter-spacing: -0.01em;text-shadow: 0 0 20px rgba(88, 166, 255, 0.2);border-bottom: 2px solid rgba(88, 166, 255, 0.3);padding-bottom: 12px;position: relative;}.vehicle-category h4::after {content: '';position: absolute;bottom: -2px;left: 0;width: 60px;height: 2px;background: linear-gradient(90deg, #58a6ff, transparent);border-radius: 1px;}.vehicle-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 20px;margin-top: 24px;}.vehicle-item {display: flex;justify-content: space-between;align-items: center;background: rgba(13, 17, 23, 0.8);backdrop-filter: blur(10px);padding: 18px 24px;border-radius: 12px;border-left: 3px solid #58a6ff;border: 1px solid rgba(48, 54, 61, 0.2);transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.02);}.vehicle-item:hover {background: rgba(22, 27, 34, 0.8);transform: translateX(8px) translateY(-2px);border-color: rgba(88, 166, 255, 0.3);box-shadow: 0 8px 20px rgba(88, 166, 255, 0.1), 0 0 0 1px rgba(88, 166, 255, 0.1);}.vehicle-name {font-weight: 600;color: #c9d1d9;font-size: 1.1em;letter-spacing: -0.01em;}.vehicle-model {color: #58a6ff;font-size: 0.9em;margin-left: 12px;font-weight: 500;background: rgba(88, 166, 255, 0.1);padding: 4px 8px;border-radius: 6px;border: 1px solid rgba(88, 166, 255, 0.2);}.vehicle-price {color: #39d87a;font-weight: 700;font-size: 1em;text-shadow: 0 0 10px rgba(57, 216, 122, 0.3);background: rgba(57, 216, 122, 0.1);padding: 6px 12px;border-radius: 8px;border: 1px solid rgba(57, 216, 122, 0.2);}.vehicle-stats {background: rgba(13, 17, 23, 0.8);backdrop-filter: blur(20px);padding: 28px;border-radius: 16px;margin: 32px 0;text-align: center;border: 1px solid rgba(48, 54, 61, 0.3);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03);position: relative;}.vehicle-stats::before {content: '';position: absolute;top: 0;left: 20px;right: 20px;height: 1px;background: linear-gradient(90deg, transparent, rgba(88, 166, 255, 0.4), transparent);}.vehicle-stats h4 {color: #58a6ff;margin-bottom: 24px;font-size: 1.6em;font-weight: 600;text-shadow: 0 0 20px rgba(88, 166, 255, 0.2);}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px;}.stat-item {background: rgba(22, 27, 34, 0.8);backdrop-filter: blur(10px);padding: 20px;border-radius: 12px;border: 1px solid rgba(48, 54, 61, 0.3);transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.02);}.stat-item:hover {transform: translateY(-4px);border-color: rgba(88, 166, 255, 0.2);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(88, 166, 255, 0.1);}.stat-number {font-size: 2em;color: #39d87a;font-weight: 800;text-shadow: 0 0 15px rgba(57, 216, 122, 0.3);margin-bottom: 8px;display: block;}.stat-label {color: #7d8590;font-size: 0.9em;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}.search-vehicles {width: 100%;max-width: 500px;margin: 32px auto;display: block;padding: 16px 20px;background: rgba(22, 27, 34, 0.8);backdrop-filter: blur(10px);border: 1px solid rgba(48, 54, 61, 0.4);border-radius: 12px;color: #c9d1d9;font-size: 1em;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03);}.search-vehicles:focus {outline: none;border-color: rgba(88, 166, 255, 0.4);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(88, 166, 255, 0.2);transform: translateY(-2px);}.search-vehicles::placeholder {color: #6e7681;font-style: italic;}.vehicle-category.hidden {display: none;animation: fadeOut 0.3s ease-out;}.category-toggle {cursor: pointer;user-select: none;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);display: flex;align-items: center;gap: 10px;padding: 8px 0;}.category-toggle:hover {color: #39d87a;text-shadow: 0 0 10px rgba(57, 216, 122, 0.3);transform: translateX(6px);}.category-toggle::before {content: "▼";font-size: 0.8em;transition: transform 0.3s cubic-bezier(0.23, 1, 0.320, 1);color: #58a6ff;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;background: rgba(88, 166, 255, 0.1);border-radius: 4px;border: 1px solid rgba(88, 166, 255, 0.2);}.category-toggle.collapsed::before {transform: rotate(-90deg);background: rgba(57, 216, 122, 0.1);border-color: rgba(57, 216, 122, 0.2);color: #39d87a;}.category-content {transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);overflow: hidden;opacity: 1;max-height: 2000px;}.category-content.collapsed {max-height: 0;padding: 0 32px;opacity: 0;margin: 0;}@keyframes fadeOut {from {opacity: 1;transform: scale(1);}to {opacity: 0;transform: scale(0.95);}}@keyframes fadeIn {from {opacity: 0;transform: scale(0.95);}to {opacity: 1;transform: scale(1);}}.vehicle-category:not(.hidden) {animation: fadeIn 0.4s ease-out;}@media (max-width: 768px) {.vehicle-category {padding: 24px;margin: 24px 0;}.vehicle-grid {grid-template-columns: 1fr;gap: 16px;}.vehicle-item {padding: 16px 20px;flex-direction: column;align-items: stretch;gap: 12px;}.vehicle-price {text-align: center;align-self: center;}.stats-grid {grid-template-columns: repeat(2, 1fr);gap: 16px;}.stat-item {padding: 16px;}.search-vehicles {margin: 24px auto;}}@media (max-width: 480px) {.vehicle-category {padding: 20px;}.vehicle-category h4 {font-size: 1.4em;}.stats-grid {grid-template-columns: 1fr;}.stat-number {font-size: 1.6em;}}.category-toggle:focus, .search-vehicles:focus {outline: 2px solid rgba(88, 166, 255, 0.4);outline-offset: 2px;}.vehicle-name::selection, .vehicle-model::selection, .vehicle-price::selection {background: rgba(88, 166, 255, 0.2);color: #58a6ff;}.vehicle-category.loading {opacity: 0.7;pointer-events: none;}.vehicle-category.loading::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid rgba(88, 166, 255, 0.3);border-top: 2px solid #58a6ff;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}