﻿.message-own{display:flex;justify-content:flex-end}.message-other{display:flex;justify-content:flex-start}.message-group-continuation .message-avatar{visibility:hidden}@keyframes typingBounce{0%,80%,100%{transform:scale(1);opacity:.5}40%{transform:scale(1.3);opacity:1}}.typing-indicator span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6b7280;margin:0 2px;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-0.32s}.typing-indicator span:nth-child(2){animation-delay:-0.16s}#messages-container{scroll-behavior:smooth}.pagination-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-container .pagination{display:flex;flex-wrap:nowrap;min-width:max-content;justify-content:center}.pagination-container .pagination span,.pagination-container .pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem}@media(min-width: 640px){.pagination-container .pagination{justify-content:flex-end}}.conversation-item{transition:background-color .2s ease}.message-preview{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 639px){.conversation-header{flex-direction:column;align-items:flex-start}.conversation-header .conversation-meta{margin-top:.5rem;width:100%}.conversation-body{grid-template-columns:1fr}.conversation-body .conversation-subject{margin-top:.5rem}}.enthusiast-dashboard__stats-card{transition:transform 200ms ease,box-shadow 200ms ease;transition:all 200ms ease}.enthusiast-dashboard__stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.enthusiast-dashboard__stats-card:hover{border-color:#3b82f6}.enthusiast-dashboard__vehicle-card{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.enthusiast-dashboard__vehicle-card:nth-child(1){animation-delay:0.05s}.enthusiast-dashboard__vehicle-card:nth-child(2){animation-delay:0.1s}.enthusiast-dashboard__vehicle-card:nth-child(3){animation-delay:0.15s}.enthusiast-dashboard__vehicle-card:nth-child(4){animation-delay:0.2s}.enthusiast-dashboard__vehicle-card:nth-child(5){animation-delay:0.25s}.enthusiast-dashboard__vehicle-card:nth-child(6){animation-delay:0.3s}.enthusiast-dashboard__vehicle-card:nth-child(7){animation-delay:0.35s}.enthusiast-dashboard__vehicle-card:nth-child(8){animation-delay:0.4s}.enthusiast-dashboard__vehicle-card:nth-child(9){animation-delay:0.45s}.enthusiast-dashboard__vehicle-card:nth-child(10){animation-delay:0.5s}.enthusiast-dashboard__vehicle-card:hover .enthusiast-dashboard__vehicle-image{transform:scale(1.05)}.enthusiast-dashboard__vehicle-image{transition:transform 200ms ease}.enthusiast-dashboard__offer-card{animation:slideInRight .3s ease-out;animation-fill-mode:both}.enthusiast-dashboard__offer-card:nth-child(1){animation-delay:0.1s}.enthusiast-dashboard__offer-card:nth-child(2){animation-delay:0.2s}.enthusiast-dashboard__offer-card:nth-child(3){animation-delay:0.3s}.enthusiast-dashboard__offer-card:nth-child(4){animation-delay:0.4s}.enthusiast-dashboard__offer-card:nth-child(5){animation-delay:0.5s}.enthusiast-dashboard__conversation-card{transition:background-color 200ms ease}.enthusiast-dashboard__conversation-card--unread{position:relative}.enthusiast-dashboard__conversation-card--unread::before{content:"";position:absolute;top:50%;left:-0.25rem;transform:translateY(-50%);width:.25rem;height:70%;background-color:#3b82f6;border-radius:0 8px 8px 0}.enthusiast-dashboard__welcome-banner{background:linear-gradient(135deg, #eff6ff 0%, rgb(205.2829268293, 223.2926829268, 252.7170731707) 100%);border-radius:8px;position:relative;overflow:hidden}.enthusiast-dashboard__welcome-banner::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 70%);transform:rotate(30deg)}.enthusiast-dashboard__action-button{transition:transform 200ms ease,box-shadow 200ms ease;transition:all 200ms ease}.enthusiast-dashboard__action-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.enthusiast-dashboard__action-button:hover{background-color:rgb(34.6195121951,114.4512195122,244.8804878049)}.enthusiast-dashboard__action-button:active{transform:translateY(1px)}.vehicle-completion-indicator{height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.vehicle-completion-indicator__progress{height:100%;background-color:#3b82f6;border-radius:2px;transition:width .5s ease;width:var(--progress-width)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.25rem}.badge--green{background-color:#def7ec;color:#03543e}.badge--yellow{background-color:#fef3c7;color:#92400e}.badge--blue{background-color:#e1effe;color:#1e429f}.badge--red{background-color:#fde8e8;color:#9b1c1c}.badge--gray{background-color:#f3f4f6;color:#1f2937}.activity-feed__item{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.activity-feed__item:nth-child(1){animation-delay:0.1s}.activity-feed__item:nth-child(2){animation-delay:0.2s}.activity-feed__item:nth-child(3){animation-delay:0.3s}.activity-feed__item:nth-child(4){animation-delay:0.4s}.activity-feed__item:nth-child(5){animation-delay:0.5s}@media(max-width: 768px){.enthusiast-dashboard__welcome-banner{padding:1rem}.enthusiast-dashboard__welcome-banner h1{font-size:1.25rem}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html{@apply antialiased}body{@apply bg-white text-gray-900}}@layer components{.btn{@apply inline-flex items-center justify-center px-4 py-3 border border-transparent text-base font-medium rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200}.btn-primary{@apply btn bg-primary text-white hover:bg-primary-dark focus:ring-primary}.btn-secondary{@apply btn bg-gray-50 text-gray-700 border-gray-200 hover:bg-gray-100 focus:ring-gray-500}.btn-success{@apply btn bg-green-600 text-white hover:bg-green-700 focus:ring-green-500}.btn-danger{@apply btn bg-red-600 text-white hover:bg-red-700 focus:ring-red-500}.form-input{@apply block w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-lg text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-primary focus:border-primary transition-colors duration-200}.form-label{@apply block text-sm font-medium text-gray-700 mb-1}.card{@apply bg-white border border-gray-200 rounded-lg shadow-sm}.card-body{@apply p-6}.icon-container{@apply w-8 h-8 bg-primary-light rounded-lg flex items-center justify-center}.stat-value{@apply text-2xl font-semibold text-primary}.stat-label{@apply text-sm text-gray-500 mt-1}.pagy{@apply flex space-x-1 font-semibold text-sm text-gray-500}.pagy a:not(.gap){@apply block rounded-lg px-3 py-1 bg-gray-200 hover:bg-gray-300 transition-colors}.pagy a:not([href]){@apply text-gray-300 bg-gray-100 cursor-default}.pagy a.current{@apply text-white bg-indigo-600 hover:bg-indigo-700}.pagy label{@apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5}.pagy label input{@apply bg-gray-100 border-none rounded-md}.pagy a[aria-label=Previous]:before{content:"←"}.pagy a[aria-label=Next]:before{content:"→"}.pagy a[aria-label=Previous],.pagy a[aria-label=Next]{font-size:0}.pagy a[aria-label=Previous]:before,.pagy a[aria-label=Next]:before{font-size:.875rem}.pagy-dark .pagy{@apply flex space-x-1 font-semibold text-sm text-zinc-400}.pagy-dark .pagy a:not(.gap){@apply block rounded-lg px-3 py-1 bg-white/5 hover:bg-white/10 text-zinc-400 hover:text-white transition-colors}.pagy-dark .pagy a:not([href]){@apply text-zinc-700 bg-white/[0.02] cursor-default}.pagy-dark .pagy a.current{@apply text-white bg-blue-600 hover:bg-blue-500}.pagy-dark .pagy label{@apply inline-block whitespace-nowrap bg-white/5 rounded-lg px-3 py-0.5 text-zinc-400}.pagy-dark .pagy label input{@apply bg-brand-input border-white/10 rounded-md text-white}}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gradient-overlay{background:linear-gradient(90deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 51, 234, 0.1) 100%)}.gradient-fade{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.9) 100%)}.glow-text{text-shadow:0 0 80px rgba(59, 130, 246, 0.5),0 0 120px rgba(59, 130, 246, 0.3)}.card-hover{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(59, 130, 246, 0.15);border-color:rgba(59, 130, 246, 0.3)}.scroll-indicator{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0a0a0a}.custom-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#444}.leaflet-container{background:#0f1012}.leaflet-control-zoom a{background:rgba(18, 18, 18, 0.9) !important;color:#a1a1aa !important;border-color:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(12px)}.leaflet-control-zoom a:hover{background:rgba(30, 30, 30, 0.95) !important;color:#fff !important}.leaflet-control-attribution{background:rgba(18, 18, 18, 0.7) !important;color:#52525b !important;font-size:10px !important}.leaflet-control-attribution a{color:#71717a !important}.tuner-marker{transition:transform .2s ease;cursor:pointer}.tuner-marker:hover,.tuner-marker.highlighted{transform:scale(1.3);z-index:1000 !important}.tuner-marker.selected{transform:scale(1.4);z-index:1001 !important}.tuner-marker-inner{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:white;border:2px solid rgba(255, 255, 255, 0.3);box-shadow:0 2px 8px rgba(0, 0, 0, 0.4)}.tuner-marker.selected .tuner-marker-inner{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.3),0 2px 8px rgba(0, 0, 0, 0.4)}.user-location-marker{width:16px;height:16px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px rgba(59, 130, 246, 0.3);position:relative}.user-location-marker::after{content:"";position:absolute;top:-7px;left:-7px;width:30px;height:30px;border-radius:50%;background:rgba(59, 130, 246, 0.15);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(0.8);opacity:1}100%{transform:scale(2);opacity:0}}.glass-panel{background:rgba(18, 18, 18, 0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.08)}.glass-card{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.08);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.glass-card:hover{background:rgba(255, 255, 255, 0.05);border-color:rgba(59, 130, 246, 0.5);transform:translateY(-4px)}.diagram-grid{background-image:linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center, black 40%, transparent 100%);-webkit-mask-image:radial-gradient(circle at center, black 40%, transparent 100%)}.reveal{opacity:0;transform:translateY(20px);animation:revealContent .8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}@keyframes revealContent{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-pulse{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(34, 197, 94, 0.4)}50%{box-shadow:0 0 0 6px rgba(34, 197, 94, 0)}}.vin-input-glow:focus-within{filter:drop-shadow(0 0 30px rgba(59, 130, 246, 0.15))}.dashed-upload-border{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23333' stroke-width='2' stroke-dasharray='12%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.dashed-upload-border:hover{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%233B82F6' stroke-width='2' stroke-dasharray='12%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.callout-line{transition:stroke .2s ease,stroke-width .2s ease}.callout-dot{transition:fill .2s ease,stroke .2s ease,r .2s ease}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#050505}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:2px}}.product-autocomplete-dropdown{position:fixed;z-index:99999;max-height:none;overflow:visible;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04),0 0 0 1px rgba(0, 0, 0, 0.05);min-width:400px;width:auto}.product-autocomplete-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease-out;position:relative}.product-autocomplete-item:hover{background:linear-gradient(to right, #eff6ff, #f0f9ff, #faf5ff);padding-left:22px;border-left:3px solid #3b82f6}.product-autocomplete-item:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.product-thumbnail{width:64px;height:64px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:linear-gradient(135deg, #f9fafb, #f3f4f6);overflow:hidden}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.product-thumbnail svg{width:32px;height:32px;color:#9ca3af}.product-content{flex:1;min-width:0}.product-name{font-size:16px;font-weight:600;color:#111827;line-height:1.25;margin-bottom:4px}.product-description{font-size:14px;color:#6b7280;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.product-seller{color:#6b7280}.product-seller::before{content:"by ";color:#9ca3af}.product-price{font-size:18px;font-weight:700;color:#111827;flex-shrink:0}.section-header,.autocomplete-section .section-header{padding:8px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(to right, #f9fafb, #f3f4f6);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.autocomplete-section:first-child .section-header{border-top-left-radius:12px;border-top-right-radius:12px}.product-actions{opacity:0;transition:opacity .2s ease-out}.product-autocomplete-item:hover .product-actions{opacity:1}.action-button{padding:6px;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:background .2s ease-out}.action-button:hover{background:#eff6ff}.action-button svg{width:16px;height:16px;color:#6b7280}.product-autocomplete-empty{text-align:center;padding:48px 24px}.empty-icon{width:64px;height:64px;margin:0 auto;color:#d1d5db;opacity:.8}.empty-text{margin-top:16px;font-size:16px;color:#6b7280;font-weight:500}.product-autocomplete-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;color:#6b7280;font-weight:500;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.product-autocomplete-dropdown+div{margin-top:8px;font-size:12px;color:#6b7280}.product-autocomplete-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer}.clear-icon{width:20px;height:20px;color:#9ca3af;transition:color .2s ease-out}.product-autocomplete-clear:hover .clear-icon{color:#ef4444}.product-autocomplete-container{position:relative}.product-autocomplete-item.highlighted,.product-autocomplete-item[aria-selected=true]{background:linear-gradient(to right, #dbeafe, #e0f2fe, #f0f9ff);border-left:3px solid #3b82f6;padding-left:22px}.product-autocomplete-selected{margin-top:16px;padding:16px;background:linear-gradient(to right, #f0fdf4, #ecfdf5, #d1fae5);border:2px solid #86efac;border-radius:12px;display:flex;align-items:flex-start;gap:12px}.selected-icon{width:24px;height:24px;color:#16a34a;flex-shrink:0}.selected-content{flex:1}.selected-title{font-size:16px;font-weight:600;color:#15803d;margin-bottom:4px}.selected-details{font-size:14px;color:#15803d;opacity:.9}.product-autocomplete-dropdown::-webkit-scrollbar{display:none}.product-autocomplete-dropdown{-ms-overflow-style:none;scrollbar-width:none}@media(max-width: 640px){.product-autocomplete-dropdown{max-height:300px;left:-4px;right:-4px;width:calc(100% + 8px)}.product-autocomplete-item{padding:12px 16px;gap:12px}.product-thumbnail{width:56px;height:56px}.product-description{display:none}.product-price{font-size:16px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hero-section__image-container{position:relative;overflow:hidden}.hero-section__image-container::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 51, 234, 0.1) 100%);z-index:1}.hero-section__image-container::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.9) 100%);z-index:2}.hero-section__image-container img{width:100%;height:100%;object-fit:cover}.form-group--floating-label{position:relative}.form-group--floating-label input:focus~label,.form-group--floating-label input:not(:placeholder-shown)~label{transform:translateY(-1.5rem) scale(0.85);background:#fff;padding:0 .5rem;color:#3b82f6}.form-group--floating-label label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);transition:all 200ms ease;pointer-events:none;color:#6b7280}.social-login--google:hover{background-color:#f8f9fa;border-color:#dadce0}.social-login--facebook:hover{background-color:#f8f9fa;border-color:#1877f2}.login-card-glass{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.2)}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width: 1440px){.container-auth{max-width:1440px;margin:0 auto}}
