:root[data-theme=light],:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-card: #ffffff;--bg-body: #f8f9fa;--bg-subtle: #f1f3f4;--bg-input: #ffffff;--bg-white: #ffffff;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #80868b;--border-color: #dadce0;--border-hover: #c4c7c5;--accent-primary: #1a73e8;--accent-hover: #1765cc;--accent-light: #e8f0fe;--success: #25D366;--success-hover: #1faa52;--success-light: #d4f4dd;--error: #d93025;--error-hover: #c5221f;--error-light: #fce8e6;--warning: #f9ab00;--warning-light: #fef7e0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px 0 rgba(0, 0, 0, .15)}:root[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--bg-card: #1e1e1e;--bg-body: #121212;--bg-subtle: #2d2d2d;--bg-input: #2d2d2d;--bg-white: #ffffff;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-tertiary: #5f6368;--border-color: #5f6368;--border-hover: #80868b;--accent-primary: #8ab4f8;--accent-hover: #aecbfa;--accent-light: #1f3a5f;--success: #25D366;--success-hover: #2feb73;--success-light: #1a3d2a;--error: #f28b82;--error-hover: #f6aea9;--error-light: #3d2221;--warning: #fdd663;--warning-light: #3d3420;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, .5);--shadow-xl: 0 8px 24px 0 rgba(0, 0, 0, .6)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px}:root{--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}:root{--max-w-sm: 640px;--max-w-md: 768px;--max-w-lg: 1024px;--max-w-xl: 1280px;--max-w-2xl: 1536px}:root{--breakpoint-mobile: 767px;--breakpoint-tablet: 1023px;--breakpoint-desktop: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-sm);font-weight:var(--font-regular);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background-color:var(--bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.container{width:100%;max-width:var(--max-w-xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mr-4{margin-right:var(--space-4)}.ml-4{margin-left:var(--space-4)}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.transition{transition:all var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-light)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-full-width{width:100%}.btn-loading{position:relative;color:transparent}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-icon{display:inline-flex;align-items:center}.btn-text{display:inline-block}.header{position:sticky;top:0;z-index:var(--z-sticky);background:linear-gradient(100deg,#1a237e,#283593 40%,#0d47a1 75%,#1565c0);border-bottom:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 3px 18px #0d47a159}:root[data-theme=dark] .header{background:linear-gradient(100deg,#0d1640,#162247 40%,#0a2a5e 75%,#0d3b7a);box-shadow:0 3px 18px #0000008c}.header-container{max-width:var(--max-w-xl);margin:0 auto;padding:10px var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.header-logo{display:flex;align-items:center;flex-shrink:0}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity var(--transition-fast)}.logo-link:hover{opacity:.88;text-decoration:none}.logo-mark-img{width:44px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform var(--transition-fast)}.logo-link:hover .logo-mark-img{transform:scale(1.08) rotate(-3deg)}.logo-wordmark{display:flex;flex-direction:column;line-height:1;gap:2px}.logo-brand{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.4px;font-family:Inter,Segoe UI,Arial,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.25)}.logo-dot-lk{font-size:13px;font-weight:600;color:#90caf9;opacity:.9}.logo-tagline{font-size:9.5px;font-weight:600;color:#90caf9;letter-spacing:1.5px;text-transform:uppercase;opacity:.85}.header-nav{display:none;align-items:center;gap:var(--space-6)}@media(min-width:768px){.header-nav{display:flex}}.nav-link{color:#ffffffd1;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);padding:4px 0;border-bottom:2px solid transparent}.nav-link:hover{color:#fff;border-bottom-color:#90caf9;text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.language-selector{display:flex;gap:2px;padding:3px;background-color:#ffffff1f;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2)}.lang-btn{padding:4px 9px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fffc;background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.lang-btn:hover{color:#fff;background-color:#ffffff2e}.lang-btn.active{color:#1565c0;background-color:#fff;box-shadow:0 1px 5px #0003}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-base);background-color:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:#ffffff38;transform:rotate(15deg)}@media(max-width:767px){.header-container{padding:var(--space-2) var(--space-3)}.language-selector,.logo-tagline{display:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer-container{max-width:var(--max-w-xl);margin:0 auto;padding:var(--space-16) var(--space-4) var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8)}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.footer-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.footer-heading{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary);text-decoration:none}.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-contact li{color:var(--text-secondary);font-size:var(--text-sm)}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-lg);background-color:var(--bg-tertiary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.social-link:hover{background-color:var(--accent-primary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border-color);background-color:var(--bg-primary)}.footer-bottom-container{max-width:var(--max-w-xl);margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}@media(min-width:768px){.footer-bottom-container{flex-direction:row;justify-content:space-between;text-align:left}}.footer-bottom-container p{margin:0;color:var(--text-tertiary);font-size:var(--text-sm)}.footer-bottom-links{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.footer-bottom-links a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--accent-primary);text-decoration:none}.footer-bottom-links span{color:var(--text-tertiary)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-base)}.card-default{border:1px solid var(--border-color)}.card-elevated{border:none;box-shadow:var(--shadow-md)}.card-outlined{border:2px solid var(--border-color);background-color:transparent}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper-full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{color:var(--error);margin-left:var(--space-1)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input-with-icon{padding-left:var(--space-10)}.input-icon{position:absolute;left:var(--space-3);color:var(--text-secondary);display:flex;align-items:center;pointer-events:none}.input-error{border-color:var(--error)}.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light)}.input-error-text{font-size:var(--text-sm);color:var(--error)}.input-helper-text{font-size:var(--text-sm);color:var(--text-tertiary)}.input-full-width{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);width:100%}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-select{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);transition:all .2s ease;width:100%;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-select:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.7}.form-select.is-invalid{border-color:var(--error-color)}.input-error{font-size:var(--text-xs);color:var(--error-color);margin-top:var(--space-1)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column-reverse;gap:var(--space-3)}.toast-message{min-width:300px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;animation:slideIn .3s ease-out;transition:all .2s}.toast-message:hover{transform:translateY(-2px)}.toast-message.success{border-left-color:#2ecc71}.toast-message.error{border-left-color:#e74c3c}.toast-message.info{border-left-color:#3498db}.toast-icon{font-size:1.25rem}.toast-content{flex:1;color:var(--text-primary);font-size:.9rem;font-weight:500}.toast-close{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:0 var(--space-1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-default{background-color:var(--bg-tertiary);color:var(--text-primary)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-error{background-color:var(--error-light);color:var(--error)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-info{background-color:var(--accent-light);color:var(--accent-primary)}.vehicle-card{overflow:hidden;transition:all var(--transition-base)}.vehicle-card-image{position:relative;width:100%;height:200px;background-color:var(--bg-tertiary);overflow:hidden}.vehicle-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.vehicle-card:hover .vehicle-card-image img{transform:scale(1.05)}.vehicle-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-5xl)}.vehicle-card-status{position:absolute;top:var(--space-3);right:var(--space-3)}.vehicle-card-verified{position:absolute;top:var(--space-3);left:var(--space-3)}.vehicle-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.vehicle-card-header{display:flex;flex-direction:column;gap:var(--space-1)}.vehicle-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vehicle-card-location{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.vehicle-card-price{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--accent-primary)}.vehicle-card-specs{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.spec-item{display:inline-flex;align-items:center;gap:var(--space-1)}.vehicle-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.vehicle-filters{position:sticky;top:calc(var(--space-16) + var(--space-4))}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.filters-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.filters-content{display:flex;flex-direction:column;gap:var(--space-6)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.filter-select{width:100%;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.filter-range{display:flex;align-items:center;gap:var(--space-2)}.filter-range span{color:var(--text-secondary)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-chip input[type=checkbox]{margin:0;cursor:pointer}.filter-chip:has(input:checked){background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.filter-chip:hover{border-color:var(--accent-primary)}@media(max-width:1023px){.vehicle-filters{position:static}}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);width:100%}@media(max-width:767px){.vehicle-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media(min-width:768px)and (max-width:1023px){.vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vehicle-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.vehicle-grid{grid-template-columns:repeat(4,1fr)}}.vehicle-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vehicle-grid-loading p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.vehicle-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--space-4)}.empty-message{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.search-bar{display:flex;gap:var(--space-3);width:100%;max-width:800px}@media(max-width:767px){.search-bar{flex-direction:column}.search-bar button{width:100%}}@media(min-width:768px){.search-bar{align-items:flex-end}}.account-type-selector{width:100%;max-width:800px;margin:0 auto}.account-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.account-type-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)!important;cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent!important}.account-type-card.selected{border-color:var(--accent-primary)!important;background-color:var(--accent-light)!important}.account-type-icon{font-size:3rem;margin-bottom:var(--space-4)}.account-type-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.account-type-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.account-type-radio{margin-top:auto}.radio-outer{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.radio-outer.active{border-color:var(--accent-primary)}.radio-inner{width:12px;height:12px;background-color:var(--accent-primary);border-radius:50%;transform:scale(0);transition:transform var(--transition-fast)}.radio-outer.active .radio-inner{transform:scale(1)}@media(max-width:640px){.account-type-grid{grid-template-columns:1fr}}.registration-form{width:100%;max-width:600px;margin:0 auto;background-color:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.form-header{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.back-btn{border:none;background:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;width:fit-content;transition:color var(--transition-fast)}.back-btn:hover{color:var(--accent-primary)}.form-title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.form-row.full-width{grid-column:span 2}.form-footer{display:flex;flex-direction:column;gap:var(--space-6);text-align:center}.auth-footer-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-row.full-width{grid-column:span 1}.registration-form{padding:var(--space-4);border:none}}.vehicle-details-container{max-width:1200px;margin:0 auto;padding:var(--space-4)}.details-grid-wrapper{display:flex;gap:var(--space-4);position:relative;align-items:flex-start}.details-sidebar{width:280px;flex-shrink:0;position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);transition:all .3s ease}.details-sidebar.collapsed{width:60px}.sidebar-toggle-btn{position:absolute;right:-15px;top:20px;width:30px;height:30px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:20;font-size:1.2rem;padding-bottom:2px}.sidebar-toggle-btn:hover{background:var(--primary-hover)}.collapsed-sidebar-icons{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-4) 0}.collapsed-price,.collapsed-contact{font-size:1.5rem;cursor:pointer;transition:transform .2s}.collapsed-price:hover,.collapsed-contact:hover{transform:scale(1.2)}.details-main{flex:1;min-width:0}.specifications-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.specifications-vertical-stripe{display:flex;flex-direction:column;gap:var(--space-3)}.specs-middle-column{width:130px;flex-shrink:0}.spec-card{background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s;min-height:70px}.spec-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-light)}.spec-card-icon{font-size:1.25rem;margin-bottom:2px}.spec-card-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.spec-card-value{font-size:var(--text-xs);font-weight:700;color:var(--text-primary)}.thumbnail-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-1);background:var(--bg-subtle);padding:var(--space-2);border-radius:var(--radius-md);margin-top:var(--space-2)}.thumbnail-strip{display:flex;gap:var(--space-2);overflow-x:auto;scroll-behavior:smooth;flex:1}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail-strip{-ms-overflow-style:none;scrollbar-width:none}.thumbnail{width:60px;height:45px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;background:#000;transition:all .2s}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 5px rgba(var(--primary-rgb),.5);transform:scale(1.05)}.thumb-nav-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;width:24px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;z-index:5;box-shadow:var(--shadow-sm);transition:all .2s}.thumb-nav-btn:hover{background:var(--primary-light);border-color:var(--primary-color)}.details-tabs-header{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.tab-btn{padding:var(--space-4) var(--space-8);border:none;background:none;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s}.tab-btn:hover{color:var(--primary-color);background:#00000005}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color)}.tab-panel{padding:var(--space-8)}.history-timeline{position:relative;padding-left:var(--space-8)}.history-timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:var(--space-6)}.timeline-dot{position:absolute;left:-31px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--primary-color)}.timeline-item.info .timeline-dot{border-color:var(--info-color, #0ea5e9)}.timeline-content h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.timeline-content p{color:var(--text-secondary);font-size:var(--text-sm)}.gallery-section{background:#000;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.main-image-container{position:relative;width:100%;background:#000}.modal-close-outer{position:fixed;top:30px;right:40px;background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:3rem;width:64px;height:64px;border-radius:50%;cursor:pointer;z-index:10002;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s}.modal-close-outer:hover{background:#fff3;transform:scale(1.1)}.modal-nav-arrow{position:fixed;top:0;height:100vh;width:120px;background:transparent;border:none;color:#ffffff80;font-size:8rem;cursor:pointer;z-index:10001;transition:all .3s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font-family:serif}.modal-nav-arrow.left{left:0;padding-right:20px}.modal-nav-arrow.right{right:0;padding-left:20px}.modal-nav-arrow:hover{background:#0003;color:#fff}.image-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000ed!important;display:flex!important;align-items:center;justify-content:center;z-index:9999!important;padding:var(--space-4)}.gallery-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:var(--space-4)}.gallery-nav.next{right:var(--space-4)}.main-image{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image img{max-width:100%;max-height:100%;object-fit:contain}.specs-section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.specs-section-header h2{font-size:var(--text-lg);color:#1e293b;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.specs-section-header h2:after{content:"";flex:1;height:2px;background:var(--border-color);opacity:.5}.details-sidebar{width:350px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:var(--space-20);z-index:10;display:flex;flex-direction:column;gap:var(--space-4)}.price-tag{font-size:var(--text-3xl);font-weight:800;color:var(--primary-color);margin-bottom:var(--space-2);display:inline-block;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:5px solid var(--primary-color)}.views-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-2)}.thumbnail-strip{display:flex;gap:var(--space-2);padding:var(--space-4);background:#ffffff0d;overflow-x:auto}.thumbnail{width:80px;height:56px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:3px solid transparent;flex-shrink:0;transition:all .2s;background:#000}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.thumbnail:hover{transform:scale(1.05)}.specs-table{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-8)}.spec-item{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.seller-card{box-shadow:var(--shadow-md);background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-4)!important}.seller-info{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0 var(--space-2) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.seller-info h3{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);text-align:center}.seller-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2);text-align:center;width:100%}.seller-avatar{width:45px;height:45px;border-radius:var(--radius-full);background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border-color);flex-shrink:0;font-size:1.25rem;margin:0 auto}.seller-logo-img{width:100%;height:100%;object-fit:cover}.seller-name{font-weight:700;font-size:var(--text-base);color:var(--text-primary);margin-bottom:2px}.location-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.contact-actions{display:flex;flex-direction:column;gap:var(--space-2)}.call-seller-btn{background-color:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important;font-weight:700!important}.call-seller-btn:hover{background-color:#d97706!important;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.whatsapp-btn{background-color:#25d366!important;border-color:#25d366!important;color:#fff!important;font-weight:700!important}.whatsapp-btn:hover{background-color:#128c7e!important;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.safety-tips{background:var(--bg-subtle, #f8fafc);border:1px solid var(--border-color);padding:var(--space-6)}.safety-tips h4{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.safety-tips-list{display:flex;flex-direction:column;gap:var(--space-4)}.safety-tip-item{display:flex;gap:var(--space-3);align-items:flex-start}.tip-icon{font-size:1.25rem;line-height:1;color:var(--success-color, #22c55e)}.tip-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;font-weight:500}@media(max-width:1024px){.details-grid-wrapper{flex-direction:column;gap:var(--space-6)}.details-sidebar{width:100%!important;position:static;order:2}.specs-middle-column{width:100%;order:3}.specifications-vertical-stripe{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-toggle-btn{display:none}.details-main{order:1}.specifications-strip{grid-template-columns:repeat(2,1fr)}}.seller-vehicles-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.seller-vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.seller-vehicles-header h3{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0}.seller-vehicles-strip-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-2)}.seller-vehicles-strip{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-2) 0;flex:1}.seller-vehicles-strip::-webkit-scrollbar{display:none}.seller-strip-nav{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg, #fff);color:var(--text-color);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 4px #00000014}.seller-strip-nav:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.seller-vehicle-card{flex:0 0 220px;scroll-snap-align:start;background:var(--card-bg, #fff);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color)}.seller-vehicle-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0000001f}.sv-card-image{width:100%;height:140px;overflow:hidden}.sv-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.seller-vehicle-card:hover .sv-card-image img{transform:scale(1.05)}.sv-card-info{padding:var(--space-3)}.sv-card-title{font-size:.875rem;font-weight:600;color:var(--text-color);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-card-price{font-size:1rem;font-weight:700;color:#22c55e;margin-bottom:var(--space-1)}.sv-card-mileage{font-size:.75rem;color:#6b7280}@media(max-width:768px){.seller-vehicle-card{flex:0 0 180px}.sv-card-image{height:110px}}.preview-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4)}.preview-modal-content{background:#fff;width:100%;max-width:1200px;height:90vh;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.preview-modal-header{padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--primary-color);background:var(--bg-card)}.preview-modal-header h2{margin:0;font-size:1.5rem;color:var(--primary-color)}.close-preview-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary)}.preview-scroll-area{flex:1;overflow-y:auto;padding:var(--space-6);background:#f8f9fa}.preview-modal-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--border-color);background:var(--bg-subtle);display:flex;justify-content:space-between;align-items:center}.preview-modal-footer p{margin:0;color:var(--text-secondary);font-style:italic;font-size:.875rem}.btn-finish-preview{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.btn-finish-preview:hover{background:var(--primary-dark)}.listing-form-card{max-width:800px;margin:0 auto;padding:var(--space-8)}.vehicle-listing-form{display:flex;flex-direction:column;gap:var(--space-8)}.form-section h3{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:var(--text-xl)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-select{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);resize:vertical;min-height:120px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-color)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.image-gallery-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-2)}.qr-sticker-container{width:297mm;height:210mm;padding:0;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;color:#000;box-sizing:border-box;margin:0 auto;position:relative}.qr-sticker-header{text-align:center;padding:8mm 0 6mm;border-bottom:3px solid #000}.qr-sticker-brand{font-size:32pt;font-weight:800;letter-spacing:2px;margin:0;color:#000;text-transform:uppercase}.qr-sticker-tagline{font-size:12pt;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:3pt 0 0;color:#333}.qr-sticker-content{flex:1;display:grid;grid-template-columns:1fr 1.5fr 1fr;border-bottom:3px solid #000}.qr-sticker-column{display:flex;flex-direction:column;padding:10mm}.qr-sticker-photo-column{border-right:2px solid #000;align-items:center;justify-content:center;padding:8mm}.qr-sticker-photo{width:100%;height:100%;object-fit:contain;print-color-adjust:exact;-webkit-print-color-adjust:exact}.qr-sticker-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999;font-style:italic;border:2px dashed #ddd}.qr-sticker-details-column{border-right:2px solid #000;justify-content:center;padding:10mm 12mm}.qr-sticker-vehicle-title{font-size:24pt;font-weight:700;margin:0 0 8mm;line-height:1.2;color:#000;border-left:4px solid #000;padding-left:6mm}.qr-sticker-specs-list{list-style:none;padding:0;margin:0}.qr-sticker-specs-list li{font-size:14pt;font-weight:600;margin-bottom:4mm;padding-left:8mm;position:relative;color:#000}.qr-sticker-specs-list li:before{content:"•";position:absolute;left:0;font-size:16pt;font-weight:900;color:#000}.qr-sticker-specs-list li .spec-label{font-weight:700;color:#000}.qr-sticker-qr-column{align-items:center;justify-content:center;padding:10mm}.qr-sticker-qr-code{border:4px solid #000;padding:3mm;background:#fff}.qr-sticker-footer{padding:5mm 10mm;text-align:center}.footer-website{font-size:14pt;font-weight:700;margin:0 0 2mm;color:#000}.footer-disclaimer{font-size:7pt;color:#666;margin:0;line-height:1.3}@media print{html,body{width:297mm;height:210mm;margin:0;padding:0;overflow:hidden}body *{visibility:hidden}.qr-sticker-printable-area,.qr-sticker-printable-area *{visibility:visible}.qr-sticker-printable-area{position:fixed;left:0;top:0;width:297mm;height:210mm;margin:0;padding:0}.qr-sticker-container{margin:0!important;border:none!important;box-shadow:none!important;page-break-inside:avoid;page-break-before:avoid;page-break-after:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact;width:297mm;height:210mm}@page{size:A4 landscape;margin:0}}.seller-dashboard{padding:var(--space-10);width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.agent-profile-summary{display:flex;align-items:center;gap:var(--space-6)}.summary-logo-container{position:relative;width:80px;height:80px}.summary-logo{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #0000001a}.summary-logo-placeholder{width:100%;height:100%;border-radius:50%;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--primary-color);border:2px dashed var(--border-color)}.verified-tick{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:#1da1f2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid white;box-shadow:0 2px 4px #0000001a}.summary-info h1{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.summary-badges{display:flex;gap:var(--space-3);flex-wrap:wrap}.summary-badge{padding:.25rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.375rem;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color)}.summary-badge.phone{background:#e6fffa;color:#2c7a7b;border-color:#81e6d9}.summary-badge.location{background:#ebf8ff;color:#2b6cb0;border-color:#90cdf4}.summary-badge.admin{background:#fff5f5;color:#c53030;border-color:#feb2b2}.profile-warning-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8);box-shadow:0 1px 2px #0000000d}.warning-content{display:flex;align-items:center;gap:var(--space-4)}.warning-icon{font-size:1.5rem}.warning-text{flex:1;font-size:.9375rem;color:#92400e;line-height:1.5}.warning-text strong{font-weight:700}.badge-icon{font-size:.875rem}.welcome-section p{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-10)}.stat-card{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.inventory-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.table-container{overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;text-align:left}.inventory-table th{padding:var(--space-4) var(--space-6);background:var(--bg-subtle);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.inventory-table th.actions-header{text-align:right}.inventory-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);vertical-align:middle}.table-thumb{width:80px;height:50px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-subtle)}.vehicle-title-cell{font-weight:500;color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.active{background:#e6fffa;color:#047481}.status-badge.draft{background:#edf2f7;color:#4a5568}.status-badge.sold{background:#fff5f5;color:#c53030}.inventory-table th.price-header,.inventory-table th.status-header,.inventory-table th.views-header,.inventory-table th.actions-header,.actions-cell{text-align:right}.actions-container{display:inline-flex;justify-content:flex-end;align-items:center;gap:var(--space-2);width:100%}.price-cell,.status-cell,.views-cell{text-align:right}.views-count{font-size:.875rem;color:var(--text-secondary)}.action-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);transition:all .2s;min-width:75px;display:inline-flex;align-items:center;justify-content:center}.action-btn.publish,.action-btn.unpublish,.action-btn.qr,.action-btn.preview{min-width:110px}.action-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.action-btn.edit{color:var(--primary-color)}.action-btn.delete{color:#eb4034}.action-btn.publish{color:#2ecc71;border-color:#2ecc71}.action-btn.unpublish{color:#e67e22;border-color:#e67e22}.action-btn.qr{color:#7f8c8d}.action-btn.preview{color:#17a2b8;border-color:#17a2b8}.dashboard-loading,.dashboard-error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:var(--text-secondary)}.dashboard-error{color:var(--error-color)}.edit-row{background-color:var(--bg-subtle)}.inline-edit-form{padding:var(--space-6);background:var(--bg-card);border:2px solid var(--primary-color);border-radius:var(--radius-lg);margin:var(--space-4);box-shadow:var(--shadow-lg)}.inline-edit-form h3{margin-bottom:var(--space-4);color:var(--text-primary);font-size:1.1rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.form-group input{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0066ff1a}.edit-actions{display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-color);padding-top:var(--space-4)}.edit-image-section{margin-bottom:var(--space-6)}.edit-image-section>label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--space-2)}.image-gallery-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4);margin:var(--space-2) 0}.image-preview-item{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-img-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#eb4034e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s;z-index:10}.remove-img-btn:hover{background:#eb4034;transform:scale(1.15)}.add-image-box{aspect-ratio:4/3;border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--bg-subtle)}.add-image-box:hover{border-color:var(--primary-color);background:var(--bg-card);transform:translateY(-2px)}.add-icon{font-size:32px;color:var(--text-secondary)}.image-info{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:var(--space-2)}.seller-profile{padding:var(--space-10);width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.profile-header{margin-bottom:var(--space-10)}.profile-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:var(--space-2)}.profile-header p{color:var(--text-secondary)}.profile-form{background:var(--bg-card);padding:var(--space-10);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;width:100%;max-width:800px}.form-section{margin-bottom:var(--space-8)}.form-section h3{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:2px solid var(--bg-subtle);text-align:left}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-align:left}.form-group input,.form-select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-body);font-size:1rem;transition:all .2s;color:var(--text-primary)}.form-group input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.form-select:disabled{background:var(--bg-subtle);cursor:not-allowed;opacity:.7}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.logo-upload-container{display:flex;flex-direction:column;gap:var(--space-3)}.logo-preview{width:160px;height:104px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;transition:all .3s ease;background:var(--bg-body)}.logo-preview:hover{border-color:var(--primary-color);background:#2563eb05}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:var(--space-2)}.logo-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center}.logo-placeholder span{font-size:.8125rem;color:var(--text-secondary)}.helper-text{font-size:.75rem;color:var(--text-secondary);margin:0}.form-actions{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}}.profile-loading,.profile-error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:var(--text-secondary)}.seller-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Inter,sans-serif}.seller-sidebar{width:260px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-6);position:sticky;top:0;height:100vh;transition:width .3s ease;overflow:hidden}.seller-layout.collapsed .seller-sidebar{width:80px;padding:var(--space-6) var(--space-3)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.seller-layout.collapsed .sidebar-header{flex-direction:column;gap:var(--space-4)}.sidebar-brand{display:flex;justify-content:center;align-items:center}.sidebar-logo{width:160px;height:auto;max-height:80px;object-fit:contain;border-radius:var(--radius-sm);transition:all .3s ease}.seller-layout.collapsed .sidebar-logo{width:40px;max-height:40px}.sidebar-toggle{background:var(--bg-subtle);border:1px solid var(--border-color);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:all .2s;z-index:10}.sidebar-toggle:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.brand-icon{font-size:2rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-secondary);font-weight:500}.seller-layout.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.nav-item:hover{background-color:var(--bg-subtle);color:var(--primary-color)}.nav-item.active{background-color:#e8f0fe;color:#1a73e8}.nav-icon{font-size:1.25rem}.sidebar-footer{padding-top:var(--space-6);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-2)}.logout-item{color:#d32f2f}.logout-item:hover{background-color:#ffebee;color:#c62828}.seller-content{flex:1;padding:0;overflow-y:auto}.filters-sidebar{display:block}@media(max-width:1023px){.filters-sidebar{display:none!important}.container>div{grid-template-columns:1fr!important}}