:root{--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #0a0f1a;--green-500: #22c55e;--green-600: #16a34a;--blue-500: #3b82f6;--blue-600: #2563eb;--yellow-500: #eab308;--yellow-600: #ca8a04;--cyan-500: #06b6d4;--purple-500: #a855f7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--gray-100);background:var(--gray-950);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw}#app{max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}*{scrollbar-width:thin;scrollbar-color:var(--gray-700) var(--gray-900)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--red-600),var(--red-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-icon svg{width:24px;height:24px}.brand-icon.small{width:32px;height:32px}.brand-icon.small svg{width:18px;height:18px}.brand-text{font-size:1.25rem;font-weight:700;color:var(--gray-100);white-space:nowrap}.landing-page{min-height:100vh;background:var(--gray-950)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0f1acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6);height:72px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-3)}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:.875rem;font-weight:500;color:var(--gray-400);transition:color var(--transition-fast)}.nav-link:hover{color:var(--gray-100)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-ghost{padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;color:var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-ghost:hover{color:var(--gray-100);background:#ffffff0d}.btn-primary-sm{padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:600;color:#fff;background:var(--red-600);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-primary-sm:hover{background:var(--red-700)}.hero{position:relative;min-height:100vh;padding:120px var(--space-6) var(--space-16);display:flex;align-items:center}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-gradient{position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at top right,rgba(220,38,38,.15) 0%,transparent 60%)}.hero-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-container{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--red-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-6)}.badge-dot{width:6px;height:6px;background:var(--red-500);border-radius:var(--radius-full);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:3.5rem;font-weight:800;color:var(--gray-50);line-height:1.1;margin-bottom:var(--space-6)}.text-gradient{background:linear-gradient(135deg,var(--red-500),var(--red-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.125rem;color:var(--gray-400);line-height:1.7;margin-bottom:var(--space-8)}.hero-buttons{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12)}.btn-primary-lg{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:600;color:#fff;background:var(--red-600);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.btn-primary-lg svg{width:20px;height:20px}.btn-primary-lg:hover{background:var(--red-700);transform:translateY(-1px)}.btn-outline-lg{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:600;color:var(--gray-300);background:transparent;border:1px solid var(--gray-700);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.btn-outline-lg:hover{border-color:var(--gray-500);background:#ffffff05}.hero-stats{display:flex;gap:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--gray-800)}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--gray-50)}.stat-label{font-size:.875rem;color:var(--gray-500)}.stat-divider{width:1px;background:var(--gray-800)}.hero-visual{display:flex;justify-content:center}.dashboard-preview{width:100%;max-width:480px;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.preview-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--gray-800);border-bottom:1px solid var(--gray-700)}.preview-dots{display:flex;gap:var(--space-2)}.preview-dots span{width:10px;height:10px;border-radius:var(--radius-full);background:var(--gray-600)}.preview-dots span:first-child{background:var(--red-500)}.preview-dots span:nth-child(2){background:var(--yellow-500)}.preview-dots span:last-child{background:var(--green-500)}.preview-title{font-size:.875rem;font-weight:500;color:var(--gray-400)}.preview-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.preview-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gray-800);border-radius:var(--radius-lg);border:1px solid var(--gray-700)}.preview-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.preview-card-icon svg{width:24px;height:24px}.preview-card-icon.green{background:#22c55e1a;color:var(--green-500)}.preview-card-icon.blue{background:#3b82f61a;color:var(--blue-500)}.preview-card-icon.red{background:#ef44441a;color:var(--red-500)}.preview-card-info{display:flex;flex-direction:column}.preview-card-label{font-size:.75rem;color:var(--gray-500)}.preview-card-value{font-size:1.25rem;font-weight:700;color:var(--gray-100)}.section-container{max-width:1280px;margin:0 auto;padding:var(--space-20) var(--space-6)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--red-600);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.section-title{font-size:2.5rem;font-weight:700;color:var(--gray-50);margin-bottom:var(--space-4)}.section-desc{font-size:1.125rem;color:var(--gray-400);max-width:600px;margin:0 auto}.features{background:var(--gray-900)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{padding:var(--space-8);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--gray-600);transform:translateY(-2px)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.feature-icon svg{width:28px;height:28px}.feature-icon.blue{background:#3b82f61a;color:var(--blue-500)}.feature-icon.green{background:#22c55e1a;color:var(--green-500)}.feature-icon.yellow{background:#eab3081a;color:var(--yellow-500)}.feature-icon.purple{background:#a855f71a;color:var(--purple-500)}.feature-icon.red{background:#ef44441a;color:var(--red-500)}.feature-icon.cyan{background:#06b6d41a;color:var(--cyan-500)}.feature-title{font-size:1.125rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-3)}.feature-desc{font-size:.875rem;color:var(--gray-400);line-height:1.6}.roles{background:var(--gray-950)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.role-card{padding:var(--space-8);background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.role-card:hover{border-color:var(--gray-700)}.role-card .role-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.role-card .role-icon svg{width:32px;height:32px}.role-card.dealer .role-icon{background:#3b82f61a;color:var(--blue-500)}.role-card.agent .role-icon{background:#22c55e1a;color:var(--green-500)}.role-card.workshop .role-icon{background:#eab3081a;color:var(--yellow-500)}.role-card .role-title{font-size:1.25rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-4)}.role-features{list-style:none;margin-bottom:var(--space-6)}.role-features li{position:relative;padding-left:var(--space-6);font-size:.875rem;color:var(--gray-400);margin-bottom:var(--space-3)}.role-features li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--red-500);border-radius:var(--radius-full)}.role-btn{display:block;text-align:center;padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;color:#fff;background:var(--red-600);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.role-btn:hover{background:var(--red-700)}.pricing{background:var(--gray-900)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.pricing-card{position:relative;padding:var(--space-8);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-xl)}.pricing-card.popular{border-color:var(--red-600);background:linear-gradient(180deg,rgba(220,38,38,.05) 0%,var(--gray-800) 100%)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:var(--red-600);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff}.pricing-header{text-align:center;padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-700);margin-bottom:var(--space-6)}.pricing-name{font-size:1.25rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-2)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.price-amount{font-size:2rem;font-weight:700;color:var(--gray-50)}.price-period{font-size:.875rem;color:var(--gray-500)}.pricing-features{list-style:none;margin-bottom:var(--space-8)}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:var(--gray-300);margin-bottom:var(--space-3)}.pricing-features .check{width:20px;height:20px;background:#22c55e1a;border-radius:var(--radius-full);position:relative}.pricing-features .check:after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border:solid var(--green-500);border-width:0 2px 2px 0;transform:rotate(45deg)}.pricing-btn{display:block;width:100%;text-align:center;padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.pricing-btn.filled{color:#fff;background:var(--red-600)}.pricing-btn.filled:hover{background:var(--red-700)}.pricing-btn.outline{color:var(--gray-300);border:1px solid var(--gray-600)}.pricing-btn.outline:hover{border-color:var(--gray-500);background:#ffffff05}.cta{background:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-950) 100%);padding:var(--space-20) var(--space-6)}.cta-container{max-width:800px;margin:0 auto}.cta-content{text-align:center;padding:var(--space-12);background:linear-gradient(135deg,#dc26261a,#dc262605);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-2xl)}.cta-title{font-size:2rem;font-weight:700;color:var(--gray-50);margin-bottom:var(--space-4)}.cta-desc{font-size:1.125rem;color:var(--gray-400);margin-bottom:var(--space-8)}.footer{background:var(--gray-950);border-top:1px solid var(--gray-800)}.footer-container{max-width:1280px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-desc{font-size:.875rem;color:var(--gray-500);line-height:1.6}.footer-col h4{font-size:.875rem;font-weight:600;color:var(--gray-100);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:.875rem;color:var(--gray-500);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--gray-300)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--gray-800);text-align:center}.footer-bottom p{font-size:.875rem;color:var(--gray-600)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.auth-bg{position:absolute;inset:0;z-index:0}.auth-bg-gradient{position:absolute;top:-50%;right:-30%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(220,38,38,.1) 0%,transparent 60%)}.auth-bg-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.auth-container{position:relative;z-index:1;width:100%;max-width:440px}.auth-container.register{max-width:560px}.auth-card{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-2xl);padding:var(--space-10)}.auth-card.wide{padding:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-brand{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-title{font-size:1.5rem;font-weight:700;color:var(--gray-50);margin-bottom:var(--space-2)}.auth-subtitle{font-size:.875rem;color:var(--gray-500)}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:.875rem}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--green-500)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--red-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-300)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper.textarea{align-items:flex-start}.input-wrapper.textarea .input-icon{margin-top:var(--space-3)}.input-icon{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--gray-500);pointer-events:none}.form-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);color:var(--gray-100);font-size:.875rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--red-500);box-shadow:0 0 0 3px #dc26261a}.form-input.error{border-color:var(--red-500)}.form-input::placeholder{color:var(--gray-600)}textarea.form-input{resize:vertical;min-height:80px}.input-toggle{position:absolute;right:var(--space-3);padding:var(--space-1);color:var(--gray-500);transition:color var(--transition-fast)}.input-toggle:hover{color:var(--gray-300)}.input-toggle svg{width:20px;height:20px}.form-error{font-size:.75rem;color:var(--red-500)}.form-options{display:flex;align-items:center;justify-content:space-between}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox-wrapper input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--gray-600);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast);position:relative;margin-top:2px}.checkbox-wrapper input:checked+.checkbox-custom{background:var(--red-600);border-color:var(--red-600)}.checkbox-wrapper input:checked+.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-size:.875rem;color:var(--gray-400);line-height:1.4}.checkbox-label a{color:var(--red-500)}.checkbox-label a:hover{text-decoration:underline}.forgot-link{font-size:.875rem;color:var(--red-500)}.forgot-link:hover{text-decoration:underline}.btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);font-size:1rem;font-weight:600;color:#fff;background:var(--red-600);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-top:var(--space-2)}.btn-submit:hover:not(:disabled){background:var(--red-700)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-800)}.auth-footer p{font-size:.875rem;color:var(--gray-500)}.auth-footer a{color:var(--red-500);font-weight:500}.auth-footer a:hover{text-decoration:underline}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.role-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--gray-800);border:2px solid var(--gray-700);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.role-option input{display:none}.role-option:hover{border-color:var(--gray-600)}.role-option.active{border-color:var(--red-500);background:#dc26260d}.role-option .role-icon{width:48px;height:48px;background:var(--gray-700);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all var(--transition-fast)}.role-option .role-icon svg{width:24px;height:24px}.role-option.active .role-icon{background:var(--red-600);color:#fff}.role-option .role-name{font-size:.875rem;font-weight:600;color:var(--gray-200)}.role-option .role-desc{font-size:.75rem;color:var(--gray-500)}.auth-promo{display:none}@media(min-width:1024px){.auth-page{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:100vh;height:100vh;overflow:hidden}.auth-container{max-width:none;width:100%;margin:0;padding:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--gray-950);height:100vh;overflow-y:auto}.auth-container.register{max-width:none;padding:var(--space-6);align-items:flex-start;padding-top:var(--space-8);padding-bottom:var(--space-8)}.auth-card{width:100%;max-width:440px;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:0 25px 50px -12px #00000080}.auth-card.wide{max-width:560px;padding:var(--space-8)}.auth-bg{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d1829,#142337 40%,#0f1c2d);padding:var(--space-10);height:100vh;order:-1;overflow:hidden}.auth-bg:before{content:"";position:absolute;top:-20%;left:-20%;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none}.auth-bg:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(ellipse at center,rgba(220,38,38,.08) 0%,transparent 60%);pointer-events:none}.auth-bg-gradient{display:none}.auth-promo{display:block;position:relative;z-index:1;max-width:420px;text-align:center;padding:var(--space-6)}.promo-icon{width:100px;height:100px;margin:0 auto var(--space-8);background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px -15px #3b82f680}.promo-icon svg{width:50px;height:50px;color:#fff}.promo-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:var(--space-3);letter-spacing:-1px}.promo-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:var(--space-8);font-weight:500}.promo-description{font-size:1rem;color:#fff9;line-height:1.8;margin-bottom:var(--space-10);max-width:380px;margin-left:auto;margin-right:auto}.promo-features{text-align:left;display:flex;flex-direction:column;gap:var(--space-4);background:#ffffff0a;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.promo-feature{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;color:#ffffffe6}.promo-feature svg{width:22px;height:22px;color:#4ade80;flex-shrink:0}}@media(min-width:1280px){.auth-container{padding:var(--space-12)}.auth-container.register{padding:var(--space-10)}.auth-card{max-width:480px;padding:var(--space-12)}.auth-card.wide{max-width:600px;padding:var(--space-10)}.auth-promo{max-width:500px;padding:var(--space-8)}.promo-icon{width:120px;height:120px;margin-bottom:var(--space-10)}.promo-icon svg{width:60px;height:60px}.promo-title{font-size:4rem}.promo-subtitle{font-size:1.375rem}.promo-description{font-size:1.0625rem}}@media(min-width:1440px){.auth-card{max-width:520px}.auth-card.wide{max-width:640px}.auth-promo{max-width:540px}.promo-icon{width:130px;height:130px}.promo-icon svg{width:65px;height:65px}.promo-title{font-size:4.5rem}}.dashboard{display:flex;min-height:100vh;background:var(--gray-950)}.sidebar{width:260px;background:var(--gray-900);border-right:1px solid var(--gray-800);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:all .3s ease;overflow-y:auto}.sidebar.collapsed{width:80px}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--gray-800);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.nav-section{margin-top:var(--space-5);margin-bottom:var(--space-2)}.nav-section-title{font-size:.625rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:1px;padding:0 var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--gray-400);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span{font-size:.875rem;font-weight:500;white-space:nowrap}.nav-item:hover{background:var(--gray-800);color:var(--gray-200)}.nav-item.active{background:#dc26261a;color:var(--red-500)}.nav-item.premium-nav{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.2);position:relative}.nav-item.premium-nav:hover{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2466}.nav-item.premium-nav svg{color:#fbbf24}.premium-badge{margin-left:auto;padding:2px 6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-size:.6rem;font-weight:700;border-radius:4px;text-transform:uppercase}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-800)}.logout-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--gray-400);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.logout-btn svg{width:20px;height:20px}.logout-btn span{font-size:.875rem;font-weight:500}.logout-btn:hover{background:#ef44441a;color:var(--red-500)}.nav-group{margin-bottom:var(--space-2)}.nav-group-title{font-size:.65rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-2)}.brand-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red-600),var(--red-700));border-radius:var(--radius-lg);flex-shrink:0}.brand-icon svg{width:20px;height:20px;color:#fff}.brand-text{font-size:1.25rem;font-weight:700;color:var(--gray-100)}.brand-highlight{color:var(--red-500)}.sidebar-toggle{background:transparent;padding:var(--space-2);color:var(--gray-400);border-radius:var(--radius-md);margin-left:auto}.sidebar-toggle:hover{background:var(--gray-800);color:var(--gray-200)}.sidebar-toggle svg{width:18px;height:18px}.user-menu{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.user-menu:hover{background:var(--gray-800)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--red-600),var(--red-700));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;flex-shrink:0}.user-menu>svg{width:16px;height:16px;color:var(--gray-400)}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--gray-300);font-size:.875rem;background:transparent;transition:all var(--transition-fast);text-align:left}.dropdown-item svg{width:18px;height:18px}.dropdown-item:hover{background:var(--gray-700);color:var(--gray-100)}.landing-page .main-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#0a0f1acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-800)}.toggle-sidebar{padding:var(--space-2);color:var(--gray-400);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.toggle-sidebar svg{width:24px;height:24px}.toggle-sidebar:hover{background:var(--gray-800);color:var(--gray-200)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg)}.header-search svg{width:18px;height:18px;color:var(--gray-500)}.header-search input{width:200px;background:transparent;border:none;color:var(--gray-100);font-size:.875rem}.header-search input::placeholder{color:var(--gray-600)}.header-search input:focus{outline:none}.header-notification{position:relative;padding:var(--space-2);color:var(--gray-400);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.header-notification svg{width:22px;height:22px}.header-notification:hover{background:var(--gray-800);color:var(--gray-200)}.notification-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--red-600);border-radius:var(--radius-full);font-size:.625rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.header-user{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;background:var(--red-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:500;color:var(--gray-100)}.user-role{font-size:.75rem;color:var(--gray-500);text-transform:capitalize}.main-body{padding:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl)}.stat-card .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon svg{width:24px;height:24px;color:#fff}.stat-card .stat-icon.total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card .stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card .stat-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card .stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card .stat-icon.info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card .stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-card .stat-icon.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card .stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{display:flex;flex-direction:column}.stat-content .stat-label{font-size:.875rem;color:var(--gray-500);margin-bottom:var(--space-1)}.stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-100)}.stat-change{font-size:.75rem;margin-top:var(--space-1)}.stat-change.positive{color:var(--green-500)}.stat-change.negative{color:var(--red-500)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.content-card{background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--gray-800)}.card-header h3{font-size:1rem;font-weight:600;color:var(--gray-100)}.btn-link{font-size:.875rem;color:var(--red-500);font-weight:500}.btn-link:hover{text-decoration:underline}.card-body{padding:var(--space-5)}.unit-list{display:flex;flex-direction:column;gap:var(--space-4)}.unit-item{display:flex;align-items:center;gap:var(--space-4)}.unit-image{width:48px;height:48px;background:var(--gray-800);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.unit-image svg{width:24px;height:24px}.unit-info{flex:1;display:flex;flex-direction:column}.unit-name{font-size:.875rem;font-weight:500;color:var(--gray-100)}.unit-detail{font-size:.75rem;color:var(--gray-500)}.unit-price{font-size:.875rem;font-weight:600;color:var(--gray-200)}.unit-status{padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.unit-status.available{background:#22c55e1a;color:var(--green-500)}.unit-status.booked{background:#eab3081a;color:var(--yellow-500)}.unit-status.maintenance{background:#3b82f61a;color:var(--blue-500)}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3)}.activity-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:18px;height:18px}.activity-icon.sale{background:#22c55e1a;color:var(--green-500)}.activity-icon.inquiry{background:#3b82f61a;color:var(--blue-500)}.activity-icon.maintenance{background:#eab3081a;color:var(--yellow-500)}.activity-icon.new{background:#a855f71a;color:var(--purple-500)}.activity-content{flex:1;display:flex;flex-direction:column}.activity-text{font-size:.875rem;color:var(--gray-300)}.activity-time{font-size:.75rem;color:var(--gray-600);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state svg{width:80px;height:80px;color:var(--gray-700);margin-bottom:var(--space-4)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--gray-300);margin-bottom:var(--space-2)}.empty-state p{font-size:.875rem;color:var(--gray-500);max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--gray-800);border-top-color:var(--red-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-state p{font-size:.875rem;color:var(--gray-500)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{display:none}.features-grid,.roles-grid,.pricing-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:var(--space-8)}.content-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav-menu{display:none}.hero-title{font-size:2.5rem}.sidebar{transform:translate(-100%)}.sidebar.collapsed{width:80px;transform:translate(0);width:260px}.main-content{margin-left:0}.form-row,.role-selector,.stats-grid{grid-template-columns:1fr}}.dealer-layout{display:flex;min-height:100vh;background:var(--gray-950)}.main-wrapper{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left var(--transition-normal);min-width:0}.dealer-layout:has(.sidebar.collapsed) .main-wrapper{margin-left:80px}.main-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--gray-900);border-bottom:1px solid var(--gray-800);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;background:transparent;border:none;padding:var(--space-2);color:var(--gray-400);cursor:pointer;border-radius:8px;transition:all .2s;z-index:1001;pointer-events:auto;position:relative}.mobile-menu-btn:hover{background:var(--gray-800);color:var(--gray-100)}.mobile-menu-btn svg{width:24px;height:24px}.page-title{font-size:1.25rem;font-weight:600;color:var(--gray-100)}.main-content{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:var(--space-3);width:18px;height:18px;color:var(--gray-500)}.search-box input{padding:var(--space-2) var(--space-3) var(--space-2) 40px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);color:var(--gray-100);font-size:.875rem;width:250px}.filter-select,.filter-input{padding:var(--space-2) var(--space-3);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);color:var(--gray-100);font-size:.875rem;min-width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.btn svg{width:16px;height:16px}.btn-primary{background:var(--red-600);color:#fff}.btn-primary:hover{background:var(--red-700)}.btn-secondary{background:var(--gray-700);color:var(--gray-100)}.btn-secondary:hover{background:var(--gray-600)}.btn-outline{background:transparent;border:1px solid var(--gray-600);color:var(--gray-300)}.btn-outline:hover{background:var(--gray-800);border-color:var(--gray-500);color:var(--gray-100)}.btn-danger{background:var(--red-700);color:#fff}.btn-danger:hover{background:var(--red-800)}.btn-success{background:var(--green-600);color:#fff}.btn-success:hover{background:var(--green-500)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.75rem}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.unit-card{background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.unit-card:hover{border-color:var(--red-500);transform:translateY(-2px)}.unit-image{position:relative;height:180px;background:var(--gray-800);overflow:hidden}.unit-image img{width:100%;height:100%;object-fit:cover}.no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-600)}.no-image svg{width:60px;height:60px}.unit-status{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:600;border-radius:var(--radius-md)}.status-available{background:var(--green-500);color:#fff}.status-in_maintenance{background:var(--yellow-500);color:var(--gray-900)}.status-booked{background:var(--blue-500);color:#fff}.status-sold{background:var(--gray-500);color:#fff}.unit-info{padding:var(--space-4)}.unit-title{font-size:1rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-1)}.unit-variant{font-size:.875rem;color:var(--gray-400);margin-bottom:var(--space-3)}.unit-details{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.unit-details span{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--gray-400)}.unit-details svg{width:14px;height:14px}.unit-price{display:flex;flex-direction:column;margin-bottom:var(--space-3)}.price-label{font-size:.75rem;color:var(--gray-500)}.price-value{font-size:1rem;font-weight:600;color:var(--red-500)}.unit-actions{display:flex;gap:var(--space-2)}.unit-card{cursor:pointer}.unit-photo-count{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#000000b3;border-radius:var(--radius-md);font-size:.75rem;color:#fff}.unit-photo-count svg{width:14px;height:14px}.unit-content{padding:var(--space-4)}.unit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1)}.unit-year{font-size:.875rem;font-weight:600;color:var(--red-500);background:#dc26261a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.unit-specs{display:flex;gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap}.spec-item{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--gray-400)}.spec-item svg{width:14px;height:14px;color:var(--gray-500)}.unit-color{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--gray-400);margin-bottom:var(--space-3)}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--gray-600)}.unit-pricing{padding:var(--space-3) 0;border-top:1px solid var(--gray-800);border-bottom:1px solid var(--gray-800);margin-bottom:var(--space-3)}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.price-row:last-child{margin-bottom:0}.price-value.purchase{color:var(--gray-300);font-weight:600}.price-value.selling{color:var(--green-500);font-weight:600}.unit-footer{display:flex;justify-content:space-between;align-items:center}.unit-date{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--gray-500)}.unit-date svg{width:14px;height:14px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.action-btn svg{width:16px;height:16px}.action-btn.edit:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.action-btn.delete:hover{background:var(--red-600);border-color:var(--red-600);color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.unit-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.detail-gallery{display:flex;flex-direction:column;gap:var(--space-3)}.main-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--gray-800);aspect-ratio:16/10}.main-image img{width:100%;height:100%;object-fit:cover}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.gallery-nav:hover{background:#000c}.gallery-nav.prev{left:var(--space-3)}.gallery-nav.next{right:var(--space-3)}.gallery-nav svg{width:20px;height:20px}.no-image-large{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/10;background:var(--gray-800);border-radius:var(--radius-xl);color:var(--gray-500)}.no-image-large svg{width:80px;height:80px;margin-bottom:var(--space-2)}.gallery-thumbs{display:flex;gap:var(--space-2);overflow-x:auto}.gallery-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);border:2px solid transparent}.gallery-thumbs img:hover{opacity:.8}.gallery-thumbs img.active{opacity:1;border-color:var(--red-500)}.detail-info{display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.detail-header h3{font-size:1.5rem;font-weight:700;color:var(--gray-100)}.detail-status{padding:var(--space-1) var(--space-3);font-size:.8rem;font-weight:600;border-radius:var(--radius-md)}.detail-variant{font-size:1rem;color:var(--gray-400);margin-bottom:var(--space-4)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.detail-value{font-size:.9rem;font-weight:500;color:var(--gray-200)}.detail-pricing{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.price-card{flex:1;padding:var(--space-3);border-radius:var(--radius-lg);text-align:center}.price-card.purchase{background:#4b55634d;border:1px solid var(--gray-700)}.price-card.selling{background:#22c55e1a;border:1px solid var(--green-600)}.price-title{display:block;font-size:.75rem;color:var(--gray-400);margin-bottom:var(--space-1)}.price-amount{display:block;font-size:1.1rem;font-weight:700}.price-card.purchase .price-amount{color:var(--gray-200)}.price-card.selling .price-amount{color:var(--green-500)}.detail-meta{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--gray-800);border-bottom:1px solid var(--gray-800);margin-bottom:var(--space-4)}.meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.meta-label{font-size:.75rem;color:var(--gray-500)}.meta-value{font-size:.875rem;color:var(--gray-300)}.detail-notes{background:var(--gray-800);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.notes-label{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:var(--space-2)}.detail-notes p{font-size:.875rem;color:var(--gray-300);line-height:1.6}.detail-actions{display:flex;gap:var(--space-3);margin-top:auto}.form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-800)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--space-4)}.section-title{font-size:.875rem;font-weight:600;color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.required{color:var(--red-500)}.file-upload{display:flex;align-items:center;gap:var(--space-3)}.file-upload input[type=file]{display:none}.file-upload-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gray-800);border:1px dashed var(--gray-600);border-radius:var(--radius-lg);color:var(--gray-300);cursor:pointer;transition:all var(--transition-fast)}.file-upload-label:hover{border-color:var(--red-500);color:var(--red-500)}.file-upload-label svg{width:18px;height:18px}.file-info{font-size:.875rem;color:var(--green-500)}.form-hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:var(--space-1)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#dc26261a;border:1px solid var(--red-600);border-radius:var(--radius-lg);color:var(--red-400);font-size:.875rem}.form-error svg{width:18px;height:18px;flex-shrink:0}.delete-warning{text-align:center;padding:var(--space-4)}.delete-warning svg{width:48px;height:48px;color:var(--yellow-500);margin-bottom:var(--space-3)}.delete-warning p{color:var(--gray-200);margin-bottom:var(--space-2)}.delete-warning small{color:var(--gray-500)}.spinner-sm{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-right:var(--space-2)}.pagination-info{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--gray-400)}.current-page{font-weight:600;color:var(--gray-100)}.separator{color:var(--gray-600)}@media(max-width:768px){.unit-detail{grid-template-columns:1fr}.detail-pricing{flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%;justify-content:center}}.table-container{overflow-x:auto;background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--gray-800)}.data-table th{background:var(--gray-800);font-weight:600;color:var(--gray-300);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{color:var(--gray-300);font-size:.875rem}.data-table tr:hover{background:var(--gray-800)}.data-table tfoot td{background:var(--gray-800);font-weight:600}.unit-cell,.buyer-cell{display:flex;flex-direction:column}.unit-cell strong,.buyer-cell strong{color:var(--gray-100)}.unit-cell small,.buyer-cell small{font-size:.75rem;color:var(--gray-500)}.action-buttons{display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-md);background:var(--gray-700);color:var(--gray-300)}.badge-success,.badge-completed,.badge-active,.badge-verified{background:#22c55e33;color:var(--green-500)}.badge-warning,.badge-in_progress,.badge-paused{background:#eab30833;color:var(--yellow-500)}.badge-danger,.badge-cancelled,.badge-expired{background:#ef444433;color:var(--red-500)}.badge-info,.badge-pending,.badge-processing{background:#3b82f633;color:var(--blue-500)}.badge-secondary,.badge-inactive{background:#6b728033;color:var(--gray-400)}.badge-facebook{background:#3b599833;color:#3b5998}.badge-instagram{background:#e1306c33;color:#e1306c}.badge-google{background:#4285f433;color:#4285f4}.badge-tiktok{background:#0003;color:#69c9d0}.badge-offline{background:#6b728033;color:var(--gray-400)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-xl)}.summary-card.large{padding:var(--space-5)}.summary-card.highlight{border-color:var(--red-500);background:#ef44440d}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg)}.card-icon svg{width:24px;height:24px;color:#fff}.card-icon.bg-primary{background:var(--red-500)}.card-icon.bg-success{background:var(--green-500)}.card-icon.bg-warning{background:var(--yellow-500)}.card-icon.bg-info{background:var(--blue-500)}.card-icon.bg-danger{background:var(--red-600)}.card-info{display:flex;flex-direction:column}.card-info span{font-size:.75rem;color:var(--gray-500)}.card-info strong{font-size:1.25rem;font-weight:700;color:var(--gray-100)}.maintenance-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.maintenance-card{background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl);overflow:hidden}.maintenance-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--gray-800)}.maintenance-card .unit-info{padding:0}.maintenance-card .unit-info strong{display:block;color:var(--gray-100);font-size:.875rem}.maintenance-card .unit-info span{font-size:.75rem;color:var(--gray-500)}.maintenance-card .card-body{padding:var(--space-4)}.maintenance-card h4{font-size:1rem;color:var(--gray-100);margin-bottom:var(--space-2)}.maintenance-card .description{font-size:.875rem;color:var(--gray-400);margin-bottom:var(--space-3)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.meta-item{display:flex;flex-direction:column}.meta-item .label{font-size:.75rem;color:var(--gray-500)}.meta-item .value{font-size:.875rem;font-weight:600;color:var(--gray-100)}.maintenance-card .card-footer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-800)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.staff-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-xl)}.staff-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--red-500);border-radius:var(--radius-full);font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.staff-info{flex:1}.staff-info h3{font-size:1rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-1)}.staff-info .position{font-size:.875rem;color:var(--red-500);margin-bottom:var(--space-2)}.staff-info .contact{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.staff-info .contact span{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--gray-400)}.staff-info .contact svg{width:14px;height:14px}.staff-info .salary-info{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--gray-400);margin-bottom:var(--space-2)}.staff-actions{display:flex;gap:var(--space-2);align-self:flex-start}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.chart-section{background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl);padding:var(--space-4)}.chart-section h3{font-size:1rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-4)}.balance-sheet{display:grid;gap:var(--space-6)}.bs-section h3{font-size:1rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-3)}.bs-card{background:#2d3748;border:1px solid #4a5568;border-radius:var(--radius-xl);padding:var(--space-4)}.bs-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-800)}.bs-item:last-child{border-bottom:none}.bs-item.sub{padding-left:var(--space-4);font-size:.875rem}.bs-item .label{color:var(--gray-400)}.bs-item .value{font-weight:600;color:var(--gray-100)}.bs-total{display:flex;justify-content:space-between;padding-top:var(--space-3);margin-top:var(--space-3);border-top:2px solid var(--gray-700)}.bs-total span{font-weight:600;color:var(--gray-300)}.bs-total strong{font-size:1.125rem;color:var(--red-500)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.status-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-800);border-radius:var(--radius-lg)}.status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md)}.status-icon svg{width:20px;height:20px}.status-icon.status-available{background:#22c55e33;color:var(--green-500)}.status-icon.status-in_maintenance{background:#eab30833;color:var(--yellow-500)}.status-icon.status-booked{background:#3b82f633;color:var(--blue-500)}.status-icon.status-sold{background:#6b728033;color:var(--gray-400)}.status-info{display:flex;flex-direction:column}.status-label{font-size:.75rem;color:var(--gray-500)}.status-count{font-size:1rem;color:var(--gray-100)}.status-value{font-size:.75rem;color:var(--gray-400)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-weight:700;font-size:.875rem;background:var(--gray-700);color:var(--gray-300)}.rank-badge.rank-1{background:gold;color:var(--gray-900)}.rank-badge.rank-2{background:silver;color:var(--gray-900)}.rank-badge.rank-3{background:#cd7f32;color:#fff}.showroom-page{max-width:800px}.showroom-card{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-xl);overflow:hidden}.showroom-card.setup{text-align:center;padding:var(--space-10)}.setup-icon{width:80px;height:80px;margin:0 auto var(--space-4);color:var(--gray-600)}.setup-icon svg{width:100%;height:100%}.showroom-card.setup h3{font-size:1.25rem;color:var(--gray-100);margin-bottom:var(--space-2)}.showroom-card.setup p{color:var(--gray-400);margin-bottom:var(--space-6)}.showroom-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--gray-800)}.showroom-logo{width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-700)}.showroom-logo img{width:100%;height:100%;object-fit:cover}.showroom-logo.placeholder{display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.showroom-logo.placeholder svg{width:40px;height:40px}.showroom-title h2{font-size:1.5rem;color:var(--gray-100);margin-bottom:var(--space-2)}.tier-badge{display:inline-flex;padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:600;border-radius:var(--radius-md)}.tier-badge.tier-free{background:var(--gray-600);color:#fff}.tier-badge.tier-paid{background:var(--red-500);color:#fff}.showroom-details{padding:var(--space-6)}.detail-group{margin-bottom:var(--space-6)}.detail-group:last-child{margin-bottom:0}.detail-group h4{font-size:.875rem;font-weight:600;color:var(--gray-300);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.detail-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0}.detail-item svg{width:20px;height:20px;color:var(--gray-500);flex-shrink:0;margin-top:2px}.detail-item div{display:flex;flex-direction:column}.detail-item span{font-size:.75rem;color:var(--gray-500)}.detail-item strong{color:var(--gray-100)}.showroom-actions{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-800)}.settings-page{max-width:600px}.settings-section{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section h3{font-size:1.125rem;font-weight:600;color:var(--gray-100);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-800)}.settings-form .form-group{margin-bottom:var(--space-4)}.settings-form .form-group:last-of-type{margin-bottom:var(--space-4)}.form-success{padding:var(--space-3);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--green-500);font-size:.875rem;margin-bottom:var(--space-4)}.sale-detail .detail-section{margin-bottom:var(--space-6)}.sale-detail .detail-section h3{font-size:.875rem;font-weight:600;color:var(--gray-300);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-800)}.sale-detail .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.sale-detail .detail-item{padding:var(--space-2);background:var(--gray-800);border-radius:var(--radius-md)}.sale-detail .detail-item.full{grid-column:1 / -1}.sale-detail .detail-item.highlight{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.sale-detail .detail-item span{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:var(--space-1)}.sale-detail .detail-item strong{font-size:.875rem}.form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-800)}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section h3{font-size:.875rem;font-weight:600;color:var(--gray-300);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.text-success{color:var(--green-500)!important}.text-danger{color:var(--red-500)!important}.text-warning{color:var(--yellow-500)!important}.document-preview{display:flex;justify-content:center;align-items:center;min-height:400px;background:var(--gray-800);border-radius:var(--radius-lg);overflow:hidden}.document-preview img{max-width:100%;max-height:500px;object-fit:contain}.document-preview iframe{border:none}@media(max-width:1024px){.dealer-layout{display:block}.sidebar{position:fixed!important;left:-280px!important;top:0!important;height:100vh!important;width:260px!important;z-index:1000!important;transition:left .3s ease!important;box-shadow:none;transform:none!important}.sidebar.collapsed{width:80px;left:-280px!important;width:260px!important}.sidebar.mobile-open{left:0!important;box-shadow:4px 0 20px #00000080!important;transform:translate(0)!important}.main-wrapper{margin-left:0!important;width:100%}.mobile-menu-btn{display:flex!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:var(--space-3)}.form-row .form-group{width:100%}.modal{width:95%;max-height:90vh;margin:5vh auto}.modal-lg{width:95%}.sidebar-toggle{display:none!important}.sidebar-header{justify-content:center!important;padding:var(--space-3)!important}.sidebar .brand-icon{width:32px!important;height:32px!important}.sidebar .brand-icon svg{width:18px!important;height:18px!important}.sidebar .brand-text{font-size:1rem!important}.sidebar-nav{padding:var(--space-2) var(--space-3)!important}.sidebar .nav-group-title{font-size:.6rem!important;padding:var(--space-2) var(--space-2) var(--space-1)!important;margin-top:var(--space-1)!important}.sidebar .nav-item{padding:var(--space-2)!important;margin-bottom:2px!important;font-size:.8rem!important}.sidebar .nav-item svg{width:18px!important;height:18px!important}.sidebar .nav-item span{font-size:.8rem!important}}@media(max-width:768px){.main-wrapper{margin-left:0!important}.dealer-layout:has(.sidebar.collapsed) .main-wrapper{margin-left:0!important}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}.main-header{padding:var(--space-2) var(--space-3)!important;flex-wrap:nowrap!important;gap:var(--space-2)!important;min-height:52px!important}.main-header .page-title{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-left{gap:var(--space-2)!important;flex:1!important;min-width:0!important}.header-right{gap:var(--space-2)!important;flex-shrink:0!important}.user-info{display:none!important}.user-avatar{width:32px!important;height:32px!important;font-size:.7rem!important}.user-menu{padding:var(--space-1)!important}.user-menu svg{width:14px!important;height:14px!important}.mobile-menu-btn{padding:var(--space-1)!important}.mobile-menu-btn svg{width:20px!important;height:20px!important}.user-dropdown{min-width:160px!important;right:0!important;top:calc(100% + var(--space-1))!important}.dropdown-item{padding:var(--space-2) var(--space-3)!important;font-size:.8rem!important;gap:var(--space-2)!important}.dropdown-item svg{width:16px!important;height:16px!important}.main-content{padding:var(--space-3)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4)}.header-actions{width:100%;flex-direction:column;gap:var(--space-2)}.header-actions .btn{width:100%;justify-content:center}.search-box,.search-box input,.filter-select,.filter-input{width:100%}.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.25rem}.summary-cards{grid-template-columns:1fr;gap:var(--space-3)}.summary-card{padding:var(--space-3)}.units-grid{grid-template-columns:1fr;gap:var(--space-3)}.unit-card{flex-direction:column}.unit-image{width:100%;height:180px}.unit-actions{flex-wrap:wrap}.unit-actions .btn{flex:1;min-width:calc(50% - var(--space-1))}.maintenance-cards,.staff-grid{grid-template-columns:1fr}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3)}.data-table{font-size:.75rem;min-width:600px}.data-table th,.data-table td{padding:var(--space-2);white-space:nowrap}.data-table .action-buttons{flex-wrap:nowrap}.data-table .btn-sm{padding:var(--space-1) var(--space-2);font-size:.7rem}.content-card{margin-bottom:var(--space-3)}.card-header{padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.card-body{padding:var(--space-3)}.modal-overlay{padding:var(--space-2);align-items:flex-start}.modal{width:100%;max-width:100%;max-height:calc(100vh - var(--space-4));margin:var(--space-2) 0;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-3)}.modal-header h2{font-size:1rem}.modal-body{padding:var(--space-3);max-height:calc(100vh - 200px);overflow-y:auto}.modal-footer{padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.modal-footer .btn{flex:1;min-width:calc(50% - var(--space-1))}.settings-form .form-row{flex-direction:column}.form-group{margin-bottom:var(--space-3)}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:var(--space-2) var(--space-3)}.detail-grid{grid-template-columns:1fr!important;gap:var(--space-2)}.detail-item{padding:var(--space-2)}.sale-detail .detail-grid{grid-template-columns:1fr}.report-header{flex-direction:column;gap:var(--space-3)}.report-filters{width:100%;flex-wrap:wrap}.report-summary{grid-template-columns:1fr}.pagination{padding:var(--space-3) 0;gap:var(--space-2)}.pagination .btn{padding:var(--space-2) var(--space-3);font-size:.8rem}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state svg{width:60px;height:60px}.empty-state h3{font-size:1rem}.badge{font-size:.65rem;padding:2px 6px}.settings-page{padding:0}.settings-section{padding:var(--space-4);margin-bottom:var(--space-3)}.settings-section h3{font-size:.9rem}.showroom-header{flex-direction:column;text-align:center}.showroom-logo{margin:0 auto var(--space-3)}.balance-grid,.performance-grid{grid-template-columns:1fr}.chart-container{height:250px!important}}@media(max-width:480px){body{font-size:13px}.main-content{padding:var(--space-2)}.stats-grid{gap:var(--space-2)}.stat-card{padding:var(--space-2)}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.stat-label{font-size:.7rem}.stat-value{font-size:1.1rem}.summary-card{padding:var(--space-2)}.card-icon{width:36px;height:36px}.unit-card{border-radius:var(--radius-md)}.unit-image{height:150px}.unit-info{padding:var(--space-2)}.unit-title{font-size:.9rem}.modal-header h2{font-size:.95rem}.btn{padding:var(--space-2) var(--space-3);font-size:.8rem}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.7rem}.data-table .hide-mobile{display:none}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:1024px){.sidebar-overlay.active{display:block}}@media(pointer:coarse){.btn,.nav-item,.dropdown-item{min-height:44px}.data-table .btn-sm{min-height:36px;min-width:36px}input,select,textarea{min-height:44px}}@media print{.sidebar,.main-header,.page-header,.modal-overlay,.btn,.pagination{display:none!important}.main-wrapper{margin:0!important}.main-content{padding:0!important}.data-table{font-size:10pt}}.dropdown-section{padding:8px 0}.dropdown-label{padding:8px 16px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dropdown-item.role-item{position:relative}.dropdown-item.role-item.active{background:#dc26261a;color:#dc2626}.dropdown-item.role-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#dc2626;border-radius:0 2px 2px 0}.dropdown-divider{height:1px;background:#1f2937;margin:8px 0}.sidebar.collapsed .sidebar-header{padding:var(--space-2) var(--space-2)}.sidebar.collapsed .sidebar-toggle{padding:var(--space-1);margin-left:var(--space-1)}