:root,[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--border-input:#cbd5e1;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--secondary:#6366f1;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#ef4444;--danger-bg:#fee2e2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-heading:"Outfit", sans-serif;--font-ui:"Inter", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-main:#0b0f19;--bg-card:#111827;--bg-input:#1e293b;--bg-hover:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#1e293b;--border-input:#334155;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#2563eb26;--secondary:#6366f1;--success:#10b981;--success-bg:#10b98126;--warning:#f59e0b;--warning-bg:#f59e0b26;--danger:#ef4444;--danger-bg:#ef444426;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:600}p{line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;transition:background-color .3s,border-color .3s}.btn-primary{background-color:var(--primary);color:#fff;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover)}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-main)}.input-field{background:var(--bg-input);border:1px solid var(--border-input);width:100%;color:var(--text-main);font-family:var(--font-ui);border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.page-container{max-width:1200px;margin:0 auto;padding:40px 24px}.badge{border-radius:16px;justify-content:center;align-items:center;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.badge.success{background-color:var(--success-bg);color:var(--success)}.badge.warning{background-color:var(--warning-bg);color:var(--warning)}.badge.danger{background-color:var(--danger-bg);color:var(--danger)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-warning{color:var(--warning)}.bg-primary{background-color:var(--primary);color:#fff}.bg-primary-light{background-color:var(--primary-light)}.bg-hover{background-color:var(--bg-hover)}.bg-card{background-color:var(--bg-card)}.text-main{color:var(--text-main)}.text-danger{color:var(--danger)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-border{border-color:var(--border-color)}.app-container{flex-direction:column;display:flex}.main-content-router{flex:1;padding-top:80px}.navbar{z-index:100;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);height:80px;position:fixed;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{font-family:var(--font-heading);color:var(--text-main);align-items:center;gap:12px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-main);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link.active{color:var(--primary);font-weight:600}.nav-link:hover{color:var(--primary)}.user-controls{align-items:center;gap:24px;display:flex}.user-menu{align-items:center;gap:16px;display:flex}.user-info{color:var(--text-main);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.settings-link,.logout-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.9rem;text-decoration:none;display:flex}.hover-primary:hover{color:var(--primary)}.hover-danger:hover{color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal{width:100%;max-width:400px;padding:32px;position:relative}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.login-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-icon{background:var(--primary-light);border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.input-with-icon{position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pl-10{padding-left:40px}.w-full{width:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.error-text{color:var(--danger);text-align:center;font-size:.85rem;font-weight:500}.demo-users{background:var(--bg-hover);color:var(--text-muted);border-radius:8px;margin-top:32px;padding:16px;font-size:.85rem}.demo-title{margin-bottom:8px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.pt-8{padding-top:32px}.p-4{padding:16px}.p-8{padding:32px}.px-6{padding-left:24px;padding-right:24px}.py-4{padding-top:16px;padding-bottom:16px}.w-16{width:64px}.h-12{height:48px}.h-16{height:64px}.flex-1{flex:1}.rounded{border-radius:4px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.object-cover{object-fit:cover}.border{border:1px solid var(--border-color)}.border-b-2{border-bottom-style:solid;border-bottom-width:2px}.border-primary{border-color:var(--primary)}.shadow-md{box-shadow:var(--shadow-md)}.grid-2col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.col-span-2{grid-column:span 2}.divide-x>*+*{border-left:1px solid var(--border-color)}.divide-y>*+*{border-top:1px solid var(--border-color)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.25}.no-underline{text-decoration:none}.text-center{text-align:center}.transition-colors{transition:background-color .2s,color .2s,border-color .2s}.hover-primary-hover:hover{color:var(--primary-hover)}.alert-box{border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.alert-box.info{background:var(--primary-light);border:1px solid var(--primary)}.alert-box.warning{background:var(--warning-bg);border:1px solid var(--warning)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.4s forwards fadeInUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero{text-align:center;padding:80px 24px}.hero-title{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem)}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted);margin-bottom:40px;max-width:600px;margin-inline:auto;font-size:1.1rem}.search-bar{background:var(--bg-card);border:1px solid var(--border-color);max-width:600px;box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:16px;margin:0 auto;padding:8px 8px 8px 24px;display:flex}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.section-header{margin-bottom:32px}.cars-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:60px;display:grid}.car-card{flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.car-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.car-image-container{background:var(--bg-hover);height:200px;position:relative}.car-image{object-fit:cover;width:100%;height:100%}.car-price-badge{color:#fff;background:#0009;border-radius:8px;padding:6px 12px;font-weight:700;display:inline-block;position:absolute;bottom:12px;right:12px}.car-details{flex-direction:column;flex:1;padding:20px;display:flex}.car-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.car-version{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.car-specs{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:auto;padding-top:16px;display:flex}.spec-item{flex-direction:column;gap:2px;display:flex}.spec-label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.spec-value{font-size:.9rem;font-weight:600}.chat-page{flex-direction:column;max-width:900px;height:calc(100vh - 80px);margin:0 auto;display:flex;overflow:hidden}.chat-page-header{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:16px;padding:20px;display:flex}.chat-title{align-items:center;gap:16px;display:flex}.chat-page-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.message-wrapper{align-items:flex-end;gap:16px;display:flex}.message-wrapper.user{flex-direction:row-reverse}.message-avatar{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.message-avatar.user{background:var(--primary);color:#fff;border:none}.message-avatar.assistant{color:var(--primary);background:var(--primary-light)}.message-bubble{border-radius:16px;max-width:75%;padding:16px 20px;font-size:1rem;line-height:1.5}.message-bubble p{margin:0 0 8px}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul,.message-bubble ol{margin:6px 0 6px 18px;padding:0}.message-bubble li{margin-bottom:4px}.message-bubble strong{font-weight:700}.message-bubble code{background:var(--bg-hover);border-radius:4px;padding:1px 5px;font-size:.9em}.message-bubble.assistant{background:var(--bg-card);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-bubble.user{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);border-bottom-right-radius:4px}.message-bubble.typing{color:var(--text-muted);align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-page-input-area{border-top:1px solid var(--border-color);background:var(--bg-main);flex-shrink:0;gap:16px;padding:20px 24px;display:flex}.chat-input.full-page-input{border-radius:12px;padding:16px 20px;font-size:1.05rem}.send-btn{border-radius:12px;width:56px;height:56px;padding:0}