@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.login-modal{animation:slideUp .4s ease-out;background:#fff;border:2px solid #000;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;position:relative;width:90%}.login-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;position:absolute;right:20px;top:15px;transition:all .2s ease;width:40px}.login-modal-close:hover{background:#0000001a;color:#333;transform:scale(1.1)}.login-modal-header{margin-bottom:30px;text-align:center}.login-icon{align-items:center;background:#000;box-shadow:0 8px 20px #0000004d;color:#fff;display:flex;font-size:24px;justify-content:center;margin:0 auto 20px}.login-icon,.login-icon img{border-radius:50%;height:60px;width:60px}.login-icon img{background:#fff;box-shadow:0 4px 24px #0000001f,0 1.5px 6px #0000001a;display:block;margin:0 auto;object-fit:contain;padding:8px}.login-modal-header h2{color:#000;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.login-subtitle{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0}.admin-notice{color:#e74c3c;font-size:13px;font-weight:600}.input-group,.login-form{margin-bottom:20px}.input-group{position:relative}.input-icon{color:#95a5a6;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.login-input{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.login-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none;transform:translateY(-2px)}.login-input:focus+.input-icon{color:#000}.login-input::placeholder{color:#bdc3c7;font-weight:400}.password-toggle{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.password-toggle:hover{color:#000}.error-message{animation:shake .5s ease-in-out;background:#ffeded;border:1px solid #d32f2f;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#d32f2f;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.error-message svg{font-size:16px}.success-message{background:#e8f5e9;border:1px solid #388e3c;border-radius:10px;color:#388e3c}.success-message,.warning-message{animation:slideDown .3s ease-out;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.warning-message{background:#fffde7;border:1px solid #fbc02d;border-radius:10px;color:#fbc02d}.login-submit,.login-submit.error,.login-submit.loading,.login-submit.success,.login-submit:disabled{align-items:center;background:#fc0;border:2px solid #000;border-radius:12px;box-shadow:0 8px 20px #ffcc0026;box-sizing:border-box;color:#000!important;cursor:pointer;display:flex;font-size:16px!important;font-weight:600!important;gap:8px;justify-content:center;line-height:1.2;min-height:56px;outline:none;padding:16px;transition:background .3s,color .3s,border-color .3s,box-shadow .3s;vertical-align:middle;width:100%}.login-submit:hover:not(:disabled){background:#ffe082;box-shadow:0 12px 25px #ffcc0038}.login-submit.loading{background:#ffe082!important;border-color:#bfa000!important;color:#888!important;cursor:wait!important}.login-submit.success{background:#4caf50!important;border-color:#388e3c!important;box-shadow:0 8px 20px #4caf502e;color:#fff!important}.login-submit.error{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background:#e74c3c!important;border-color:#b71c1c!important;box-shadow:0 8px 20px #e74c3c2e;color:#fff!important}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.loading-spinner,.spinner{display:none!important}.login-modal-footer{border-top:1px solid #ecf0f1;padding-top:20px;text-align:center}.login-modal-footer p{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0}@media (max-width:480px){.login-modal{margin:20px;padding:30px 25px;width:calc(100% - 40px)}.login-modal-header h2{font-size:24px}.login-icon{font-size:20px;height:50px;width:50px}.login-input{font-size:15px;padding:14px 14px 14px 40px}.input-icon{font-size:15px;left:12px}.password-toggle{font-size:15px;right:12px}}.login-input:focus,.login-modal-close:focus,.login-submit:focus,.password-toggle:focus{outline:2px solid #fc0;outline-offset:2px}.login-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}@media (prefers-contrast:high){.login-input,.login-modal,.login-submit{border:2px solid #000}}.auto-logout-modal,.lockout-modal{align-items:center;animation:fadeIn .3s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11000}.auto-logout-content,.lockout-content{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;max-width:90vw;padding:32px 24px;text-align:center;width:350px}.auto-logout-content h3,.lockout-content h3{color:#d32f2f;margin-bottom:12px}.auto-logout-content p,.lockout-content p{color:#333;font-size:1.1em}.lockout-timer{color:#fbc02d;font-weight:700;margin-top:10px}.auto-logout-content button{background:#fc0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1em;font-weight:600;margin-top:18px;padding:10px 24px;transition:background .2s}.auto-logout-content button:hover{background:#e6b800}@media (max-width:600px){.login-modal{max-width:98vw;padding:18px 6px}.auto-logout-content,.lockout-content{padding:18px 6px;width:95vw}.login-icon img{height:48px;width:48px}}.login-modal [tabindex]:focus,.login-modal button:focus,.login-modal input:focus{outline:2px solid #fc0;outline-offset:2px}.swipe-hint{color:#bbb;font-size:.9em;margin-top:8px;text-align:center}.contact-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.contact-modal{background:#121212;border:none;border-radius:12px;box-shadow:0 20px 60px #00000080;color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.contact-modal-close{background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;font-size:1.25rem;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s;z-index:10}.contact-modal-close:hover{background:#ffa5001a;color:orange}.contact-modal-header{border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.contact-modal-header h2{color:orange;font-size:1.75rem;font-weight:600;margin:0 0 .25rem}.contact-modal-header p{color:#ccc;font-size:.9rem;margin:0}.contact-modal-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.contact-info{width:100%}.contact-item{align-items:flex-start;background:#1e1e1e;border:none;border-radius:6px;padding:.75rem 1rem}.contact-icon{color:#3b82f6;flex-shrink:0;font-size:1.25rem;margin-top:0;min-width:20px}.contact-item h4{color:#fff;font-size:.9rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.contact-item p{color:#9ca3af;font-size:.85rem;line-height:1.3;margin:0}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-modal .form-group input,.contact-modal .form-group textarea{-webkit-text-fill-color:#fff!important;background:#1a1a1a!important;border:1px solid #2c2c2c!important;border-radius:6px;box-sizing:border-box;color:#fff!important;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.contact-modal .form-group input::placeholder,.contact-modal .form-group textarea::placeholder{-webkit-text-fill-color:#9ca3af!important;color:#9ca3af!important}.contact-modal .form-group input:focus,.contact-modal .form-group textarea:focus{-webkit-text-fill-color:#fff!important;background:#1a1a1a!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important;color:#fff!important;outline:none!important;transition:all .2s ease-in-out}.contact-modal .form-group textarea{min-height:80px;resize:vertical}.contact-submit-btn{align-items:center;background:#fdba12;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:44px;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .15s ease-in-out;width:100%}.contact-submit-btn:hover:not(:disabled){background:#f9a602;box-shadow:0 4px 12px #fdba124d;transform:translateY(-1px)}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.6}.contact-success{align-items:center;background:#000000e6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.contact-success p{color:#4ade80;font-size:1rem;font-weight:500;margin:0;text-align:center}.contact-error{align-items:center;background:#000000e6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.contact-error p{color:#ef4444;font-size:1rem;font-weight:500;margin:0;text-align:center}@media (max-width:768px){.contact-modal-overlay{padding:.5rem}.contact-modal{margin:0;max-height:95vh;padding:1.25rem}.contact-modal-header{margin-bottom:1.25rem}.contact-modal-header h2{font-size:1.5rem}.contact-modal-content{gap:1.25rem;grid-template-columns:1fr}.contact-info{gap:.75rem;width:100%}.contact-item{gap:.75rem;padding:.75rem 1rem}.contact-icon{font-size:1.25rem;min-width:20px}.contact-item h4{font-size:.85rem}.contact-item p{font-size:.8rem}.contact-form{gap:.875rem}.contact-modal .form-group input,.contact-modal .form-group textarea{font-size:.85rem;padding:.75rem}.contact-modal .form-group textarea{min-height:70px}.contact-submit-btn{font-size:.9rem;height:40px;padding:.75rem 1.25rem}}@media (max-width:480px){.contact-modal-overlay{padding:.25rem}.contact-modal{border-radius:12px;padding:1rem}.contact-modal-header{margin-bottom:1rem}.contact-modal-header h2{font-size:1.375rem}.contact-modal-content{gap:1rem}.contact-info{gap:.75rem}.contact-item{padding:.75rem 1rem}.contact-form{gap:.75rem}.contact-modal .form-group input,.contact-modal .form-group textarea{font-size:.8rem;padding:.75rem}.contact-modal .form-group textarea{min-height:60px}.contact-submit-btn{font-size:.85rem;height:38px}}.header{align-items:center;background-color:#000;box-sizing:border-box;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.header.scrolled{background-color:#000000e6;box-shadow:0 2px 10px #ffffff1a}.logo img{height:40px}.nav{align-items:center;display:flex}.nav-links{border-bottom-left-radius:10% 20px;border-bottom-right-radius:10% 20px;display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 10px}.nav-button,.nav-link-btn,.nav-links a{align-items:center;background:none;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:500;height:40px;justify-content:center;line-height:24px;padding:8px 18px;text-decoration:none;transition:color .3s ease,background .3s,transform .3s;vertical-align:middle}.nav-link-btn:hover,.nav-links a:hover{color:#fc0;transform:scale(1.1)}.dms-button{background-color:initial;border:2px solid #fc0;color:#fc0;font-weight:700;transition:all .3s ease}.dms-button:hover{background-color:#fc0;color:#000}.hamburger-menu{display:none}@media (max-width:768px){.nav-links{background-color:#000000f2;display:none;flex-direction:column;left:0;opacity:0;padding:20px 0;position:absolute;text-align:center;top:60px;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;width:100%}.nav-links.open{display:flex;opacity:1;transform:translateY(0)}.nav-links li{margin:15px 0}.nav-button{max-width:200px;padding:12px 0;text-align:center;width:90%}.hamburger-menu{color:#fc0;cursor:pointer;display:block;font-size:28px;transition:transform .3s ease}.hamburger-menu:hover{transform:scale(1.1)}}.nav-button{align-items:center;background-color:initial;border:2px solid #fc0;box-sizing:border-box;color:#fc0;display:inline-flex;font-size:16px;font-weight:700;height:40px;justify-content:center;line-height:24px;padding:8px 18px;transition:all .3s ease}.nav-button:hover{background-color:#fc0;color:#000}.logout-button{background-color:#000;color:#fc0}.logout-button:hover{background-color:#e6b800}.last-login{bottom:-20px;color:#fc0;font-size:12px;opacity:.7;position:absolute;right:20px}.transition-overlay{bottom:0;height:100vh;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .8s cubic-bezier(.33,1,.68,1);width:100vw;z-index:99999}.transition-overlay.show{opacity:1;pointer-events:auto}.luxury-gradient{background:#000000fa;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.luxury-center{align-items:center;display:flex;height:180px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;width:180px;z-index:10}.logo-blur-bg{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#ffffff1f;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.logo-golden-ring{display:none!important}.transition-logo.luxury-entrance{animation:logoLuxuryEntrance 1.1s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.1s;background:#fff;border-radius:18px;box-shadow:none;height:120px;object-fit:contain;opacity:0;position:relative;transform:scale(.9);width:120px;z-index:3}@keyframes logoLuxuryEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loader-progress,.loader-ring,.loader-track,.luxury-loader{display:none!important}.f1-lights-row{align-items:center;display:flex;flex-direction:row;gap:36px;justify-content:center;margin-bottom:18px;min-height:40px}.f1-light{background:#222;border:3px solid #333;border-radius:50%;box-shadow:none;height:32px;transition:background .18s cubic-bezier(.33,1,.68,1),box-shadow .18s cubic-bezier(.33,1,.68,1),border-color .18s cubic-bezier(.33,1,.68,1);width:32px}.f1-light.on{background:red;border-color:red;box-shadow:0 0 18px 6px #f009,0 0 0 2px #fffbe6}.f1-lightsout-line{color:#fffbe6;font-size:1.35rem;font-weight:700;letter-spacing:.5px;margin-top:18px;opacity:0;text-align:center;text-shadow:0 2px 8px #0000002e;transition:opacity .5s cubic-bezier(.33,1,.68,1)}.f1-lightsout-line.show{opacity:1}.luxury-status{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;left:50%;max-width:90vw;position:absolute;top:50%;transform:translate(-50%,180px);width:320px;z-index:20}.luxury-status-text{animation:luxuryTextFade .7s cubic-bezier(.33,1,.68,1);color:#fffbe6;font-family:Arial,sans-serif;font-size:17px;font-weight:400;letter-spacing:.2px;text-align:center;text-shadow:0 2px 8px #0000002e}@keyframes luxuryTextFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.luxury-status-dots{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:2px}.luxury-status-dots .dot{animation:luxuryDotPulse 1.4s cubic-bezier(.33,1,.68,1) infinite;background:gold;border-radius:50%;height:7px;opacity:.7;width:7px}.luxury-status-dots .dot:nth-child(2){animation-delay:.2s}.luxury-status-dots .dot:nth-child(3){animation-delay:.4s}@keyframes luxuryDotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (max-width:768px){.luxury-center{height:120px;width:120px}.transition-logo.luxury-entrance{height:80px;width:80px}.luxury-loader{height:48px;transform:translate(-50%,70px);width:48px}.luxury-status{transform:translate(-50%,110px);width:90vw}.luxury-status-text{font-size:14px}.f1-light{height:20px;width:20px}.f1-lights-row{gap:14px;min-height:24px}.f1-lightsout-line{font-size:1rem}.f1-status-message{font-size:.95rem}}@media (max-width:480px){.luxury-center{height:90px;width:90px}.transition-logo.luxury-entrance{height:56px;width:56px}.luxury-loader{height:32px;transform:translate(-50%,50px);width:32px}.luxury-status{transform:translate(-50%,70px);width:98vw}.luxury-status-text{font-size:12px}.f1-light{height:13px;width:13px}.f1-lights-row{gap:7px;min-height:14px}.f1-lightsout-line{font-size:.95rem}.f1-status-message{font-size:.85rem}}.f1-status-message{color:#fffbe6;font-size:1.08rem;font-weight:400;letter-spacing:.2px;margin-top:10px;min-height:1.5em;opacity:1;text-align:center;text-shadow:0 2px 8px #0000002e;transition:opacity .3s cubic-bezier(.33,1,.68,1)}.hero-section{align-items:center;background:url(/static/media/hero-bg.3f5d755c86dcbbb761cf.webp) no-repeat 50%/cover;border-bottom-left-radius:10% 20px;border-bottom-right-radius:10% 20px;display:flex;height:100vh;justify-content:center;padding:0 1.5rem;position:relative;text-align:center;transition:opacity .5s ease}.hero-content{animation:fadeIn 1.5s ease-in-out;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:2}.hero-content h1{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 5px #000000b3}.hero-content p{font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:2rem;opacity:.95;text-shadow:1px 1px 3px #000000b3}.hero-buttons{display:flex;gap:12px;justify-content:center}.btn{border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;padding:12px 30px;transition:transform .3s ease-in-out}.btn:hover{transform:scale(1.1)}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.btn{font-size:16px;padding:10px 24px}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.btn{font-size:14px;padding:8px 20px}}.immersive-card{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) forwards;background:#1a1a1a;border-radius:1rem;box-shadow:0 4px 24px #00000026;cursor:pointer;height:260px;min-width:280px;opacity:0;overflow:hidden;position:relative;transform:translateY(40px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.immersive-card:hover{box-shadow:0 12px 48px #0000004d;transform:scale(1.05) translateY(-4px);z-index:10}.immersive-card.has-multiple-photos:after{color:#fff9;content:"◀ ▶";font-size:.75rem;font-weight:700;opacity:.7;position:absolute;right:10px;top:10px;transition:opacity .3s ease;z-index:5}.immersive-card.has-multiple-photos:hover:after{opacity:0}.immersive-card:focus{outline:2px solid #ff9800;outline-offset:2px}.card-background-image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:1}.immersive-card:hover .card-background-image{transform:scale(1.1)}.photo-nav-btn{background:#000000b3;color:#fff;font-size:.875rem;height:36px;width:36px}.photo-nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.immersive-card:hover .photo-nav-btn{opacity:1;visibility:visible}.photo-nav-left{left:10px}.photo-nav-right{right:10px}.photo-indicators{bottom:20px;display:flex;gap:8px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:10}.photo-indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.photo-indicator:hover{background:#fffc}.immersive-card:hover .photo-indicators{opacity:1;visibility:visible}.photo-indicator.active{background:#fff;transform:scale(1.2)}.card-background-fallback{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.fallback-icon{color:#a0aec0;font-size:4rem;opacity:.6}.card-gradient-overlay{background:linear-gradient(0deg,#000c 0,#0006 50%,#0000);bottom:0;height:60%;left:0;position:absolute;right:0;z-index:2}.secondary-badge-container{left:12px;position:absolute;top:12px;z-index:10}.price-badge-container{position:absolute;right:12px;top:12px;z-index:10}.price-badge{background:#22c55ef2;color:#fff;font-size:1.1rem;font-weight:700;min-width:fit-content;padding:8px 16px}.price-badge,.secondary-badge{-webkit--webkit-backdrop-filter:blur();-webkit-backdrop-filter:blur();backdrop-filter:blur();border:1px solid #fff3;border-radius:999px;box-shadow:0 2px 8px #0000004d;flex-shrink:0}.secondary-badge{font-size:.8rem;font-weight:600;letter-spacing:.02em;max-width:120px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.secondary-badge.new{background:#ff9800f2;color:#fff}.secondary-badge.low-miles{background:#22c55ef2;color:#fff}.secondary-badge.clean{background:#3b82f6f2;color:#fff}.secondary-badge.owner{background:#f59e0bf2;color:#fff}.card-content-overlay{bottom:0;left:0;padding:20px;position:absolute;right:0;z-index:3}.vehicle-info-overlay{margin-bottom:12px}.vehicle-title-overlay{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.01em;line-height:1.2;margin:0 0 4px;text-shadow:0 2px 4px #000c}.vehicle-trim-overlay{color:#e2e8f0;font-size:.9rem;font-weight:400;margin:0;opacity:.9;text-shadow:0 1px 2px #000c}.odometer-overlay{display:flex;justify-content:flex-end}.odometer-container-overlay{-webkit--webkit-backdrop-filter:blur();align-items:flex-end;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000c;border:1px solid #ffffff1a;border-radius:.5em;box-shadow:0 2px 8px #0006;color:#fff;display:flex;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:600;justify-content:center;min-width:100px;padding:6px 12px 4px}.odometer-digit-overlay{background:linear-gradient(180deg,#4a5568,#2d3748);border:1px solid #1a202c;border-radius:2px;box-shadow:inset 0 0 4px #0009;display:inline-block;font-size:1em;height:1.3em;margin:0 1px;overflow:hidden;position:relative;width:1.3em}.odometer-digit-overlay span{color:#fff;display:block;font-size:.9em;height:1.3em;line-height:1.3em;text-align:center;text-shadow:0 1px 1px #000c}.odometer-miles-label-overlay{color:#a0aec0;font-size:.8em;font-weight:400;letter-spacing:.01em;margin-left:.5em}.upload-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000c;border:1px solid #ffffff1a;border-radius:.5rem;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:4}.upload-overlay input[type=file]{color:#fff;margin-bottom:10px}.upload-overlay button{background:#ff9800;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s ease}.upload-overlay button:hover{background:#f57c00}.sellability-progress{background:#fff3;border-radius:0;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0;transition:all .3s ease;z-index:5}.sellability-progress .progress-fill{background:var(--progress-color)!important;border-radius:2px;height:100%;transition:all .3s ease}.progress-tooltip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000e6;border-radius:6px;bottom:100%;color:#fff;font-size:11px;left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.sellability-progress:hover .progress-tooltip{opacity:1}.sellability-progress:hover{height:6px;transform:translateY(-1px)}@media (max-width:768px){.sellability-progress{bottom:0;left:0;right:0}.progress-tooltip{font-size:10px;padding:6px 10px}}@media (max-width:600px){.sellability-progress{bottom:0;height:3px;left:0;right:0}.sellability-progress:hover{height:4px}}@media (max-width:1024px){.immersive-card{height:240px;min-width:260px}.vehicle-title-overlay{font-size:1.1rem}.price-badge{font-size:1rem;padding:6px 14px}}@media (max-width:768px){.immersive-card{height:220px;min-width:240px}.card-content-overlay{padding:16px}.vehicle-title-overlay{font-size:1rem}.vehicle-trim-overlay{font-size:.85rem}.odometer-container-overlay{font-size:.8rem;min-width:90px;padding:4px 10px 2px}}@media (max-width:600px){.inventory-list{flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory}.immersive-card{height:200px;margin:0 .5rem;max-width:95vw;min-width:85vw;scroll-snap-align:start}.card-content-overlay{padding:12px}.vehicle-title-overlay{font-size:.95rem}.price-badge-container,.secondary-badge-container{top:8px}.secondary-badge-container{left:8px}.price-badge-container{right:8px}.price-badge{font-size:.9rem;padding:5px 12px}.secondary-badge{font-size:.75rem;max-width:100px;padding:4px 10px}.odometer-container-overlay{font-size:.75rem;min-width:80px}}@media (max-width:480px){.price-badge-container,.secondary-badge-container{top:6px}.secondary-badge-container{left:6px}.price-badge-container{right:6px}.price-badge{font-size:.85rem;padding:4px 10px}.secondary-badge{font-size:.7rem;max-width:80px;padding:3px 8px}}.featured-vehicles{background-color:#f8f8f8;padding:36px 0 48px;position:relative;text-align:center;transition:opacity .5s ease}.inventory-list{display:flex;flex-wrap:wrap;gap:2.5rem 3rem;justify-content:center;margin-top:2.5rem;padding:0 12px}.featured-vehicles .inventory-list .inventory-card{flex:0 1 400px;max-width:400px}@media (max-width:900px){.inventory-list{gap:1.5rem 1.5rem;padding:0 4px}}@media (max-width:600px){.inventory-list{flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory}}.inventory-card{margin:0 10px;transition:transform .3s ease-in-out}.view-more-card{align-items:center;background-color:#fff;border:1px #000;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:background-color .3s ease}.view-more-card:hover{background-color:#e6e6e6}.view-more-content{color:#333;font-family:good-times,sans-serif;font-size:20px}.view-more-button{background-color:#000;border-radius:5px;color:#fff;display:inline-block;margin-top:50px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.view-more-button:hover{background-color:#333}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#f60;margin-bottom:20px}.loading-container p{color:#666;font-family:good-times,sans-serif;font-size:16px;margin:0}.customer-reviews-section{background:linear-gradient(135deg,#f8fafc,#fff);padding:64px 0 48px}.reviews-container{margin:0 auto;max-width:1100px;padding:0 24px}.reviews-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;justify-content:flex-start;min-height:220px;opacity:0;padding:32px 24px 24px;transform:translateY(40px);transition:opacity .6s,transform .6s}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.reviewer-info{display:flex;flex-direction:column}.reviewer-name{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 2px}.review-date{color:#888;font-size:.95rem;margin:0}.star-rating{align-items:center;display:flex}.star-icon{color:#ff9800;font-size:1.1rem;margin-right:2px}.notable-traits{align-items:center;display:flex;flex-wrap:wrap;margin:8px 0 10px}.notable-label{color:#ff9800;font-size:.95rem;font-weight:600;margin-right:8px}.trait-tags{display:flex;flex-wrap:wrap;gap:6px}.trait-tag{background:#fff3e0;border:1px solid #ffe0b2;border-radius:12px;color:#ff9800;font-size:.92rem;font-weight:500;padding:2px 10px}.review-text{color:#333;font-size:1.08rem;line-height:1.6;margin:0}:root{--social-icon-size:45px;--social-icon-font:1.25rem}.social-link{background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 12px #0000000f;color:#888;font-size:1.25rem;font-size:var(--social-icon-font);height:45px;height:var(--social-icon-size);position:relative;transition:border .2s,box-shadow .2s,transform .2s;width:45px;width:var(--social-icon-size)}.social-link,.social-links-bar{align-items:center;display:flex;justify-content:center}.social-links-bar{gap:24px;margin-top:24px}.social-link.facebook{border:2px solid #ff9800;box-shadow:0 0 0 3px #fff7e6;color:#1877f3}.social-link.instagram{color:#e1306c}.social-link.yelp{color:#d32323}.social-link.apple-maps{color:#444}.social-link:hover{border-color:#ff9800;box-shadow:0 4px 24px #ff98001a,0 2px 16px #0000001a;transform:scale(1.08)}@media (max-width:900px){:root{--social-icon-size:38px;--social-icon-font:1.1rem}.reviews-grid{gap:20px;grid-template-columns:1fr}.social-links-bar{gap:14px}}@media (max-width:600px){:root{--social-icon-size:36px;--social-icon-font:1rem}.customer-reviews-section{padding:36px 0 24px}.reviews-container{padding:0 6px}.review-card{min-height:0;padding:18px 8px 14px}.section-title{font-size:1.4rem}}.mission-section{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:50px 20px;text-align:left}.mission-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;width:100%}.mission-text{flex:1 1;padding-right:20px}.mission-text h3{color:#333;font-size:32px;margin-bottom:20px}.mission-text p{color:#666;font-size:18px;margin-bottom:20px}.mission-text ul{list-style-type:none;padding-left:0}.mission-text ul li{color:#666;font-size:18px;margin-bottom:10px}.mission-text ul li:before{content:none}.mission-image{display:flex;flex:1 1;justify-content:center}.mission-image img{border-radius:10px;max-width:100%}@media (max-width:768px){.mission-content{flex-direction:column}.mission-text{margin-bottom:20px;padding-right:0}.mission-image{width:100%}}.why-choose-us{background:#f8f8f8}.why-choose-us,.why-choose-us-premium{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:60px 0}.why-choose-us-premium{background:linear-gradient(135deg,#f8fafc,#fff);position:relative}.why-lead-in-premium{color:#ff9800;font-size:14px;font-weight:500;letter-spacing:2px;line-height:1.4;margin:0 0 5px;text-align:center;text-transform:uppercase}.why-lead-in-premium:after{background:#ff9800;content:"";display:inline-block;height:1px;margin:4px 10px;width:100px}.section-title{color:#aaa;font-family:good-times,sans-serif;font-size:14px;font-style:normal;font-weight:100;letter-spacing:2px;line-height:1.2;margin:0 0 5px 20px;padding:0;text-align:left;text-transform:uppercase}.section-title-premium{margin-bottom:48px;text-align:center}.section-title-premium h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:16px 0 12px}.why-divider{align-items:center;display:flex;justify-content:center;margin:16px 0}.why-divider-icon{font-size:1.5rem;margin:0 12px}.why-choose-us-grid-premium{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.why-card-premium{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 16px #00000014;opacity:0;overflow:hidden;padding:1.5rem 1.25rem;position:relative;transform:translateY(40px);transition:all .3s cubic-bezier(.4,0,.2,1)}.why-card-premium:before{background:linear-gradient(90deg,#ff9800,#ffb74d,#ffcc02);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.why-card-premium:hover{background:linear-gradient(135deg,#fff,#fff8f0);border-color:#ff980033;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.why-card-premium:hover:before{opacity:1}.why-card-row{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;text-align:left}.why-icon-premium{align-items:center;background:linear-gradient(135deg,#ff98001a,#ffb74d0d);border:1px solid #ff980014;border-radius:8px;box-shadow:0 2px 8px #ff98001a;color:#ff9800;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;min-width:40px;padding:.75rem;transition:all .3s ease}.why-icon-animate{animation:gentlePulse 3s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.why-card-content{flex:1 1;width:100%}.why-card-title-premium{color:#1a1a1a;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 .5rem}.why-card-text-premium,.why-card-title-premium{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.why-card-text-premium{color:#6b7280;font-size:.9rem;font-weight:400;line-height:1.5;margin:0}.why-cta-testimonial{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-top:2rem;text-align:center}.why-cta-link{color:#ff9800;font-weight:600;text-decoration:none;transition:color .2s ease}.why-cta-link:hover{color:#f57c00;text-decoration:underline}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.why-choose-us-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:0 24px}.why-card{align-items:flex-start;background:#fff;border:1.5px solid #f0e6c0;border-radius:18px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;min-height:320px;padding:36px 28px 28px;position:relative;transition:transform .25s cubic-bezier(.4,2,.6,1),box-shadow .25s}.why-card:hover{border-color:#fc0;box-shadow:0 8px 32px #ffcc001a,0 2px 16px #0000001a;transform:translateY(-8px) scale(1.025)}.why-icon{align-self:center;background:#ffcc001a;border-radius:50%;box-shadow:0 2px 8px #ffcc001a;color:#fc0;font-size:2.5rem;margin-bottom:18px;padding:18px}.why-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 12px}.why-card p{color:#4a5568;font-size:1rem;font-weight:400;line-height:1.7;margin:0}@media (max-width:1024px){.why-choose-us-grid-premium{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:0 20px}.section-title-premium h2{font-size:2.25rem}}@media (max-width:768px){.why-choose-us-premium{padding:60px 0}.section-title-premium h2{word-wrap:break-word;font-size:1.75rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.why-choose-us-grid-premium{box-sizing:border-box;gap:2rem;grid-template-columns:1fr;max-width:100%;min-width:0;padding:0 16px;width:100%}.why-card-premium{box-sizing:border-box;min-width:0;padding:2rem 1.5rem;width:100%}.why-card-row{gap:1.25rem}.why-icon-premium{font-size:1.75rem;height:56px;min-width:56px;padding:1rem}.why-card-title-premium{font-size:1.25rem}.why-card-text-premium{font-size:1rem}}@media (max-width:480px){.why-choose-us-premium{padding:40px 0}.section-title-premium h2{word-wrap:break-word;font-size:1.5rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:0 16px}.why-choose-us-grid-premium{box-sizing:border-box;gap:1.5rem;max-width:100%;padding:0 12px;width:100%}.why-card-premium{box-sizing:border-box;min-width:0;padding:1.5rem 1rem;width:100%}.why-card-row{gap:1rem}.why-icon-premium{font-size:1.5rem;height:48px;min-width:48px;padding:.875rem}.why-card-title-premium{word-wrap:break-word;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.why-card-text-premium{font-size:.95rem}}@media (max-width:360px){.why-choose-us-grid-premium{box-sizing:border-box;gap:.75rem;max-width:100%;padding:0 8px;width:100%}.why-card-premium{box-sizing:border-box;padding:.75rem;width:100%}.why-card-title-premium{word-wrap:break-word;font-size:1rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.why-card-text-premium{font-size:.9rem}.section-title-premium h2{font-size:1.25rem;padding:0 8px}}@media (max-width:700px){.why-choose-us-grid{grid-template-columns:1fr;padding:0 8px}.section-title{margin-left:8px}.why-card{min-height:0;padding:28px 12px 20px}}.contact-section{background-color:#f8f8f8!important;color:#1a1a1a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;text-align:center;width:100%}.contact-content,.map-container{max-width:100%;width:100%}.map-container{margin-bottom:20px;position:relative}.contact-section{background-gradient:none!important;background:#f8f8f8!important;background-image:none!important}.map-container iframe{border:0;display:block;height:300px;width:100%!important}.contact-info{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.contact-info h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem}.contact-info p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:.5rem}.contact-info a{color:#ff9800;font-weight:600;text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:#f57c00;text-decoration:underline}.footer{background:#101114;border-top:2px solid #ff9800;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;letter-spacing:.01em}.footer-main{align-items:flex-start;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:18px 18px 8px;position:relative}.footer-main:before{background:linear-gradient(90deg,#ff9800,#ffb347 50%,#ff9800);border-radius:2px;content:"";height:3px;left:0;opacity:.18;position:absolute;right:0;top:0}.footer-col{display:flex;flex-direction:column;gap:6px;min-width:0}.footer-logo{filter:drop-shadow(0 0 6px #ff980055) drop-shadow(0 1px 2px rgba(0,0,0,.2));height:28px;margin-bottom:2px;object-fit:contain;width:28px}.footer-tagline{color:#ff9800;font-size:15px;font-weight:500;line-height:1.1;margin:0;text-shadow:0 0 6px #ff980055}.footer-links{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}.footer-link,.footer-link-btn{background:none;border:none;color:#e0e0e0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:400;margin:0;padding:0;position:relative;text-align:left;text-decoration:none;transition:color .18s}.footer-link-btn:after,.footer-link:after{background:linear-gradient(90deg,#ff9800,#ffb347);border-radius:1px;content:"";display:block;height:2px;margin-top:2px;transition:width .2s;width:0}.footer-link-btn:focus,.footer-link-btn:hover,.footer-link:focus,.footer-link:hover{color:#ff9800}.footer-link-btn:focus:after,.footer-link-btn:hover:after,.footer-link:focus:after,.footer-link:hover:after{width:100%}.footer-contact{background:#ff980012;border:1.5px solid #ff980033;border-radius:8px;box-shadow:0 2px 8px 0 #ff98001a;gap:2px;padding:8px 12px}.contact-row{align-items:center;display:flex;flex-direction:row;font-size:15px;gap:4px}.contact-label{color:#ff9800;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.contact-link{color:#e0e0e0;font-size:15px;font-weight:400;text-decoration:none;transition:color .18s}.contact-link:focus,.contact-link:hover{color:#ff9800}.footer-copyright-bar{background:#18191c;border-top:1px solid #222;color:#888;font-size:12px;letter-spacing:.01em;margin-top:0;padding:4px 0 3px;text-align:center}@media (max-width:850px){.footer-main{align-items:center;flex-direction:column;gap:16px;padding:16px 12px 12px;text-align:center}.footer-col{align-items:center;width:100%}.footer-tagline{color:#ff9800;font-size:20px;font-weight:700;letter-spacing:.06em;line-height:1.1;margin-bottom:0;text-align:center;text-shadow:0 0 6px #ff98004d;text-transform:uppercase}.footer-links{align-items:center;flex-direction:column;gap:8px;justify-content:center;margin:10px 0}.footer-link,.footer-link-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#fff;font-size:15px;font-weight:500;padding:6px 12px;text-align:center;transition:all .2s ease}.footer-link-btn:hover,.footer-link:hover{background:#ff98001a;border-color:#ff98004d;box-shadow:0 2px 8px #ff980033;transform:translateY(-1px)}.footer-contact{background:#ff980008;border:1px solid #ff980026;border-radius:10px;box-shadow:0 4px 16px #ff98001a;margin:0 auto;max-width:280px;padding:12px;width:100%}.contact-row{align-items:center;flex-direction:row;gap:8px;justify-content:center;margin-bottom:8px;text-align:left}.contact-row:last-child{margin-bottom:0}.contact-label{color:#ff9800;font-size:12px;font-weight:600;letter-spacing:.05em;min-width:60px;text-transform:uppercase}.contact-link{color:#fff;font-size:14px;font-weight:500;line-height:1.4}.footer-logo{display:none}}@media (max-width:500px){.footer-main{gap:12px;padding:12px 8px 8px}.footer-tagline{font-size:18px;letter-spacing:.05em}.footer-links{gap:6px;margin:8px 0}.footer-link,.footer-link-btn{font-size:14px;padding:5px 10px}.footer-contact{max-width:240px;padding:10px}.contact-row{margin-bottom:6px}.contact-label{font-size:11px;min-width:50px}.contact-link{font-size:13px}.footer-copyright-bar{font-size:10px;padding:3px 0 2px}}@media (max-width:360px){.footer-main{gap:10px;padding:10px 6px 6px}.footer-tagline{font-size:16px;letter-spacing:.04em}.footer-contact{max-width:220px;padding:8px}.contact-link{font-size:12px}}.modern-details-container{height:auto;overflow:visible;position:relative}.mobile-details-layout,.modern-details-container{display:flex;flex-direction:column;max-width:100%;width:100%}.mobile-details-layout{box-sizing:border-box;gap:16px;padding:0}.mobile-details-layout .stats-grid{margin:0!important;padding:0!important}.mobile-details-layout .stat-card,.mobile-details-layout .stats-grid{box-sizing:border-box;max-width:100%!important;width:100%!important}.image-container,.image-section{position:relative;width:100%}.image-container{border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.vehicle-image{display:block;height:180px}.photo-nav-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:40px;z-index:10}.photo-nav-button:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-50%) scale(1.1)}.image-container:hover .photo-nav-button{opacity:1;visibility:visible}.photo-nav-button{opacity:1!important;visibility:visible!important}.photo-nav-button.prev{left:12px}.photo-nav-button.next{right:12px}.photo-counter{background:#000000b3;border-radius:12px;opacity:0;padding:4px 8px;right:12px;top:12px;visibility:hidden}.add-photos-button,.photo-counter{color:#fff;font-size:12px;font-weight:600;position:absolute;transition:all .3s ease}.add-photos-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6e6;border:none;border-radius:8px;bottom:12px;cursor:pointer;display:flex;gap:6px;left:12px;padding:8px 12px}.add-photos-button:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.image-container:hover .photo-counter{opacity:1;visibility:visible}.vehicle-info-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:20px}.vehicle-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.vehicle-summary-bar{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,max-content);justify-content:flex-start}.summary-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000f;color:#1f2937;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 12px}.price-chip{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.availability-chip{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;cursor:pointer}.availability-chip.available{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.availability-chip.sold{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.availability-chip:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.prep-progress{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:9999px;display:flex;height:22px;min-width:140px;padding:0 10px;position:relative}.prep-progress-bar{background:linear-gradient(90deg,#fb923c,#f59e0b);border-radius:9999px;bottom:0;left:0;position:absolute;top:0}.prep-progress-label{color:#9a3412;font-size:12px;font-weight:700;position:relative}.price-pill{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:20px;box-shadow:0 1px 3px #3b82f633;color:#1e40af;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.price-pill svg{font-size:12px}.availability-status{display:flex;justify-content:flex-end}.availability-toggle{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.availability-toggle.available{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.availability-toggle.sold{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.vin-display{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;position:relative}.vin-display svg{color:#9ca3af;font-size:12px}.vin-display:hover{background:#e5e7eb}.vin-copy-hint{color:#9ca3af;font-size:11px;margin-left:auto}.embedded-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px}.embedded-stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.embedded-stat-card:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.embedded-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.embedded-stat-card:first-child .embedded-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.embedded-stat-card:nth-child(2) .embedded-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.embedded-stat-card:nth-child(3) .embedded-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.embedded-stat-card:nth-child(4) .embedded-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.embedded-stat-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.embedded-stat-value{color:#1f2937;font-size:14px;font-weight:600;line-height:1.2}.embedded-stat-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.description-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;padding:20px;width:100%}.description-section label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.description-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.description-input::placeholder{color:#9ca3af;font-style:italic}.description-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.sold-details-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.section-header{margin-bottom:16px}.section-header.sold{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header .section-title{display:flex;flex-direction:column;gap:8px}.sold-summary{display:flex;flex-wrap:wrap;gap:8px}.chip{align-items:center;background:#fff7ed;border:1px solid #fdba74;border-radius:9999px;color:#9a3412;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.chip.price{background:#fff1f2;border-color:#fda4af;color:#9f1239}.chip.date{background:#f0f9ff;border-color:#7dd3fc;color:#075985}.chevron{color:#fb923c;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.section-header h3{align-items:center;display:flex;font-size:16px;gap:8px}.toggle-button{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px 10px;transition:all .3s ease}.toggle-button:hover{background:#e5e7eb;color:#374151}.sold-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sold-details-section.prominent{border:2px solid #fed7aa;box-shadow:0 2px 10px #fb923c26}.sold-detail-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.sold-detail-item svg{color:#6b7280;flex-shrink:0;font-size:16px}.detail-label{font-size:12px;letter-spacing:.5px;margin-bottom:2px}.detail-label,.detail-value{display:block;font-weight:600}.detail-value{font-size:14px}.detail-value.price{color:#059669}.detail-value.tax{color:#dc2626}.detail-value.cogs{color:#7c3aed}.detail-value.profit{color:#10b981;font-weight:700}.footer-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:16px;padding:16px 20px}.vehicle-action-bar{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(200px,1fr));max-width:640px;width:100%}.vehicle-action-button{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;padding:14px 18px;transition:transform .15s ease,box-shadow .15s ease}.vehicle-action-button.edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.vehicle-action-button.edit:hover{box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.vehicle-action-button.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.vehicle-action-button.delete:hover{box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}.action-button{border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease;z-index:1002}.edit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.edit-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.status-bar{grid-gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:8px}.status-item{width:100%}.status-badge{border:none;box-shadow:0 1px 2px #00000014;cursor:pointer;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:44px;overflow:hidden;padding:12px 14px;position:relative;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease;width:100%}.status-badge.pulse{animation:pulseGlow .6s ease}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 #fb923c80}to{box-shadow:0 0 0 10px #fb923c00}}.status-badge:before{background:#6b7280;background:var(--status-color,#6b7280);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.status-badge:hover:before{transform:scaleX(1)}.status-badge:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.status-badge.readiness{background:#ffffffe6;border:1px solid #e5e7eb;color:#374151}.status-badge.emissions.ready,.status-badge.title.ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.emissions.needed,.status-badge.title.needed{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@media (min-width:769px){.mobile-details-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:0}.image-section{grid-column:1/2;grid-row:1/2;height:100%}.vehicle-info-section{align-self:stretch;grid-column:2/3;grid-row:1/2;height:100%;padding:24px}.status-bar{flex-direction:row;grid-column:1/-1;grid-row:2/3;justify-content:space-between;margin-top:16px}.status-item{flex:1 1;margin:0 8px}.description-section{grid-column:1/-1;grid-row:3/4;margin-top:16px}.sold-details-section{grid-column:1/-1;grid-row:4/5;margin-top:16px}.footer-actions{grid-column:1/-1;justify-content:center}.vehicle-action-bar{grid-template-columns:repeat(2,minmax(240px,1fr));max-width:720px}.image-container,.vehicle-image{height:100%;min-height:280px}.vehicle-image{object-fit:cover}.vehicle-title h2{font-size:1.75rem;margin-bottom:20px}.vehicle-summary-bar{grid-template-columns:1fr;margin-bottom:16px}.price-pill{font-size:14px;padding:8px 16px}.vin-display{font-size:14px;padding:10px 14px}.availability-status{margin-bottom:16px}.availability-toggle{font-size:16px;padding:12px 20px}.embedded-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.embedded-stat-card{padding:16px}.embedded-stat-icon{font-size:16px;height:36px;width:36px}.embedded-stat-value{font-size:16px}.embedded-stat-label{font-size:11px}}@media (min-width:481px) and (max-width:768px){.embedded-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.status-bar{flex-direction:column;gap:8px}.status-item{width:100%}}@media (max-width:768px){.modern-details-container{height:auto;overflow:visible}.mobile-details-layout{gap:12px;padding:0}.status-bar{grid-template-columns:1fr;padding:8px}.status-badge{border-radius:14px;font-size:15px;min-height:50px;padding:14px 16px}.status-badge svg{font-size:18px}.embedded-stats-grid{gap:8px;grid-template-columns:1fr}.embedded-stat-card{min-height:60px;padding:12px}.embedded-stat-icon{font-size:14px;height:32px;width:32px}.embedded-stat-value{font-size:14px}.embedded-stat-label{font-size:10px}.description-section{box-sizing:border-box;margin:0;padding:16px;width:100%}.description-input{box-sizing:border-box;padding:12px 14px;width:100%}.carfax-filename{max-width:150px}.sold-details-grid{grid-template-columns:1fr}.footer-actions{background:#fff;border-top:2px solid #e5e7eb;padding:20px 16px}.vehicle-action-bar{grid-template-columns:1fr;max-width:100%}.vehicle-action-button{align-items:center!important;background:none!important;border:none!important;border-radius:16px!important;box-shadow:0 6px 16px #00000026!important;color:inherit!important;display:flex!important;flex:1 1!important;font-size:18px!important;font-weight:700!important;justify-content:center!important;letter-spacing:.5px!important;min-height:56px!important;overflow:hidden!important;padding:20px 24px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.vehicle-action-button.edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:2px solid #3b82f6!important;color:#fff!important}.vehicle-action-button.edit:active,.vehicle-action-button.edit:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 24px #3b82f666;transform:translateY(-3px) scale(1.02)}.vehicle-action-button.edit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.vehicle-action-button.edit:active:before{left:100%}.vehicle-action-button.delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;color:#fff!important}.vehicle-action-button.delete:active,.vehicle-action-button.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466;transform:translateY(-3px) scale(1.02)}.vehicle-action-button.delete:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.vehicle-action-button.delete:active:before{left:100%}}@media (max-width:480px){.mobile-details-layout{gap:8px}.vehicle-title h2{font-size:1.25rem}.status-badge{font-size:13px;padding:10px 12px}.embedded-stats-grid{gap:6px}.embedded-stat-card{min-height:50px;padding:10px}.embedded-stat-icon{font-size:12px;height:28px;width:28px}.embedded-stat-value{font-size:13px}.embedded-stat-label{font-size:9px}.description-section{box-sizing:border-box;margin:0;padding:12px;width:100%}.description-input{box-sizing:border-box;font-size:13px;padding:10px 12px;width:100%}.carfax-filename{max-width:120px}.sticky-footer-actions{padding:24px 16px}.action-button{align-items:center!important;background:none!important;border-radius:20px!important;color:inherit!important;display:flex!important;flex:1 1!important;font-size:18px!important;justify-content:center!important;letter-spacing:.5px!important;min-height:60px!important;padding:22px 24px!important;text-transform:uppercase!important;width:100%!important}.action-bar{align-items:stretch;gap:20px;width:100%}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}@media (hover:none) and (pointer:coarse){.action-button:hover,.stat-card:hover,.status-badge:hover{transform:none}.action-button:active,.stat-card:active,.status-badge:active{transform:scale(.98)}}.carfax-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.carfax-section,.carfax-section .section-header{margin-bottom:16px}.carfax-section .section-header h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.carfax-section .section-header h3 svg{color:#ef4444}.carfax-uploaded{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;justify-content:space-between;padding:12px}.carfax-info,.carfax-uploaded{align-items:center;display:flex}.carfax-info{flex:1 1;gap:12px}.carfax-icon{color:#ef4444;font-size:1.5rem}.carfax-details{display:flex;flex-direction:column;gap:2px}.carfax-filename{color:#1e293b;font-size:.9rem;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carfax-date{color:#64748b;font-size:.8rem}.carfax-actions{display:flex;gap:8px}.carfax-replace-btn,.emissions-replace-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.carfax-replace-btn:hover,.emissions-replace-btn:hover{background:#d97706;transform:scale(1.03)}.carfax-delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.carfax-delete-btn:hover{background:#dc2626;transform:scale(1.05)}.carfax-view-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.carfax-view-btn:hover{background:#2563eb;transform:scale(1.05)}.carfax-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:16px;text-align:center}.upload-area{flex-direction:column;gap:12px;margin-bottom:12px}.file-select-btn,.upload-area{align-items:center;display:flex}.file-select-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.file-select-btn:hover{background:#2563eb;transform:scale(1.02)}.selected-file{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.selected-file svg{color:#ef4444}.upload-btn{background:#10b981;border-radius:4px;font-size:.8rem;font-weight:600;padding:6px 12px}.upload-btn:hover:not(:disabled){background:#059669;transform:scale(1.05)}.upload-btn:disabled{transform:none}.upload-hint{color:#6b7280;font-size:.8rem;margin:0}@media (max-width:768px){.carfax-uploaded,.emissions-uploaded{align-items:flex-start;flex-direction:column;gap:12px}.carfax-actions,.emissions-actions{align-self:flex-end}.selected-file{flex-direction:column;gap:8px;text-align:center}}.emissions-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.emissions-section .section-header{margin-bottom:16px}.emissions-section .section-header h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.emissions-section .section-header h3 svg{color:#10b981}.emissions-uploaded{align-items:center;background:#f0fdf4;border:1px solid #22c55e;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.emissions-info{align-items:center;display:flex;flex:1 1;gap:12px}.emissions-icon{color:#10b981;font-size:1.5rem}.emissions-details{display:flex;flex-direction:column;gap:2px}.emissions-filename{color:#1e293b;font-size:.9rem;font-weight:600}.emissions-date{color:#64748b;font-size:.8rem}.emissions-actions{display:flex;gap:8px}.emissions-delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.emissions-delete-btn:hover{background:#dc2626;transform:scale(1.05)}.emissions-view-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.emissions-view-btn:hover{background:#059669;transform:scale(1.05)}.emissions-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:16px;text-align:center}.emissions-upload .upload-area{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.emissions-upload .file-select-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.emissions-upload .file-select-btn:hover{background:#059669;transform:scale(1.02)}.emissions-upload .selected-file{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.emissions-upload .selected-file svg{color:#10b981}.emissions-upload .upload-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.emissions-upload .upload-btn:hover:not(:disabled){background:#059669;transform:scale(1.05)}.emissions-upload .upload-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.emissions-upload .upload-hint{color:#6b7280;font-size:.8rem;margin:0}.notification{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;max-width:300px;padding:12px 16px;z-index:1000}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-icon{flex-shrink:0;font-size:1rem}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-message{color:#374151;font-size:.875rem}@media (max-width:768px){.notification{left:10px;max-width:none;right:10px;top:10px}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal-content{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;width:90%}.confirmation-modal-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.confirmation-modal-content p{color:#6b7280;line-height:1.5;margin:0 0 1.5rem}.confirmation-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.confirmation-modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:.625rem 1.25rem;transition:all .2s ease}.confirmation-modal-buttons .cancel-button{background:#f3f4f6;color:#374151}.confirmation-modal-buttons .cancel-button:hover{background:#e5e7eb}.confirmation-modal-buttons .confirm-button{background:#ef4444;color:#fff}.confirmation-modal-buttons .confirm-button:hover{background:#dc2626}@media (max-width:768px){.confirmation-modal-content{margin:1rem;padding:1.5rem}.confirmation-modal-buttons{flex-direction:column}.confirmation-modal-buttons button{width:100%}}.modern-todos-container{background:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding:1rem;width:100%}.todos-gamification-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;box-sizing:border-box;color:#fff;padding:1.5rem;width:100%}.gamification-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.todos-gamification-header .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;width:100%}.todos-gamification-header .stat-card:hover{background:#ffffff26;transform:translateY(-2px)}.todos-gamification-header .stat-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.todos-gamification-header .stat-card.streak .stat-icon{background:#ef44444d;color:#fecaca}.todos-gamification-header .stat-card.completed .stat-icon{background:#22c55e4d;color:#bbf7d0}.todos-gamification-header .stat-card.weekly .stat-icon{background:#f59e0b4d;color:#fed7aa}.todos-gamification-header .stat-card.max-streak .stat-icon{background:#a855f74d;color:#ddd6fe}.todos-gamification-header .stat-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.todos-gamification-header .stat-number{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.todos-gamification-header .stat-label{color:#fff;font-size:.75rem;letter-spacing:.5px;margin-top:.25rem;opacity:.9;text-transform:uppercase}.todos-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;gap:.5rem;justify-content:flex-start;padding:1rem;width:100%}.tab-button{background:#fff;border:1px solid #d1d5db;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.tab-button:hover{background:#f9fafb;border-color:#9ca3af}.tab-button.active{background:#667eea;border-color:#667eea}.tab-button.active:hover{background:#5a67d8;border-color:#5a67d8}.controls-left,.search-filter-container{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.search-box{flex:1 1;max-width:300px;min-width:0;position:relative}.search-icon{color:#6b7280;font-size:.875rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{padding:.75rem 1rem .75rem 2.5rem}.filter-select,.search-input,.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease}.filter-select,.sort-select{box-sizing:border-box;cursor:pointer;min-width:120px;padding:.75rem 1rem}.filter-select:focus,.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.controls-right{flex-shrink:0;gap:1rem}.controls-right,.sort-controls{align-items:center;display:flex}.sort-controls{gap:.5rem}.sort-order-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sort-order-btn:hover{background:#f9fafb;color:#374151}.toggle-completed-btn{background:#fff;border-radius:8px;flex-shrink:0;gap:.5rem;padding:.75rem 1rem;white-space:nowrap}.toggle-completed-btn:hover{color:#374151}.add-todo-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:1.5rem;width:100%}.add-todo-input{align-items:center;display:flex;gap:1rem;width:100%}.todo-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:1rem;min-width:0;padding:1rem 1.25rem;transition:all .3s ease}.todo-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-todo-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-todo-button:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.add-todo-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.todos-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto}.todo-section,.todos-content{box-sizing:border-box;width:100%}.todo-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.todo-section.priority-section{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444}.section-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;box-sizing:border-box;padding:1.5rem;width:100%}.section-title{flex-shrink:0;font-size:1.125rem;gap:.75rem}.section-title svg{color:#6b7280;font-size:1rem}.section-progress{align-items:center;display:flex;flex-shrink:0;gap:1rem}.progress-bar{flex-shrink:0;width:120px}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px}.progress-text{white-space:nowrap}.todo-list{box-sizing:border-box;padding:1rem;width:100%}.todo-list.completed{background:#f8fafc}.todo-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s ease;width:100%}.todo-item:last-child{margin-bottom:0}.todo-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.todo-item.completed{background:#f8fafc;opacity:.8}.todo-item.completed:hover{opacity:1}.todo-item.priority-high{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444}.todo-item.priority-medium{background:linear-gradient(135deg,#fffbeb,#fff);border-left:4px solid #f59e0b}.todo-item.priority-low{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid #10b981}.todo-checkbox{flex-shrink:0}.checkbox-button{border-radius:8px;color:#0000;flex-shrink:0;font-size:1rem;height:40px;width:40px}.checkbox-button:hover{background:#f0fdf4;border-color:#10b981}.checkbox-button.checked{color:#fff}.checkbox-button.checked:hover{background:#059669;border-color:#059669}.todo-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.todo-header{align-items:center;display:flex;gap:1rem;width:100%}.todo-text-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.875rem;min-width:0;padding:.75rem;transition:all .2s ease}.todo-text-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.priority-badge{align-items:center;display:flex;flex-shrink:0;font-weight:500;gap:.5rem;padding:.25rem .75rem;white-space:nowrap}.priority-badge.high{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.priority-badge.medium{border:1px solid #fed7aa}.priority-badge.low{border:1px solid #bbf7d0}.todo-text{word-wrap:break-word;color:#1f2937;font-size:.875rem;line-height:1.5}.todo-text.completed{color:#6b7280;text-decoration:line-through}.completion-date{color:#9ca3af;font-size:.75rem;font-style:italic}.save-status{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;gap:.5rem;padding:.25rem .5rem;width:fit-content}.save-status.Unsaved{background:#fef3c7;color:#d97706}.save-status.Saving{background:#dbeafe;color:#2563eb}.save-status.Saved{background:#d1fae5;color:#059669}.todo-actions{gap:.5rem}.action-button,.todo-actions{align-items:center;display:flex;flex-shrink:0}.action-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;height:36px;justify-content:center;width:36px}.action-button:hover{background:#f9fafb}.action-button.edit:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.action-button.delete:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;flex-direction:column;padding:3rem 2rem;width:100%}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#f3f4f6;border-radius:50%;color:#9ca3af;flex-shrink:0;font-size:1.5rem;height:64px;margin-bottom:1rem;width:64px}.empty-state h3{color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 1.5rem}.clear-search-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.clear-search-btn:hover{background:#f9fafb;color:#374151}.achievement-toast{align-items:center;animation:slideInRight .3s ease;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 8px 32px #fbbf244d;box-sizing:border-box;color:#fff;display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.achievement-icon{background:#fff3;border-radius:8px;height:40px;width:40px}.achievement-content{min-width:0}.achievement-content h4{margin:0 0 .25rem}.achievement-content p{margin:0;opacity:.9}@media (max-width:768px){.modern-todos-container{gap:1rem;padding:.75rem}.gamification-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.todos-gamification-header .stat-card{gap:.75rem;padding:.75rem}.todos-gamification-header .stat-icon{font-size:1rem;height:40px;width:40px}.todos-gamification-header .stat-number{font-size:1.25rem}.todos-controls{align-items:stretch;flex-direction:column;gap:.75rem}.controls-left,.controls-right,.search-filter-container{flex-direction:column;gap:.75rem;width:100%}.search-box{max-width:none;width:100%}.sort-controls{justify-content:center;width:100%}.add-todo-input{flex-direction:column;gap:.75rem}.add-todo-button{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-progress{justify-content:space-between;width:100%}.progress-bar{width:80px}.todo-item{gap:.75rem;padding:.75rem}.todo-header{align-items:flex-start;flex-direction:column;gap:.5rem}.priority-badge{align-self:flex-start}.checkbox-button{height:36px;width:36px}.action-button{height:32px;width:32px}}@media (max-width:480px){.modern-todos-container{padding:.5rem}.todos-gamification-header{padding:1rem}.gamification-stats{grid-template-columns:1fr}.todos-controls,.todos-gamification-header .stat-card{padding:.75rem}.add-todo-section{padding:1rem}.add-todo-button,.todo-input{font-size:.875rem;padding:.75rem 1rem}.section-header{padding:1rem}.todo-item,.todo-list{padding:.75rem}.achievement-toast{left:1rem;padding:.75rem 1rem;right:1rem;top:1rem}}.todos-content::-webkit-scrollbar{width:6px}.todos-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.todos-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.todos-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.expenses-main-content{display:flex;flex-direction:column;gap:16px;height:100%;padding:0}.expenses-main-content h2{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin:0;padding-bottom:10px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px;padding:8px 12px}.layout-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:8px}.layout-toggle button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.layout-toggle button.active{background:#667eea;border-color:#667eea;color:#fff}.layout-toggle button:hover:not(.active){background:#f1f5f9;border-color:#94a3b8}.expenses-main-content .expense-form-stripe{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:14px;padding:20px}.expense-form-error{border-radius:6px;font-size:13px;padding:8px 12px}.expense-form-field{gap:6px}.expense-form-label{color:#64748b;font-size:12px;gap:6px;letter-spacing:.5px;text-transform:uppercase}.expense-form-input,.expense-form-select,.expense-form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease}.expense-form-input:focus,.expense-form-select:focus,.expense-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.expense-form-textarea{min-height:60px;resize:vertical}.expense-form-currency{color:#64748b;font-weight:600;left:12px;position:absolute;z-index:1}.expense-form-amount{padding-left:28px}.expense-form-row{display:flex;gap:14px}.expense-form-row-wide{width:100%}.expense-form-half{flex:1 1}.expense-form-file-label{background:#f8fafc;border:2px dashed #cbd5e1;color:#64748b;justify-content:center;min-height:44px;padding:10px 12px;transition:all .3s ease}.expense-form-file-label:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.expense-form-file-label svg{flex-shrink:0}.expense-form-submit{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.expense-form-submit:hover:not(:disabled){box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}.expense-form-submit:disabled{opacity:.6}.expenses-main-content .expense-form-modern-grid{gap:16px!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row{grid-gap:14px!important;display:grid!important;gap:14px!important}.expenses-main-content .expense-form-modern-grid .expense-form-field{margin:0!important}@media (min-width:1024px){.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:first-child{grid-template-columns:1fr 1.5fr 1fr!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(2){grid-template-columns:1fr 1fr!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(3),.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(4){grid-template-columns:1fr!important}}@media (max-width:1023px) and (min-width:768px){.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:first-child{grid-template-columns:1fr 1fr!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:first-child .expense-form-grid-third:last-child{grid-column:1/-1!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(2){grid-template-columns:1fr 1fr!important}.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(3),.expenses-main-content .expense-form-modern-grid .expense-form-grid-row:nth-child(4){grid-template-columns:1fr!important}}@media (max-width:767px){.expenses-main-content .expense-form-modern-grid .expense-form-grid-row{grid-template-columns:1fr!important}}.expenses-main-content .expense-form-receipt{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 300px!important;padding:16px!important}.expenses-main-content .expense-form-receipt-left{display:flex!important;flex-direction:column!important;gap:14px!important}.expenses-main-content .expense-form-receipt-right{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;height:fit-content!important;padding:16px!important;position:sticky!important;top:20px!important}.receipt-preview{font-family:Courier New,monospace!important;font-size:12px!important}.receipt-header{border-bottom:1px dashed #cbd5e1!important;margin-bottom:12px!important;padding-bottom:8px!important;text-align:center!important}.receipt-header h4{color:#1e293b!important;font-size:14px!important;font-weight:600!important;margin:0 0 4px!important}.receipt-date{color:#64748b!important;font-size:11px!important}.receipt-items{margin-bottom:12px!important}.receipt-item{display:flex!important;justify-content:space-between!important;margin-bottom:4px!important;padding:2px 0!important}.receipt-label{color:#64748b!important;font-weight:500!important}.receipt-value{color:#1e293b!important;font-weight:600!important;max-width:150px!important;overflow:hidden!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important}.receipt-footer{border-top:1px dashed #cbd5e1!important;padding-top:8px!important}.receipt-total{color:#1e293b!important;display:flex!important;font-size:14px!important;font-weight:700!important;justify-content:space-between!important}@media (max-width:1200px){.expenses-main-content .expense-form-receipt{gap:16px!important;grid-template-columns:1fr 250px!important}}@media (max-width:1024px){.expenses-main-content .expense-form-receipt{gap:16px!important;grid-template-columns:1fr!important}.expenses-main-content .expense-form-receipt-right{order:-1!important;position:static!important}}.expenses-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:14px 18px}.expenses-summary h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.expense-table{background:#fff;border:1px solid #e2e8f0;border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 2px 8px #00000014;flex:1 1;overflow:hidden;width:100%}.expense-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.expense-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:10px 14px}.expense-table tr:hover{background:#f8fafc}.expense-table tr:last-child td{border-bottom:none}.expense-table button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .3s ease}.expense-table button:hover{background:#dc2626;transform:translateY(-1px)}.no-expenses{color:#64748b;font-style:italic;padding:30px 20px;text-align:center}.react-datepicker__input-container input{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;padding:10px 12px;transition:all .3s ease}.react-datepicker__input-container input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width:768px){.expenses-main-content{gap:12px}.expenses-main-content .expense-form-stripe{gap:12px;padding:16px}.expense-form-input,.expense-form-select,.expense-form-textarea{font-size:13px;padding:8px 10px}.expense-form-submit{font-size:13px;padding:10px 20px}.expense-table td,.expense-table th{font-size:12px;padding:8px 10px}.expenses-summary{padding:12px 16px}.expenses-summary h3{font-size:14px}.layout-toggle{flex-wrap:wrap}.layout-toggle button{flex:1 1;min-width:80px}}@media (max-width:480px){.expenses-main-content .expense-form-stripe{gap:10px;padding:12px}.expense-form-label{font-size:11px}.expense-form-input,.expense-form-select,.expense-form-textarea{font-size:12px;padding:6px 8px}.expense-form-submit{font-size:12px;padding:8px 16px}.expense-table td,.expense-table th{font-size:11px;padding:6px 8px}.expenses-summary{padding:10px 14px}.expenses-summary h3{font-size:13px}.layout-toggle{flex-direction:column}.layout-toggle button{width:100%}}.expenses-main-content::-webkit-scrollbar{width:6px}.expenses-main-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.expenses-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.expenses-main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background:#1976d21a;display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{background:#fff;border-radius:22px;box-shadow:0 8px 40px #1976d221,0 2px 8px #00000012;display:flex;flex-direction:column;justify-content:flex-start;max-width:96vw;min-height:340px;min-width:320px;overflow-y:auto;padding:36px 32px 28px;position:relative;text-align:left;transition:box-shadow .2s;width:480px}.modal-content h2{color:#1976d2;font-size:1.7rem;font-weight:700;letter-spacing:.5px;margin:0 0 18px}.modal-content p{color:#333;font-size:1.08rem;margin:10px 0}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.modal-actions button{align-items:center;border:none;border-radius:18px;box-shadow:0 1px 4px #1976d20f;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;gap:8px;padding:12px 24px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.edit-button{background:linear-gradient(90deg,#1976d2,#ff9800);color:#fff}.edit-button:focus,.edit-button:hover{background:linear-gradient(90deg,#1565c0,#ffb74d);transform:translateY(-2px) scale(1.03)}.delete-button{background:linear-gradient(90deg,#e53935,#ff9800);color:#fff}.delete-button:focus,.delete-button:hover{background:linear-gradient(90deg,#b71c1c,#ffb74d);transform:translateY(-2px) scale(1.03)}.save-button{background:linear-gradient(90deg,#43a047,#ff9800)}.save-button:focus,.save-button:hover{background:linear-gradient(90deg,#388e3c,#ffb74d);transform:translateY(-2px) scale(1.03)}.cancel-button,.close-button{background:#f3f6fa;border:1.5px solid #1976d2;color:#1976d2}.cancel-button:focus,.cancel-button:hover,.close-button:focus,.close-button:hover{background:#1976d2;color:#fff}.close-button{border-radius:18px;font-size:1.1rem;font-weight:600;padding:8px 18px;right:18px;top:18px}.preview-image{border:2px solid #e3e7ef;border-radius:10px;box-shadow:0 2px 8px #1976d214;cursor:pointer;margin-top:18px;max-height:120px;max-width:160px;object-fit:cover;transition:box-shadow .2s,border .2s}.preview-image:hover{border:2px solid #1976d2;box-shadow:0 6px 18px #1976d22e}.fullscreen-image{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);background:#1976d22e;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.fullscreen-image img{border:6px solid #fff;border-radius:18px;box-shadow:0 8px 40px #1976d221;max-height:92vh;max-width:92vw}.fullscreen-image-close{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #1976d21a;color:#1976d2;cursor:pointer;font-size:22px;padding:12px;position:absolute;right:32px;top:32px;transition:background .2s,color .2s}.fullscreen-image-close:focus,.fullscreen-image-close:hover{background:#1976d2;color:#fff}.tag{background:#f3f6fa;border-radius:12px;color:#1976d2;display:inline-block;font-size:.95rem;font-weight:500;margin:0 4px 4px 0;padding:4px 12px}@media (max-width:600px){.modal-content{border-radius:10px;min-width:0;min-width:auto;padding:16px 4vw 12px;width:98vw}.modal-content h2{font-size:1.2rem}.modal-actions button{border-radius:12px;font-size:1rem;padding:10px}.preview-image{max-height:30vw;max-width:98vw}}.modern-sold-details-form{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modern-sold-details-form .form-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modern-sold-details-form .form-header h2{font-size:1.5rem;font-weight:700;margin:0}.modern-sold-details-form .close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modern-sold-details-form .close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modern-sold-details-form .form-content{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modern-sold-details-form .vehicle-info-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:2rem}.modern-sold-details-form .vehicle-info-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.modern-sold-details-form .vehicle-summary{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:1.5rem}.modern-sold-details-form .vehicle-details{display:flex;flex-direction:column;gap:.5rem}.modern-sold-details-form .vehicle-title{color:#1f2937;font-size:1.25rem;font-weight:700}.modern-sold-details-form .vehicle-vin{color:#6b7280;font-family:monospace;font-size:.875rem}.modern-sold-details-form .vehicle-price{text-align:right}.modern-sold-details-form .price-label{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.25rem}.modern-sold-details-form .price-value{color:#10b981;font-size:1.5rem;font-weight:700}.modern-sold-details-form .form-section{border-bottom:1px solid #e2e8f0;padding:2rem}.modern-sold-details-form .form-section:last-child{border-bottom:none}.modern-sold-details-form .form-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.modern-sold-details-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1.5rem}.modern-sold-details-form .form-row.two-columns{grid-template-columns:1fr 1fr}.modern-sold-details-form .form-group{display:flex;flex-direction:column}.modern-sold-details-form .form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.modern-sold-details-form .form-group input,.modern-sold-details-form .form-group select,.modern-sold-details-form .form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1f2937!important;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.modern-sold-details-form .form-group input:focus,.modern-sold-details-form .form-group select:focus,.modern-sold-details-form .form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modern-sold-details-form .form-group input:disabled{background:#f9fafb;color:#6b7280!important;cursor:not-allowed}.modern-sold-details-form .form-group input::placeholder{color:#9ca3af!important}.modern-sold-details-form .form-group textarea{min-height:80px;resize:vertical}.modern-sold-details-form .form-group.highlight{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:1rem}.modern-sold-details-form .form-group.highlight label{color:#065f46}.modern-sold-details-form .input-with-icon{position:relative}.modern-sold-details-form .input-with-icon input{padding-right:3rem}.modern-sold-details-form .input-icon{color:#6b7280;font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.modern-sold-details-form .field-help{color:#6b7280;font-size:.75rem;margin-top:.25rem}.modern-sold-details-form .sale-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modern-sold-details-form .sale-type-option{position:relative}.modern-sold-details-form .sale-type-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.modern-sold-details-form .sale-type-option label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.modern-sold-details-form .sale-type-option input[type=radio]:checked+label{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.modern-sold-details-form .sale-type-option label:hover{border-color:#10b981;transform:translateY(-2px)}.modern-sold-details-form .sale-type-option label svg{color:#6b7280;font-size:1.5rem}.modern-sold-details-form .sale-type-option input[type=radio]:checked+label svg{color:#10b981}.modern-sold-details-form .sale-type-option label span{color:#374151;font-weight:600}.modern-sold-details-form .sale-type-option label small{color:#6b7280;font-size:.75rem}.modern-sold-details-form .calculation-mode-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modern-sold-details-form .mode-option{position:relative}.modern-sold-details-form .mode-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.modern-sold-details-form .mode-option label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;text-align:center;transition:all .3s ease}.modern-sold-details-form .mode-option input[type=radio]:checked+label{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33}.modern-sold-details-form .mode-option label:hover{border-color:#667eea;transform:translateY(-2px)}.modern-sold-details-form .mode-option label svg{color:#6b7280;font-size:1.25rem}.modern-sold-details-form .mode-option input[type=radio]:checked+label svg{color:#667eea}.modern-sold-details-form .mode-option label span{color:#374151;font-weight:600}.modern-sold-details-form .mode-option label small{color:#6b7280;font-size:.75rem}.modern-sold-details-form .profit-summary{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem}.modern-sold-details-form .profit-card{grid-gap:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:2rem}.modern-sold-details-form .profit-item{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.modern-sold-details-form .profit-label{color:#6b7280;font-size:.875rem;font-weight:500}.modern-sold-details-form .profit-value{font-size:1.5rem;font-weight:700}.modern-sold-details-form .profit-positive{color:#10b981}.modern-sold-details-form .profit-negative{color:#ef4444}.modern-sold-details-form .form-actions{background:#f8fafc;border-radius:0 0 16px 16px;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.modern-sold-details-form .cancel-btn,.modern-sold-details-form .submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.875rem 2rem;transition:all .3s ease}.modern-sold-details-form .cancel-btn{background:#f3f4f6;color:#374151}.modern-sold-details-form .cancel-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.modern-sold-details-form .submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modern-sold-details-form .submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-1px)}.modern-sold-details-form .submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modern-sold-details-form{padding:.5rem}.modern-sold-details-form .form-content{max-height:95vh}.modern-sold-details-form .form-header{padding:1rem 1.5rem}.modern-sold-details-form .form-header h2{font-size:1.25rem}.modern-sold-details-form .form-section{padding:1.5rem}.modern-sold-details-form .vehicle-summary{flex-direction:column;gap:1rem;text-align:center}.modern-sold-details-form .vehicle-price{text-align:center}.modern-sold-details-form .calculation-mode-selector,.modern-sold-details-form .form-row.two-columns,.modern-sold-details-form .sale-type-selector{grid-template-columns:1fr}.modern-sold-details-form .profit-card{gap:1.5rem;grid-template-columns:1fr}.modern-sold-details-form .form-actions{flex-direction:column-reverse;gap:.75rem}.modern-sold-details-form .cancel-btn,.modern-sold-details-form .submit-btn{text-align:center;width:100%}}@media (max-width:480px){.modern-sold-details-form .form-section{padding:1rem}.modern-sold-details-form .vehicle-info-section{padding:1.5rem}.modern-sold-details-form .vehicle-summary{padding:1rem}.modern-sold-details-form .profit-card,.modern-sold-details-form .profit-summary{padding:1.5rem}.modern-sold-details-form .mode-option label,.modern-sold-details-form .sale-type-option label{padding:1rem .75rem}}.modern-tabs-overlay{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modern-tabs-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:95%}.tabs-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:flex-start;padding:24px 80px 24px 32px;position:relative}.vehicle-info h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 8px}.vehicle-meta{display:none}.vehicle-meta .vin{background:#ffffff1a;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.vehicle-meta .price{color:#4ade80;font-weight:600}.close-button{background:linear-gradient(135deg,#fb923c,#f97316);border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:1.2rem;height:44px;position:absolute;right:12px;top:12px;transition:box-shadow .2s ease,transform .1s ease;width:44px;z-index:2}.close-button:hover{box-shadow:0 8px 18px #00000040;transform:translateY(-1px)}.close-button:active{box-shadow:0 4px 12px #0000002e;transform:translateY(0)}.close-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.close-button svg{pointer-events:none}.modern-tabs-navigation{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:0 32px}.modern-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:16px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.modern-tab:hover{background:#3b82f60d;color:#3b82f6}.modern-tab.active{background:#3b82f61a;border-bottom-color:#3b82f6;color:#3b82f6}.modern-tab svg{font-size:1rem}.tab-badge{background:#f59e0b;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;line-height:1;min-width:18px;padding:2px 6px;text-align:center}.modern-tab-content{background:#fff;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:16px;width:100%}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;margin-bottom:16px}.error-state{align-items:center;color:#ef4444;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.error-state svg{font-size:2rem;margin-bottom:16px}.tabs-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.tabs-container{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;height:80vh;max-width:900px;overflow:hidden;padding:20px;width:80%}.tabs{border-bottom:1px solid #ddd;display:flex;justify-content:space-around}.tab{cursor:pointer;font-size:1.1em;padding:12px 20px;transition:border-color .3s ease,color .3s ease}.tab.active,.tab:hover{color:#007bff}.tab.active{border-bottom:3px solid #007bff;font-weight:700}.tab-content{background-color:#f9f9f9;border-radius:10px;flex:1 1;overflow-y:auto;padding:10px}.details-content{display:flex;justify-content:space-between;padding:20px}.details-left{align-items:center;display:flex;justify-content:center;width:40%}.car-image{border-radius:10px;height:auto;width:100%}.details-right{display:flex;flex-direction:column;gap:10px;justify-content:space-around;padding-left:20px;width:55%}.bottom-buttons{display:flex;justify-content:space-between;margin-top:20px}.bottom-buttons button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1em;justify-content:center;padding:10px;transition:transform .3s ease-in-out,background-color .3s ease-in-out;width:30%}.state-button.green{background-color:#81c784}.state-button.yellow{background-color:#fff9c4;color:#000}.state-button.red{background-color:#e57373}.title-present{background-color:#81c784}.title-absent{background-color:#e57373}.emissions-ready{background-color:#81c784}.emissions-needed{background-color:#e57373}.bottom-buttons button:hover{filter:brightness(85%);transform:translateY(-3px)}.delete-button{background-color:#ff5050;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.delete-button:hover{background-color:#d32f2f;filter:brightness(85%);transform:translateY(-3px)}.editing-button{background-color:#4caf50;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.editing-button:hover{background-color:#1d461f;filter:brightness(85%);transform:translateY(-3px)}@media (max-width:768px){.modern-tabs-container{height:90vh;width:95%}.tabs-header{padding:16px 20px}.vehicle-info h2{font-size:1.4rem}.vehicle-meta{flex-direction:column;gap:8px}.modern-tabs-navigation{overflow-x:auto;padding:0 16px}.modern-tab{font-size:.9rem;min-width:fit-content;padding:12px 16px}.modern-tab-content{box-sizing:border-box;padding:12px;width:100%}.details-left,.details-right{width:100%}.details-content{align-items:center;flex-direction:column}.tabs-container{height:90vh;width:95%}.tab{font-size:.9em;padding:8px 12px}.tab-content{padding:5px}}@media (max-width:480px){.modern-tabs-container{border-radius:12px;height:95vh;width:98%}.tabs-header{padding:12px 16px}.vehicle-info h2{font-size:1.2rem}.modern-tabs-navigation{padding:0 12px}.modern-tab{font-size:.85rem;padding:10px 12px}.modern-tab-content{box-sizing:border-box;padding:8px;width:100%}}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border:none;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:95vh;max-width:900px;outline:none;overflow-y:auto;position:relative;width:100%}.edit-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.edit-modal-title{align-items:center;display:flex;gap:.75rem}.edit-modal-title .title-icon{color:#667eea;font-size:1.25rem}.edit-modal-title h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.edit-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .2s ease}.edit-modal-close:hover{background:#f3f4f6;color:#374151}.edit-modal-form{border:none;outline:none;padding:0}.edit-section{border:none;border-bottom:1px solid #f3f4f6;padding:1.5rem}.edit-section:last-child{border-bottom:none}.section-header{justify-content:center;margin-bottom:1rem}.section-header svg{color:#667eea;font-size:1rem}.section-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0;text-align:center}.photos-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1.5rem}.photo-item{border:2px solid #e5e7eb;transition:all .2s ease}.photo-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.photo-overlay{background:#000000b3;gap:.5rem;transition:opacity .2s ease}.photo-item:hover .photo-overlay{opacity:1}.photo-action-btn{align-items:center;background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.photo-action-btn.primary{color:#10b981}.photo-action-btn.danger{color:#ef4444}.photo-action-btn:hover{background:#fff;transform:scale(1.1)}.primary-badge{background:#10b981;left:.5rem;padding:.25rem .5rem;top:.5rem}.drag-handle,.primary-badge{border-radius:4px;position:absolute}.drag-handle{align-items:center;background:#000000b3;bottom:.5rem;color:#fff;cursor:grab;display:flex;font-size:.75rem;height:24px;justify-content:center;opacity:0;right:.5rem;transition:opacity .2s ease;width:24px}.photo-item:hover .drag-handle{opacity:1}.photo-item:active .drag-handle{cursor:grabbing}.upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease}.upload-area.drag-active,.upload-area:hover{background:#f0f4ff;border-color:#667eea}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.upload-icon{color:#9ca3af;font-size:2rem}.upload-content h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.upload-content p{color:#6b7280;font-size:.8125rem;margin:0}.upload-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.upload-btn:disabled{background:#9ca3af;cursor:not-allowed}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{gap:.375rem}.form-group label{align-items:center;display:flex;font-size:.8125rem;gap:.5rem}.form-group label svg{color:#6b7280;font-size:.75rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder{color:#9ca3af}.form-group textarea{min-height:100px;resize:vertical}.price-input .currency{color:#6b7280;font-weight:500;left:.75rem;position:absolute}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.status-indicator{border-radius:4px;color:#fff;display:inline-block;font-size:.6875rem;font-weight:500;margin-top:.375rem;padding:.25rem .5rem}.error-message{font-size:.75rem}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:.875rem;gap:.75rem;margin:0 2rem 1rem;padding:1rem}.edit-modal-actions{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:90px;padding:.625rem 1.25rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.edit-modal{margin:0;max-height:100vh;max-width:100%}.edit-modal,.edit-modal-actions,.edit-modal-header{border-radius:0}.edit-section{padding:1.5rem}.form-grid,.status-grid{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.edit-modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.edit-modal-overlay{padding:0}.edit-section{padding:1rem}.edit-modal-actions,.edit-modal-header{padding:1rem 1.5rem}.notification{left:5px;right:5px;top:5px}.notification-content{padding:10px 14px}.notification-message{font-size:.8rem}}.modern-inventory-form{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:800px;overflow:hidden;overflow-y:auto;width:100%}.form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.form-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.form-content{padding:2rem}.photo-upload-section{margin-bottom:2rem}.photo-upload-area{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.photo-upload-area:hover{background:#f0f4ff;border-color:#667eea}.upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;text-align:center}.upload-placeholder svg{color:#9ca3af;font-size:2rem;margin-bottom:.5rem}.upload-placeholder span{font-weight:500;margin-bottom:.25rem}.upload-placeholder small{color:#9ca3af;font-size:.875rem}.photo-preview{height:100%;position:relative;width:100%}.photo-preview img{border-radius:10px;height:100%;object-fit:cover;width:100%}.photo-overlay{align-items:center;background:#00000080;border-radius:10px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-preview:hover .photo-overlay{opacity:1}.photo-overlay svg{font-size:1.5rem;margin-bottom:.5rem}.photos-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));height:100%;padding:.5rem;width:100%}.photo-item{aspect-ratio:1;background:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-actions{display:flex;gap:.25rem;position:absolute;right:.25rem;top:.25rem}.remove-photo-btn-small{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.remove-photo-btn-small:hover{background:#dc2626;transform:scale(1.1)}.primary-badge{background:#10b981e6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.add-more-photos{align-items:center;aspect-ratio:1;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.add-more-photos:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.add-more-photos svg{font-size:1.5rem;margin-bottom:.25rem}.add-more-photos span{font-size:.875rem;font-weight:500}.photo-info{align-items:center;background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.75rem;padding:.5rem 1rem}.clear-all-photos-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .3s ease}.clear-all-photos-btn:hover{background:#dc2626}.remove-photo-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;transition:all .3s ease}.remove-photo-btn:hover{background:#dc2626;transform:translateY(-1px)}.form-section{margin-bottom:2rem}.form-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem;position:relative}.form-section h3:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.form-row{grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.form-row.two-columns{grid-template-columns:1fr 1fr}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937!important;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#9ca3af!important}.form-group input,.form-group select,.form-group textarea{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-with-icon{position:relative}.input-with-icon input{padding-right:3rem}.input-with-icon .loading-icon,.input-with-icon .success-icon{font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.input-with-icon .loading-icon{color:#667eea}.input-with-icon .success-icon{color:#10b981}.price-input{align-items:center;display:flex;position:relative}.currency-symbol{font-weight:500;left:1rem}.price-input input{padding-left:2rem}.error-message{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.error-message:before{content:"⚠";font-size:1rem}.form-actions{gap:1rem;margin-top:2rem;padding-top:1.5rem}.cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.submit-btn:disabled,.submit-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.modern-inventory-form{border-radius:12px;margin:.5rem;max-height:calc(100vh - 1rem)}.form-header{padding:1rem}.form-header h2{font-size:1.25rem}.form-content{padding:1rem}.form-row.three-columns,.form-row.two-columns{grid-template-columns:1fr}.photo-upload-area{height:120px}.photos-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.form-actions{flex-direction:column-reverse;gap:.75rem}.cancel-btn,.submit-btn{font-size:1rem;padding:1rem 1.5rem;text-align:center;width:100%}.form-group input,.form-group select{font-size:16px;padding:1rem}.photo-info{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.modern-inventory-form{border-radius:0;margin:0;max-height:100vh}.form-content,.form-header{padding:.75rem}.photo-upload-area{height:100px}.photos-grid{gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.upload-placeholder svg{font-size:1.25rem}.upload-placeholder span{font-size:.75rem}.upload-placeholder small{font-size:.625rem}.form-content,.form-header{padding:1rem}.photo-upload-area{height:120px}.upload-placeholder svg{font-size:1.5rem}.upload-placeholder span{font-size:.875rem}}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;color:#6b7280!important;cursor:not-allowed}.form-group.success input{border-color:#10b981}.form-group.success input:focus{box-shadow:0 0 0 3px #10b9811a}.form-group.error input,.form-group.error select{border-color:#ef4444}.form-group.error input:focus,.form-group.error select:focus{box-shadow:0 0 0 3px #ef44441a}@media (prefers-reduced-motion:reduce){.cancel-btn,.close-button,.form-group input,.form-group select,.modern-inventory-form,.photo-upload-area,.submit-btn{animation:none;transition:none}}@media (prefers-contrast:high){.modern-inventory-form{border:2px solid #000}.form-group input,.form-group select{border-width:2px}.submit-btn{border:2px solid #000}}.inventory-total-price{margin-bottom:.75rem;text-align:center}.total-price-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#6b7280;display:inline-block;padding:.5rem .75rem;transition:all .3s ease}.total-price-card:hover{background:#ffffff1a;border-color:#fff3}.total-price-amount{color:#1f2937;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.125rem}.total-price-stats{display:flex;justify-content:center}.stat-value{color:#6b7280;font-size:.7rem;font-weight:500;opacity:.8}@media (max-width:768px){.total-price-card{padding:.5rem .75rem}.total-price-amount{font-size:1.25rem}.stat-value{font-size:.7rem}}@media (max-width:480px){.total-price-card{padding:.5rem}.total-price-amount{font-size:1.125rem}.stat-value{font-size:.65rem}}.total-price-amount{transition:all .3s ease}.total-price-amount.updating{color:#059669;transform:scale(1.02)}.expense-edit-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.expense-edit-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;padding:32px 32px 24px}.header-content{flex:1 1}.modal-title{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.title-icon{color:#3b82f6;font-size:20px}.modal-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.close-button{align-items:center;background:none;border-radius:8px;color:#64748b;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-button:hover{background:#f1f5f9;color:#1e293b;transform:scale(1.1)}.edit-form{padding:32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-group.amount-group,.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;font-size:14px;gap:8px;margin-bottom:8px}.form-label svg{color:#6b7280;font-size:12px}.form-datepicker,.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-datepicker:focus,.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-datepicker.error,.form-input.error,.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#6b7280;font-size:14px;font-weight:600;left:16px;position:absolute;z-index:1}.amount-input{font-size:16px;font-weight:600;padding-left:32px}.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1e293b;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;transition:all .2s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.file-upload-wrapper{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.file-upload-label{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease}.file-upload-label:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.file-upload-label svg{font-size:16px}.error-message{font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.cancel-button,.save-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.cancel-button:hover:not(:disabled){background:#e5e7eb;color:#1f2937;transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-button svg{font-size:12px}@media (max-width:768px){.expense-edit-modal{max-height:95vh;width:95%}.modal-header{padding:24px 24px 20px}.edit-form{padding:24px}.form-grid{gap:20px;grid-template-columns:1fr}.form-group.amount-group{grid-column:1}.modal-title{font-size:20px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.expense-edit-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.modal-header{border-radius:0;padding:20px 20px 16px}.edit-form{padding:20px}.form-grid{gap:16px}.modal-title{font-size:18px}.modal-subtitle{font-size:13px}}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.react-datepicker__input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.react-datepicker__input-container input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.save-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none}.cancel-button:focus,.form-datepicker:focus,.form-input:focus,.form-select:focus,.save-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.expense-edit-modal{border:2px solid #000}.form-datepicker,.form-input,.form-select,.form-textarea{border-width:2px}}@media (prefers-reduced-motion:reduce){.cancel-button,.expense-edit-modal,.expense-edit-modal-overlay,.form-datepicker,.form-input,.form-select,.form-textarea,.save-button{animation:none;transition:none}}.expense-sheet-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.expense-sheet{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -20px 40px #00000026;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.expense-sheet-open{transform:translateY(0)}.expense-sheet-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 24px 16px;position:relative}.expense-sheet-handle{background:#e2e8f0;border-radius:2px;height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:32px}.expense-sheet-title{color:#1e293b;flex:1 1;font-size:20px;font-weight:600;margin:0;text-align:center}.expense-sheet-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.expense-sheet-close:hover{background:#f1f5f9;color:#475569}.expense-sheet-content{display:flex;flex:1 1;flex-direction:column;overflow-y:hidden;padding:0 24px 24px}.expense-error-message,.expense-success-message{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:1001}.expense-success-message{background:#10b981;color:#fff}.expense-error-message{background:#ef4444;color:#fff}.expense-form-stripe{display:flex;flex-direction:column;gap:24px;overflow-x:hidden;padding-top:16px}.expense-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;padding:12px 16px}.expense-form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.expense-form-input-wrapper{align-items:center;display:flex;position:relative}.expense-form-currency{display:none}.expense-form-amount{padding-left:16px}.expense-form-datepicker:focus,.expense-form-input:focus,.expense-form-select:focus,.expense-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.expense-form-input::placeholder,.expense-form-textarea::placeholder{color:#9ca3af}.expense-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.expense-form-row-wide{grid-template-columns:1fr 1fr}.expense-form-half{width:100%}.expense-form-field{display:flex;flex-direction:column;gap:8px;width:100%}.expense-form-datepicker,.expense-form-input,.expense-form-select,.expense-form-textarea{box-sizing:border-box}.expense-form-datepicker,.expense-form-input,.expense-form-select,.expense-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.expense-form-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.expense-form-file-wrapper{position:relative}.expense-form-file{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.expense-form-file-label{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.expense-form-file-label:hover{border-color:#3b82f6;color:#3b82f6}.expense-form-submit{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:4px;margin-top:8px;padding:16px 24px;transition:all .2s ease}.expense-form-submit:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.expense-form-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.expense-form-loading{align-items:center;display:flex;gap:8px;justify-content:center}.expense-form-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.expense-sheet-overlay{align-items:flex-start;background:#0009;z-index:999999}.expense-sheet,.expense-sheet-overlay{bottom:0;left:0;padding:0;position:fixed;right:0;top:0}.expense-sheet{border-radius:0;box-shadow:none;height:100vh;margin:0;max-height:100vh;max-width:100%;transform:translateY(100%);width:100%;z-index:1000000}.expense-sheet-open{transform:translateY(0)}.expense-sheet-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:24px 20px 16px;position:sticky;top:0;z-index:10}.expense-sheet-content{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:0 20px 20px}.expense-sheet-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;text-align:center}.expense-sheet-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;margin-right:0;min-height:44px;min-width:44px;padding:10px;transition:all .2s ease}.expense-sheet-close:hover{background:#f3f4f6;color:#374151}.expense-form-section{display:flex;flex-direction:column;gap:12px}.expense-form-section-header{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.expense-form-datepicker,.expense-form-input,.expense-form-select,.expense-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;min-height:48px;padding:16px 16px 16px 44px;position:relative;transition:all .2s ease}.expense-form-datepicker:focus,.expense-form-input:focus,.expense-form-select:focus,.expense-form-textarea:focus{border-color:#f60;box-shadow:0 0 0 3px #ff66001a;outline:none}.expense-form-field{position:relative}.expense-form-field svg{height:16px;left:16px;top:50%;transform:translateY(-50%);width:16px}.expense-form-field svg,.expense-form-label{color:#9ca3af;pointer-events:none;position:absolute}.expense-form-label{background:#fff;font-size:16px;left:44px;padding:0 4px;top:16px;transition:all .2s ease}.expense-form-input:focus+.expense-form-label,.expense-form-input:not(:placeholder-shown)+.expense-form-label,.expense-form-select:focus+.expense-form-label,.expense-form-select:not([value=""])+.expense-form-label{color:#f60;font-size:12px;top:8px}.expense-form-submit{background:#f60;border:none;border-radius:12px;bottom:20px;box-shadow:0 4px 12px #ff66004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;min-height:48px;padding:16px 24px;position:sticky;transition:all .2s ease;width:100%}.expense-form-submit:hover{background:#e55a00;box-shadow:0 6px 16px #f606;transform:translateY(-1px)}.expense-form-submit:active{box-shadow:0 2px 8px #ff66004d;transform:translateY(0)}.expense-form-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.expense-form-loading{align-items:center;display:flex;gap:8px;justify-content:center}.expense-form-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.expense-sheet-handle{display:none}}@media (max-width:480px){.expense-sheet-header{padding:20px 16px 12px}.expense-sheet-content{gap:20px;padding:0 16px 16px}.expense-sheet-title{font-size:16px}.expense-form-section{gap:10px}.expense-form-section-header{font-size:13px}.expense-form-datepicker,.expense-form-input,.expense-form-select,.expense-form-textarea{font-size:16px;min-height:44px;padding:14px 16px 14px 40px}.expense-form-field svg{height:14px;left:12px;width:14px}.expense-form-label{font-size:16px;left:40px}.expense-form-input:focus+.expense-form-label,.expense-form-input:not(:placeholder-shown)+.expense-form-label,.expense-form-select:focus+.expense-form-label,.expense-form-select:not([value=""])+.expense-form-label{font-size:11px;left:40px}.expense-form-submit{font-size:15px;min-height:44px;padding:14px 20px}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.expense-sheet{animation:slideInUp .3s ease-out}.expense-form-section{animation:fadeInUp .4s ease-out}.expense-form-section:first-child{animation-delay:.1s}.expense-form-section:nth-child(2){animation-delay:.2s}.expense-form-section:nth-child(3){animation-delay:.3s}.expense-form-datepicker,.expense-form-input,.expense-form-label,.expense-form-select,.expense-form-submit,.expense-form-textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}.expense-form-submit:hover{transition:all .15s cubic-bezier(.4,0,.2,1)}.expense-form-submit:active{transition:all .1s cubic-bezier(.4,0,.2,1)}.expenses-page{background:linear-gradient(135deg,#e9eafc,#f5f7fa);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.expenses-page:before{background:#ffffffb3;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.expenses-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:32px;justify-content:flex-start;margin:0 auto;max-width:100%;min-height:80vh;overflow-x:hidden;padding:32px 24px;position:relative;width:100%;z-index:2}@media (max-width:768px){.expenses-container{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:flex-start;max-width:100%;padding:24px 8px;width:100%}.expenses-analytics-row,.expenses-card-list,.expenses-filter-bar,.expenses-nav{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.expenses-filter-bar,.expenses-nav{margin-bottom:0;margin-top:0;text-align:center}.expenses-analytics-row,.expenses-card-list{align-items:center;margin-bottom:0;margin-top:0}.nav-left{flex-direction:column;text-align:center}.nav-left,.nav-right{align-items:center;gap:12px}.nav-right{justify-content:center}.expenses-trend,.page-title{text-align:center}.filter-search-group{display:flex;justify-content:center;min-width:auto;width:100%}.filter-controls-group{align-items:center;flex-direction:column;gap:16px;width:100%}.date-presets{flex-wrap:wrap;gap:8px}.date-inputs,.date-presets{display:flex;justify-content:center;width:100%}.date-inputs{gap:12px}}@media (max-width:480px){.expenses-container{gap:20px;padding:20px 6px}}.expenses-nav{animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;flex-wrap:wrap;gap:25px;justify-content:space-between;margin-bottom:35px;overflow:hidden;padding:25px 35px}.expenses-nav,.nav-left{align-items:center;display:flex;min-width:0}.nav-left{flex:1 1;gap:35px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0;position:relative}.page-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:60px}.nav-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px;min-width:0}.search-sort-controls{align-items:center;display:flex;gap:18px}.search-input{padding:15px 25px}.search-input:focus{box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px)}.sort-select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:2px solid #667eea33;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-select:focus{box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px)}.sort-order-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:2px solid #667eea33;border-radius:12px;color:#667eea;cursor:pointer;font-size:18px;font-weight:600;padding:15px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-order-btn:hover{background:#667eea1a;border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.add-expense-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.025em;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-expense-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-expense-btn:hover:before{left:100%}.add-expense-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.export-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:2px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#667eea;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-btn:hover{background:#667eea1a;border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.expenses-form-section{background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000000f;margin-bottom:32px;max-width:480px;min-width:400px;padding:32px 28px}.expenses-main-section{display:flex;flex-direction:column;gap:32px;min-width:0;width:100%}.expense-data-section,.expense-list-section{background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000000f;margin-bottom:0;padding:32px 28px}.floating-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:35px;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;font-size:28px;font-weight:700;height:65px;overflow:hidden;position:fixed;position:relative;right:35px;transition:all .3s cubic-bezier(.4,0,.2,1);width:65px;z-index:1000}.floating-add-btn:before{background:linear-gradient(135deg,#764ba2,#667eea);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.floating-add-btn:hover:before{opacity:1}.floating-add-btn:hover{box-shadow:0 15px 40px #667eea80;transform:scale(1.15)}.floating-add-btn span{position:relative;z-index:1}.loading-spinner{color:#6b7280;padding:50px;text-align:center}.empty-state,.loading-spinner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:15px;font-size:16px;font-weight:500}.empty-state{color:#9ca3af;padding:40px}.expense-list-container{background:#fffffff2;border-radius:12px;box-shadow:0 4px 24px #0000000f;min-width:0;overflow-x:auto;padding:20px;width:100%}.expense-list-section{background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000000f;margin-bottom:0;padding:32px 28px}.expenses-table{background:#0000;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 24px #0000000f;margin-top:10px;min-width:600px;overflow:hidden;width:100%}.expenses-table td,.expenses-table th{border-bottom:1px solid #667eea1a;padding:18px 15px;position:relative;text-align:left}.expenses-table th{background:#667eea1a;color:#374151;font-size:13px;font-weight:700;letter-spacing:1px;position:sticky;text-transform:uppercase;top:0;z-index:10}.expenses-table th:not(:last-child):after{background:#667eea26;bottom:20%;content:"";position:absolute;right:0;top:20%;width:1px}.expenses-table td:not(:last-child):after{background:#667eea14;bottom:15%;content:"";position:absolute;right:0;top:15%;width:1px}.expenses-table td{color:#2c3e50;font-size:15px;font-weight:500}.expenses-table tbody tr.even-row{background:#fffc}.expenses-table tbody tr.odd-row{background:#f8fafccc}.expenses-table tbody tr.even-row:hover,.expenses-table tbody tr.odd-row:hover{background:#667eea0d;transform:translateX(5px)}.expense-row{cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.expense-row:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.expense-row:hover:before{opacity:1}.car-cell{min-width:200px;text-align:left}.car-info{display:flex;flex-direction:column;gap:4px}.car-details{color:#2c3e50;font-size:14px;font-weight:600}.car-vin{background:#667eea1a;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;font-weight:500;padding:2px 6px}.expense-card .car-vin{color:#6b7280;font-size:11px;font-weight:500;margin-left:4px}.expenses-summary-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #00000014;color:#4b5563;font-size:15px;font-weight:500;line-height:1.6;margin-top:32px;padding:24px 28px}.expenses-summary-section:before{content:"📊 ";font-size:18px;margin-right:8px}.expenses-analytics-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #00000014;flex:1 1;min-width:0;padding:24px}@media (max-width:900px){.expenses-analytics-row{box-sizing:border-box;flex-direction:column;gap:16px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:100%;width:100%}.expenses-analytics-card{box-sizing:border-box;margin-bottom:0;padding:20px;width:100%}.expenses-analytics-card:not(:last-child){margin-bottom:0}}@media (max-width:768px){.expenses-analytics-row{gap:16px;margin-bottom:16px}.expenses-analytics-card{padding:18px}}@media (max-width:480px){.expenses-analytics-row{gap:16px;margin-bottom:16px}.expenses-analytics-card{padding:16px}}.analytics-title{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.analytics-title svg{color:#667eea}.analytics-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.analytics-list li{align-items:center;border-bottom:1px solid #667eea1a;display:flex;font-size:14px;justify-content:space-between;line-height:1.4;padding:8px 0}.analytics-list li:last-child{border-bottom:none}.type-name,.vendor-name{color:#2c3e50;font-size:14px;font-weight:600}.type-amount,.vendor-amount{color:#667eea;font-size:14px;font-weight:700}.analytics-empty{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.analytics-trend-chart{height:200px;margin:20px 0}.analytics-stats{align-items:center;border-top:1px solid #667eea1a;display:flex;gap:16px;justify-content:space-between;margin-top:20px;padding-top:20px}.analytics-stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.analytics-stat-label{color:#6b7280;font-size:12px;font-weight:500}.analytics-stat-value{color:#2c3e50;font-size:16px;font-weight:600}@media (max-width:768px){.analytics-trend-chart{height:180px;margin:16px 0}.analytics-stats{gap:12px;margin-top:16px;padding-top:16px}.analytics-stat-value{font-size:14px}.analytics-stat-label{font-size:11px}}@media (max-width:480px){.analytics-trend-chart{height:160px;margin:12px 0}.analytics-stats{gap:8px;margin-top:12px;padding-top:12px}.analytics-stat-value{font-size:13px}.analytics-stat-label{font-size:10px}}.expenses-card-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.expense-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #00000014;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.expense-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-2px)}.expense-card-header{align-items:center;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.expense-card-amount{color:#667eea;font-size:20px;font-weight:800}.expense-card-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.expense-card-label{color:#6b7280;font-weight:600;min-width:80px}.expense-card-value{color:#2c3e50;flex:1 1;font-weight:500;text-align:right}.expense-card-actions{border-top:1px solid #667eea1a;display:flex;gap:8px;margin-top:16px;padding-top:12px}.card-action-btn{background:#667eea1a;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.card-action-btn:hover{background:#667eea33;transform:translateY(-1px)}.card-action-btn.danger{background:#ef44441a;color:#ef4444}.card-action-btn.danger:hover{background:#ef444433}.expenses-card-empty{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #00000014;color:#9ca3af;padding:40px;text-align:center}.expenses-card-empty svg{font-size:48px;margin-bottom:16px;opacity:.5}.bulk-actions-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 8px 25px #00000014;flex-wrap:wrap;gap:16px;margin:24px 0;padding:16px 24px}.bulk-selection-count{color:#2c3e50;font-size:14px;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:12px}.bulk-action-btn{background:#667eea1a;border-radius:8px;color:#667eea;font-size:14px;font-weight:600}.bulk-action-btn:hover{background:#667eea33}.bulk-action-btn.danger{background:#ef44441a;color:#ef4444}.bulk-action-btn.danger:hover{background:#ef444433}.expenses-analytics-row,.expenses-filter-bar{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.expenses-filter-bar{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;flex-wrap:wrap;gap:25px;justify-content:space-between;margin-bottom:35px;overflow:hidden;padding:25px 35px}.expenses-filter-bar,.filter-search-group{align-items:center;display:flex;min-width:0}.filter-search-group{flex:1 1;gap:12px;position:relative}.filter-search-group .search-icon{color:#9ca3af;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:2px solid #667eea33;font-size:15px;min-width:220px;min-width:0;padding:15px 25px 15px 45px;position:relative;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#9ca3af;font-weight:500}.filter-controls-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;min-width:0}.sort-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;font-size:15px;font-weight:500;min-height:44px;min-width:140px;padding:14px 40px 14px 18px;text-align:center;transition:all .2s ease}.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-presets{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.date-preset-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;justify-content:center;min-height:44px;min-width:0;padding:10px 16px;text-align:center;transition:all .2s ease;white-space:nowrap}.date-preset-btn:hover{background:#ff66000d;border-color:#f60;box-shadow:0 2px 8px #ff660026;color:#f60;transform:translateY(-1px)}.date-preset-btn.active{background:#f60;border-color:#f60;box-shadow:0 2px 8px #ff66004d;color:#fff}.date-inputs{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.date-separator{color:#6b7280;flex-shrink:0;font-size:14px;font-weight:500;padding:0 8px}.date-inputs .sort-select{flex:1 1;min-height:44px;min-width:130px;padding:12px 16px;text-align:center}@media (max-width:768px){.expenses-filter-bar,.expenses-nav{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:16px;margin:0 auto;max-width:100%;padding:20px 24px;width:100%}.filter-search-group{min-width:auto;width:100%}.filter-search-group .search-icon{font-size:14px;left:14px}.search-input{box-sizing:border-box;font-size:14px;padding:12px 20px 12px 40px;width:100%}.filter-controls-group{align-items:stretch;flex-direction:column;gap:16px;width:100%}.sort-select{flex:1 1;font-size:14px;min-width:auto;padding:14px 16px;text-align:center;width:100%}.date-presets{flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.date-preset-btn{flex:1 1;font-size:13px;max-width:calc(50% - 4px);min-width:80px;padding:12px 16px;text-align:center}.date-inputs{gap:12px;justify-content:center;width:100%}.date-inputs .sort-select{flex:1 1;font-size:13px;min-width:0;padding:12px 16px}.date-separator{color:#6b7280;font-size:13px;font-weight:500;padding:0 8px}.nav-left{align-items:flex-start;flex-direction:column;gap:12px}.nav-right{gap:12px;justify-content:center}.add-expense-btn,.export-btn{flex:1 1;font-size:14px;padding:12px 18px}.page-title{font-size:24px}.expenses-trend{font-size:14px;line-height:1.4}}@media (max-width:480px){.expenses-nav{gap:12px;padding:16px 20px}.nav-left{gap:8px}.nav-right{flex-direction:column;gap:8px}.add-expense-btn,.export-btn{font-size:13px;padding:10px 16px}.page-title{font-size:20px}.expenses-trend{font-size:12px}.expenses-filter-bar{padding:16px 20px}.filter-controls-group{gap:12px}.date-presets{gap:6px}.date-preset-btn{font-size:12px;max-width:calc(50% - 3px);min-width:70px;padding:10px 12px}.search-input{font-size:14px;padding:10px 16px 10px 36px}.filter-search-group .search-icon{font-size:13px;left:12px}.sort-select{font-size:13px;padding:10px 14px}.date-inputs .sort-select{font-size:12px;padding:10px 12px}.date-separator{font-size:12px}}@media (min-width:900px){.expenses-analytics-row{display:flex;gap:28px;margin-bottom:32px;margin-top:0;padding-left:0;padding-right:0}}@media (max-width:900px){.expenses-analytics-row{flex-direction:column;gap:18px;margin-bottom:18px;max-width:100%}}.expense-form-car-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;min-height:48px;padding:16px 16px 16px 44px;position:relative;text-align:left;transition:all .2s ease;width:100%}.expense-form-car-selector:hover{background:#fff7f0;border-color:#f60}.expense-form-car-selector-content{align-items:center;display:flex;gap:12px;width:100%}.expense-form-car-selector-content svg{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.expense-form-car-selector-text{color:#6b7280;flex:1 1;font-size:16px}.car-selector-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000000}.car-selector-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.car-selector-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.car-selector-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.car-selector-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.car-selector-close:hover{background:#f3f4f6;color:#374151}.car-selector-content{flex:1 1;overflow-y:auto;padding:16px}.car-selector-option{margin-bottom:8px}.car-selector-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;text-align:left;transition:all .2s ease;width:100%}.car-selector-button.selected,.car-selector-button:hover{background:#fff7f0;border-color:#f60}.car-selector-button-content{align-items:center;display:flex;gap:12px}.car-selector-button-content svg{color:#f60;flex-shrink:0;height:20px;width:20px}.car-selector-button-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.car-selector-button-title{color:#111827;font-size:14px;font-weight:500}.car-selector-button-subtitle{color:#6b7280;font-size:12px}@media (max-width:768px){.car-selector-overlay{padding:16px}.car-selector-modal{max-height:90vh}.car-selector-header{padding:16px 20px}.car-selector-content{padding:12px}.car-selector-button{padding:14px}}@media (max-width:480px){.car-selector-overlay{padding:12px}.car-selector-modal{max-height:95vh}.car-selector-header{padding:14px 16px}.car-selector-content{padding:8px}.car-selector-button{padding:12px}}.expenses-trend{word-wrap:break-word;align-items:center;color:#6b7280;display:flex;font-size:15px;font-weight:500;gap:8px;line-height:1.4;overflow-wrap:break-word}.trend-icon{flex-shrink:0;font-size:14px}.trend-icon.up{color:#10b981}.trend-icon.down{color:#ef4444}.trend-text{word-wrap:break-word;flex:1 1;min-width:0;overflow-wrap:break-word}@media (max-width:768px){.analytics-list{gap:10px}.analytics-list li{font-size:13px;padding:10px 0}.analytics-title{font-size:16px;margin-bottom:16px}.analytics-summary{border-top:1px solid #667eea1a;margin-top:16px;padding-top:16px}}@media (max-width:480px){.analytics-list{gap:8px}.analytics-list li{font-size:12px;padding:8px 0}.analytics-title{font-size:15px;margin-bottom:14px}.analytics-summary{margin-top:14px;padding-top:14px}}.contact-manager{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.contact-manager-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:2rem}.contact-manager-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.contact-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{color:orange;font-size:1.8rem;font-weight:700}.stat-label{color:#6c757d;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.contacts-list{padding:2rem}.no-contacts{color:#6c757d;padding:4rem 2rem;text-align:center}.no-contacts svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-contacts p{font-size:1.2rem;font-weight:500;margin:0 0 .5rem}.no-contacts small{font-size:.9rem;opacity:.7}.contact-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.contact-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contact-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.contact-info{flex:1 1}.contact-name{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.contact-name svg{color:orange;font-size:1rem}.contact-name h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-details p{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem;margin:0}.contact-details svg{color:#6c757d;width:14px}.contact-actions,.status-badge{align-items:center}.status-badge{color:#fff;display:flex;gap:.25rem;padding:.5rem 1rem}.status-badge svg{font-size:.7rem}.view-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.view-btn:hover{background:orange;border-color:orange;color:#fff}.contact-message{background:#f8f9fa;border-left:4px solid orange;border-radius:8px;margin-top:1rem;padding:1rem}.contact-message p{word-wrap:break-word;color:#333;line-height:1.5;margin:0}.read-more-btn{align-items:center;background:#ffa5001a;border:1px solid orange;border-radius:6px;color:orange;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem;min-height:36px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.read-more-btn:hover{background:orange;box-shadow:0 2px 8px #ffa5004d;color:#fff;transform:translateY(-1px)}.read-more-btn:focus{border-radius:6px;outline:2px solid orange;outline-offset:2px}.read-more-btn:active{box-shadow:0 1px 4px #ffa5004d;transform:translateY(0)}.read-more-btn svg{font-size:.75rem;transition:transform .2s ease}.read-more-btn:hover svg{transform:translateY(1px)}.contact-footer{display:flex;justify-content:flex-end}.status-actions{display:flex;gap:.5rem}.status-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.status-btn.contacted{background:#f59e0b;color:#fff}.status-btn.contacted:hover{background:#d97706}.status-btn.converted{background:#10b981;color:#fff}.status-btn.converted:hover{background:#059669}.status-btn.closed{background:#6b7280;color:#fff}.status-btn.closed:hover{background:#4b5563}.contact-manager-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{border:3px solid #e9ecef;border-top-color:orange}@media (max-width:768px){.contact-stats{gap:1rem}.stat-number{font-size:1.5rem}.contact-header{flex-direction:column;gap:1rem}.contact-actions{align-self:flex-end}.status-actions{flex-direction:column}}@media (max-width:480px){.contact-manager-header,.contacts-list{padding:1.5rem}.contact-card{padding:1rem}.contact-stats{justify-content:center}}.container{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.stats-form-container{display:flex;flex-direction:row;gap:10px;margin-bottom:20px;width:100%}.inventory-form,.stats{background-color:#f8f9fa;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:20px 0;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.stats-left,.stats-right{flex-basis:25%}.inventory-form{flex-basis:50%}.inventory-form h2,.stats h2{margin-bottom:20px}.inventory-form button,.inventory-form input,.inventory-form select{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:10px 0;text-align:center;transition:border-color .3s ease-in-out,background-color .3s ease-in-out,transform .3s ease-in-out;width:95%}.inventory-form input:focus,.inventory-form select:focus{border-color:#007bff;outline:none}.inventory-form button{background-color:#007bff;color:#fff;cursor:pointer}.inventory-form button:hover{background-color:#0056b3;transform:scale(1.05)}.search-bar{border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:10px;transition:border-color .3s ease-in-out;width:100%}.search-bar:focus{border-color:#007bff;outline:none}.sort-buttons{gap:10px;justify-content:center;margin-bottom:20px;width:100%}.sort-buttons button.active,.sort-buttons button:hover{background-color:#007bff;color:#fff;transform:scale(1.05)}.items-per-page{margin:10px 0;text-align:center}.items-per-page select{border:1px solid #ddd;border-radius:4px;padding:5px;transition:border-color .3s ease-in-out}.items-per-page select:focus{border-color:#007bff}.inventory-list{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));transition:all .5s ease-in-out;width:100%}.inventory-card{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;opacity:.8;padding:20px;position:relative;text-align:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.inventory-card:hover{opacity:1;transform:scale(1.05)}.inventory-card.expanded{background-color:#e9ecef;transform:scale(1.1)}.inventory-card img{border-radius:12px;height:200px;margin-bottom:15px;object-fit:cover;width:100%}.inventory-card .year,.inventory-card h3,.inventory-card p{color:#555;font-size:1.2em;margin-bottom:10px}.inventory-card h3{color:#333;font-weight:700}.footerButtons{display:flex;gap:20px;justify-content:center;margin-top:20px;width:100%}.footerButtons button{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.2em;font-weight:600;height:100px;justify-content:center;opacity:.8;padding:20px;text-align:center;transition:all .3s ease;transition:background-color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}.footerButtons button:hover{background-color:#0056b3;opacity:1;transform:scale(1.05)}@media (max-width:768px){.stats-form-container{flex-direction:column}.inventory-form,.stats-left,.stats-right{width:100%}.inventory-card{min-height:0}.footerButtons{flex-direction:column}.footerButtons button{width:100%}}.pagination-container{display:flex;justify-content:center;margin:20px 0}.pagination{display:flex;list-style:none;padding:0}.page-item{margin:0 5px}.page-link{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;padding:10px 15px;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out}.csv-button,.page-item.active .page-link,.page-link:hover{background-color:#007bff;color:#fff}.csv-button{border:none;border-radius:5px;cursor:pointer;font-size:.8em;margin:10px 0;padding:10px 20px;text-decoration:none}.csv-button:hover{background-color:#022952;color:#fff}.sort-buttons{justify-content:space-around;margin-bottom:15px}.sort-buttons button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease-in-out}.sort-buttons button.active{background-color:#007bff;color:#fff}.sort-buttons button:hover{transform:scale(1.05)}.sort-buttons button:after{content:attr(data-sort-order);margin-left:8px}@media (max-width:1024px){.stats-form-container{flex-direction:column}.inventory-form,.stats-left,.stats-right{flex-basis:100%;width:100%}}.dms-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.dms-navigation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #e9ecefcc;box-shadow:0 4px 20px #00000014;position:sticky;top:0;transition:all .3s ease;z-index:100}.nav-tabs{-ms-overflow-style:none;display:flex;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 1rem;scrollbar-width:none;-webkit-scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-tab:before{background:linear-gradient(90deg,#0000,#ffa5001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:#00000005;color:#333;transform:translateY(-1px)}.nav-tab.active{background:#ffa5000d;border-bottom-color:orange;box-shadow:0 2px 8px #ffa50033;color:orange}.nav-tab svg{font-size:1.1rem;transition:transform .3s ease}.nav-tab:hover svg{transform:scale(1.1)}.contacts-content,.dashboard-content,.expenses-content,.tasks-content{min-height:calc(100vh - 180px);padding:2rem 1rem}.contacts-content,.dashboard-content,.expenses-content,.inventory-content,.tasks-content{animation:slideUp .8s ease-out;display:flex;flex-direction:column;justify-content:flex-start;margin:0;width:100%}.inventory-content{box-sizing:border-box;padding:1rem .5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,orange,#ff8c00);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px) scale(1.02)}.stat-icon{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:16px;box-shadow:0 4px 12px #007bff4d;color:#fff;font-size:1.3rem;height:56px;transition:all .3s ease;width:56px}.stat-card:hover .stat-icon{transform:rotate(5deg) scale(1.1)}.stat-icon.available{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 4px 12px #28a7454d}.stat-icon.sold{background:linear-gradient(135deg,#6c757d,#545b62);box-shadow:0 4px 12px #6c757d4d}.stat-icon.contacts{background:linear-gradient(135deg,#ffc107,#e0a800);box-shadow:0 4px 12px #ffc1074d}.stat-icon.expenses{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc35454d}.stat-icon.urgent{background:linear-gradient(135deg,#fd7e14,#e55a00);box-shadow:0 4px 12px #fd7e144d}.stat-content h3{color:#333;font-size:2rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.stat-card:hover .stat-content h3{color:orange}.stat-content p{color:#6c757d;font-size:.9rem;font-weight:500;margin:0;transition:color .3s ease}.stat-card:hover .stat-content p{color:#333}.quick-actions{animation:slideUp .8s ease-out .2s both;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#ffffffe6;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.quick-actions h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;position:relative}.quick-actions h2:after{background:linear-gradient(90deg,orange,#ff8c00);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.action-buttons{gap:1rem}.action-btn{background:#f8f9facc;border:1px solid #e9ecefcc;border-radius:12px;color:#333;font-size:.9rem;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:#ffa5001a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.action-btn:hover:before{height:300px;width:300px}.action-btn:hover{background:#e9ecefe6;border-color:orange;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,orange,#ff8c00);border-color:orange;box-shadow:0 4px 12px #ffa5004d;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#ff8c00,#e55a00);box-shadow:0 8px 24px #ffa50066;transform:translateY(-2px)}.action-btn svg{transition:transform .3s ease}.action-btn:hover svg{transform:scale(1.1)}.recent-activity{animation:slideUp .8s ease-out .4s both;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.recent-activity h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;position:relative}.recent-activity h2:after{background:linear-gradient(90deg,orange,#ff8c00);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#f8f9facc;border:1px solid #e9ecef80;border-radius:12px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-item:before{background:linear-gradient(180deg,orange,#ff8c00);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.activity-item:hover:before{transform:scaleY(1)}.activity-item:hover{background:#ffffffe6;box-shadow:0 8px 24px #0000001a;transform:translateX(8px)}.activity-icon{background:linear-gradient(135deg,orange,#ff8c00);border-radius:12px;box-shadow:0 4px 12px #ffa5004d;color:#fff;font-size:1.1rem;height:48px;transition:all .3s ease;width:48px}.activity-item:hover .activity-icon{transform:rotate(10deg) scale(1.1)}.activity-content{flex:1 1}.activity-content h4{color:#333;font-size:1rem;margin:0 0 .25rem;transition:color .3s ease}.activity-item:hover .activity-content h4{color:orange}.activity-content p{color:#6c757d;font-size:.85rem;transition:color .3s ease}.activity-item:hover .activity-content p{color:#333}.activity-status{align-items:center;display:flex}.status-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:.375rem 1rem;transition:all .3s ease}.status-badge.red{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.status-badge.yellow{background:linear-gradient(135deg,#ffc107,#e0a800);color:#000}.status-badge.needs_photos{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.status-badge.green{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.inventory-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;width:100%}.inventory-controls,.search-input{background:#fffc;box-sizing:border-box}.search-input{-webkit-backdrop-filter:blur();backdrop-filter:blur();border:1px solid #e9ecefcc;border-radius:12px;flex:1 1;font-size:.9rem;max-width:100%;min-width:200px;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{background:#fff;border-color:orange;box-shadow:0 0 0 4px #ffa5001a;outline:none;transform:translateY(-1px)}.filter-select{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fffc;border:1px solid #e9ecefcc;border-radius:12px;box-sizing:border-box;font-size:.9rem;max-width:100%;min-width:120px;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select:focus{border-color:orange;box-shadow:0 0 0 4px #ffa5001a;outline:none;transform:translateY(-1px)}.toggle-btn{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f8f9facc;border:1px solid #e9ecefcc;border-radius:12px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;max-width:100%;min-width:140px;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toggle-btn:hover{background:#e9ecefe6;border-color:orange;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.toggle-btn svg{transition:transform .3s ease}.toggle-btn:hover svg{transform:scale(1.1)}.add-vehicle-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem}.add-vehicle-btn:hover{box-shadow:0 6px 20px #667eea66}.add-vehicle-btn:active{transform:translateY(0)}.add-vehicle-btn svg{font-size:1rem}.contacts-content{margin:0 auto;max-width:1200px}.contacts-content,.expenses-content{animation:slideUp .8s ease-out;padding:2rem 1rem}.expenses-content{display:flex;flex-direction:column;justify-content:flex-start;margin:0;min-height:calc(100vh - 180px);width:100%}.tasks-content{animation:slideUp .8s ease-out;margin:0 auto;max-width:1200px;padding:2rem 1rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);background:#0000;border-radius:16px;max-height:90vh;max-width:800px;overflow:visible;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f8f9fa80;border-bottom:1px solid #e9ecefcc;display:flex;justify-content:space-between;padding:1.75rem 2rem}.modal-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0}.modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.modal-header button:hover{background:#f8f9facc;color:#333;transform:rotate(90deg)}.action-btn:focus,.filter-select:focus,.modal-header button:focus,.nav-tab:focus,.search-input:focus,.toggle-btn:focus{outline:2px solid orange;outline-offset:2px}.loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:2rem}.loading:after{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:orange;content:"";height:20px;margin-left:.5rem;width:20px}@media (max-width:768px){.nav-tabs{padding:0 .5rem}.nav-tab{font-size:.85rem;padding:.75rem 1rem}.contacts-content,.dashboard-content,.expenses-content,.inventory-content,.tasks-content{padding:1rem .5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.action-buttons,.inventory-controls{flex-direction:column}.inventory-controls{align-items:stretch;gap:.75rem;padding:.75rem}.add-vehicle-btn{justify-content:center;padding:.75rem 1rem;width:100%}.search-input{min-width:0;min-width:auto}.filter-select,.search-input,.toggle-btn{padding:.75rem 1rem;width:100%}.toggle-btn{justify-content:center}.activity-item{align-items:flex-start;flex-direction:column;gap:.75rem}.activity-status{align-self:flex-end}}@media (max-width:480px){.stat-card{padding:1rem}.stat-icon{font-size:1.1rem;height:48px;width:48px}.stat-content h3{font-size:1.6rem}.quick-actions,.recent-activity{padding:1.5rem}.modal-content{margin:1rem;width:95%}.modal-header{padding:1.25rem 1.5rem}.modal-header h3{font-size:1.2rem}}@media (prefers-contrast:high){.inventory-header,.quick-actions,.recent-activity,.stat-card{border:2px solid #333}.nav-tab.active{border-bottom-width:4px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stats-breakdown-card{align-items:center;animation:fadeIn .7s cubic-bezier(.4,0,.2,1);background:#fffffffa;border:1px solid #ffffff40;border-radius:18px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin:2rem auto;max-width:600px;padding:2rem 1.5rem}.stats-breakdown-card h2{color:#222;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}.stats-breakdown-card h3,.stats-breakdown-card h4{color:#333;font-weight:600;letter-spacing:.2px;margin:.25rem 0}.stats-breakdown-card hr{border:none;border-top:1.5px solid #f0f0f0;margin:.75rem 0;width:80%}@media (max-width:768px){.stats-breakdown-card{max-width:100%;padding:1.25rem .5rem}.stats-breakdown-card h2{font-size:1.1rem}.stats-breakdown-card h3,.stats-breakdown-card h4{font-size:1rem}}.dashboard-section-header{color:#222;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:2.5rem 0 1.2rem;padding-left:.5rem;text-align:left}.dashboard-stats-row{flex-wrap:wrap;gap:2rem}.dashboard-breakdown-row,.dashboard-stats-row{display:flex;justify-content:center;margin-bottom:2.5rem}.stats-breakdown-card.wide{align-items:center;background:#fffffffa;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:700px;min-width:320px;padding:2.5rem 2rem;width:100%}.dashboard-actions-row{display:flex;justify-content:center;margin-bottom:2.5rem}.quick-actions{background:#fffffff7;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 4px 16px #00000012;margin:0 auto;max-width:900px;padding:1.5rem 1rem;width:100%}.action-buttons{flex-wrap:wrap;gap:1.2rem;justify-content:center}@media (max-width:1100px){.dashboard-stats-row{gap:1rem}.stats-breakdown-card.wide{padding:1.5rem .5rem}}@media (max-width:900px){.dashboard-stats-row{flex-wrap:wrap;gap:1rem}.stats-breakdown-card.wide{max-width:100%;min-width:0;min-width:auto}.quick-actions{max-width:100%;padding:1rem .5rem}}@media (max-width:600px){.dashboard-section-header{font-size:1.05rem;padding-left:.2rem}.dashboard-stats-row{align-items:center;flex-direction:column;gap:.7rem}.dashboard-breakdown-row{margin-bottom:1.2rem}.stats-breakdown-card.wide{border-radius:12px;padding:1rem .2rem}.dashboard-actions-row{margin-bottom:1.2rem}.quick-actions{border-radius:10px;padding:.7rem .2rem}.action-buttons{flex-direction:column;gap:.7rem}}#root,body,html{overflow-x:hidden!important}.upgraded-stats-row{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:36px}.upgraded-stat-card{align-items:center;background:#18181b;border-radius:18px;box-shadow:0 4px 32px #0000002e;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:140px;min-width:180px;padding:32px 28px 24px;position:relative;transition:box-shadow .3s,transform .3s}.upgraded-stat-card:hover{box-shadow:0 8px 40px #ffd7002e,0 2px 8px #0000002e;transform:translateY(-4px) scale(1.04)}.stat-icon{align-items:center;background:#23231a;border-radius:50%;box-shadow:0 2px 8px #0000001f;display:flex;font-size:2.2rem;justify-content:center;margin-bottom:12px;padding:16px}.stat-icon.stat-blue{background:#1e293b;color:#60a5fa}.stat-icon.stat-green{background:#1a3b2a;color:#4ade80}.stat-icon.stat-gray{background:#23272a;color:#a3a3a3}.stat-icon.stat-yellow{background:#3b2f1a;color:#fde047}.stat-icon.stat-red{background:#3b1a1a;color:#f87171}.stat-icon.stat-orange{background:#3b261a;color:#fbbf24}.upgraded-stat-card h3{color:#fffbe6;font-size:2.1rem;font-weight:700;letter-spacing:.5px;margin:0 0 6px;transition:color .2s}.upgraded-stat-card p{color:#bfa14a;font-size:1.08rem;font-weight:400;letter-spacing:.1px;margin:0}.upgraded-quick-actions{background:#19191c;border-radius:18px;box-shadow:0 2px 16px #0000001a;margin:40px 0 36px;padding:32px 0 16px;text-align:center}.upgraded-quick-actions h2{color:#fffbe6;font-size:1.3rem;font-weight:600;margin-bottom:18px}.upgraded-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.action-btn{align-items:center;background:#23231a;border:none;border-radius:999px;box-shadow:0 2px 8px #0000001a;color:#fffbe6;cursor:pointer;display:flex;font-size:1.08rem;font-weight:500;gap:10px;min-width:140px;outline:none;padding:14px 28px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.action-btn.primary{background:linear-gradient(90deg,#e6c200,#bfa14a);box-shadow:0 2px 12px #e6c2001a;color:#18181b;font-weight:700}.action-btn:focus,.action-btn:hover{background:gold;box-shadow:0 4px 24px #ffd7002e;color:#18181b;transform:translateY(-2px) scale(1.04)}.action-btn svg{font-size:1.2em}.upgraded-recent-activity{background:#19191c;border-radius:18px;box-shadow:0 2px 16px #0000001a;margin:40px 0 36px;padding:32px 0 16px}.upgraded-recent-activity h2{color:#fffbe6;font-size:1.3rem;font-weight:600;margin-bottom:18px}.upgraded-activity-list{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:700px;width:100%}.upgraded-activity-item{align-items:center;background:#23231a;border-radius:14px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;outline:none;padding:18px 24px;transition:box-shadow .2s,transform .2s,background .2s}.upgraded-activity-item:focus,.upgraded-activity-item:hover{background:#28282c;box-shadow:0 4px 24px #ffd7001a;transform:translateY(-2px) scale(1.03)}.activity-icon{align-items:center;background:#18181b;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:gold;display:flex;font-size:1.5rem;justify-content:center;margin-right:18px;padding:10px}.status-red{color:#f87171!important}.status-green{color:#4ade80!important}.status-yellow{color:#fde047!important}.status-gray{color:#a3a3a3!important}.status-orange{color:#fbbf24!important}.activity-content h4{color:#fffbe6;font-size:1.08rem;font-weight:600;margin:0 0 2px}.activity-content p{color:#bfa14a;font-size:.98rem;margin:0}.activity-status.status-badge{background:#23231a;border:1.5px solid gold;border-radius:999px;box-shadow:0 1px 4px #00000014;color:#fffbe6;font-size:.98rem;font-weight:600;letter-spacing:1px;margin-left:auto;padding:6px 18px;text-transform:uppercase;transition:background .2s,color .2s,border .2s}.activity-status.status-badge.red{border-color:#f87171;color:#f87171}.activity-status.status-badge.green{border-color:#4ade80;color:#4ade80}.activity-status.status-badge.yellow{border-color:#fde047;color:#fde047}.activity-status.status-badge.gray{border-color:#a3a3a3;color:#a3a3a3}.activity-status.status-badge.orange{border-color:#fbbf24;color:#fbbf24}.unresponded-badge{align-items:center;background:#ef4444;border:2px solid #fffbe6;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:#fff;display:flex;font-size:1.08rem;font-weight:700;height:28px;justify-content:center;min-width:28px;position:absolute;right:-8px;top:-8px;transition:background .2s,color .2s;z-index:2}@media (max-width:600px){.upgraded-stats-row{align-items:stretch;flex-direction:column;gap:18px}.upgraded-stat-card{font-size:.98rem;min-width:0;min-width:auto;padding:20px 10px 16px;width:100%}.stat-icon{font-size:1.5rem;padding:10px}.unresponded-badge{font-size:.98rem;height:22px;min-width:22px;right:-6px;top:-6px}.upgraded-quick-actions,.upgraded-recent-activity{margin:18px 0;padding:18px 0 8px}.upgraded-action-buttons{flex-direction:column;gap:10px}.action-btn{font-size:1rem;justify-content:center;padding:10px 0;width:100%}}.hero-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;padding:0 24px}.hero-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-stat-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.hero-stat-card:hover:before{transform:scaleX(1)}.hero-stat-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.hero-stat-card.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.hero-stat-card.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.hero-stat-card.sales{border-left:4px solid #10b981}.hero-stat-card.expenses{border-left:4px solid #ef4444}.hero-stat-card.profit{border-left:4px solid #f59e0b}.hero-stat-card.attention{border-left:4px solid #f97316}.hero-stat-card.tasks{border-left:4px solid #8b5cf6;cursor:pointer;transition:all .3s ease}.hero-stat-card.tasks:hover{box-shadow:0 12px 32px #8b5cf64d;transform:translateY(-4px)}.task-progress-indicator{margin-top:8px}.mini-progress-bar{background:#fff3;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.mini-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;height:100%;transition:width .5s ease}.mini-progress-text,.streak-indicator{font-size:.75rem;font-weight:500;opacity:.9}.streak-indicator{align-items:center;display:flex;gap:4px;margin-top:6px}.streak-indicator svg{animation:pulse 2s infinite;color:#fbbf24}.hero-stat-icon{align-items:center;background:#3b82f61a;border-radius:12px;color:#3b82f6;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.hero-stat-card.primary .hero-stat-icon{background:#fff3;color:#fff}.hero-stat-card.sales .hero-stat-icon{background:#10b9811a;color:#10b981}.hero-stat-card.expenses .hero-stat-icon{background:#ef44441a;color:#ef4444}.hero-stat-card.profit .hero-stat-icon{background:#f59e0b1a;color:#f59e0b}.hero-stat-card.attention .hero-stat-icon{background:#f973161a;color:#f97316}.hero-stat-card.tasks .hero-stat-icon{background:#8b5cf61a;color:#8b5cf6}.hero-stat-content h3{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 8px}.hero-stat-card.primary .hero-stat-content h3{color:#fff}.hero-stat-content p{color:#64748b;font-size:1.125rem;font-weight:600;margin:0 0 8px}.hero-stat-card.primary .hero-stat-content p{color:#ffffffe6}.hero-stat-subtitle{color:#94a3b8;font-size:.875rem;font-weight:500}.hero-stat-card.primary .hero-stat-subtitle{color:#ffffffb3}.timeframe-selector{margin-top:8px}.timeframe-selector select{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;color:#374151;font-size:.75rem;padding:4px 8px}.dashboard-main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 320px;padding:0 24px}.dashboard-left-column{display:flex;flex-direction:column;gap:32px}.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.inventory-spotlight{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.spotlight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.spotlight-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.view-all-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background:#2563eb;transform:translateY(-1px)}.spotlight-carousel{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.spotlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.spotlight-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.spotlight-image{height:160px;overflow:hidden;position:relative}.spotlight-image img{height:100%;object-fit:cover;width:100%}.spotlight-placeholder{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.spotlight-readiness{border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;left:8px;padding:4px 8px;position:absolute;top:8px}.spotlight-readiness.green{background:#10b981}.spotlight-readiness.yellow{background:#f59e0b}.spotlight-readiness.red{background:#ef4444}.spotlight-readiness.needs_photos{background:#8b5cf6}.spotlight-content{padding:16px}.spotlight-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 8px}.spotlight-price{color:#10b981;font-size:1.125rem;font-weight:700;margin:0 0 8px}.todo-indicator{color:#f59e0b;font-size:.75rem;font-weight:500}.performance-charts{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.charts-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.charts-title h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 4px}.charts-subtitle{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.chart-timeframe{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.chart-timeframe:hover{border-color:#3b82f6}.chart-timeframe:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.charts-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.chart-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.chart-container:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.chart-actions{display:flex;gap:8px}.chart-toggle-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s ease}.chart-toggle-btn:hover{background:#f1f5f9;color:#3b82f6}.chart-content{position:relative}.custom-tooltip{background:#000000e6;border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.875rem;padding:12px}.tooltip-label{color:#fbbf24;font-weight:600;margin:0 0 8px}.tooltip-item{display:flex;gap:12px;justify-content:space-between;margin:4px 0}.tooltip-item span:first-child{color:#94a3b8;font-weight:500}.tooltip-change{align-items:center;border-top:1px solid #fff3;display:flex;font-size:.8rem;gap:4px;margin:8px 0 0;padding-top:8px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.selected-segment{stroke:#1e293b;stroke-width:2;filter:brightness(1.2)}.category-details{animation:slideDown .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.category-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 12px}.expense-items{display:flex;flex-direction:column;gap:12px}.expense-item{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;padding:12px}.expense-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.expense-amount{color:#1e293b;font-size:1rem;font-weight:600}.expense-date{color:#64748b;font-size:.75rem}.expense-description{color:#374151;font-size:.875rem;margin:0 0 4px}.expense-vehicle{color:#3b82f6;font-size:.75rem;font-weight:500;margin:0}.chart-legend{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.legend-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.legend-item:hover{background:#f1f5f9}.legend-item.selected{background:#dbeafe;border:1px solid #3b82f6}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-label{color:#64748b;flex:1 1;font-size:.875rem}.legend-value{color:#1e293b;font-size:.875rem;font-weight:600}@media (max-width:1200px){.charts-grid{gap:24px;grid-template-columns:1fr}.charts-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-timeframe{width:100%}}@media (max-width:768px){.chart-container,.performance-charts{padding:16px}.chart-header{align-items:flex-start;flex-direction:column;gap:8px}.chart-actions{align-self:flex-end}.category-details{padding:12px}.expense-item{padding:10px}.expense-item-header{align-items:flex-start;flex-direction:column;gap:4px}.legend-item{padding:6px}.legend-label,.legend-value{font-size:.8rem}}@media (max-width:480px){.performance-charts{padding:12px}.charts-title h2{font-size:1.25rem}.charts-subtitle{font-size:.8rem}.chart-container{padding:12px}.chart-header h3{font-size:.875rem}.custom-tooltip{font-size:.8rem;padding:8px}.tooltip-item{flex-direction:column;gap:2px}.category-details h4,.expense-amount{font-size:.875rem}.expense-description{font-size:.8rem}.expense-vehicle{font-size:.7rem}}@media (hover:none) and (pointer:coarse){.legend-item{min-height:44px;padding:12px 8px}.chart-toggle-btn{min-height:44px;min-width:44px;padding:8px}.chart-container:hover{transform:none}.legend-item:hover{background:none}.legend-item:active{background:#f1f5f9}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.category-details,.chart-container{border-width:.5px}}@media (prefers-reduced-motion:reduce){.category-details,.chart-container,.legend-item{transition:none}.chart-container:hover{transform:none}}.quick-actions-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.quick-actions-sidebar h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 20px}.action-buttons-vertical{display:flex;flex-direction:column;gap:12px}.action-btn-sidebar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px;padding:16px;text-decoration:none;transition:all .2s ease}.action-btn-sidebar:hover{background:#f1f5f9;border-color:#3b82f6;transform:translateY(-1px)}.action-btn-sidebar.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn-sidebar.primary:hover{background:#2563eb}.action-btn-sidebar svg{height:16px;width:16px}.dealership-insights{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.insights-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.insights-header svg{color:#f59e0b;font-size:1.25rem}.insights-header h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0}.insights-content{display:flex;flex-direction:column;gap:16px}.insight-item{align-items:center;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:12px}.insight-item.positive{background:#dcfce7;border-left-color:#10b981}.insight-number{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.insight-item.positive .insight-number{background:#10b981}.insight-text{color:#92400e;font-size:.875rem;font-weight:500}.insight-item.positive .insight-text{color:#065f46}.recent-activity-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.recent-activity-sidebar h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 20px}.activity-list-compact{display:flex;flex-direction:column;gap:12px}.activity-item-compact{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.activity-item-compact:hover{background:#f8fafc}.activity-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.activity-dot.green{background:#10b981}.activity-dot.yellow{background:#f59e0b}.activity-dot.red{background:#ef4444}.activity-dot.needs_photos{background:#8b5cf6}.activity-text{display:flex;flex:1 1;flex-direction:column}.activity-vehicle{color:#1e293b;font-size:.875rem;font-weight:600}.activity-action{color:#64748b;font-size:.75rem}.activity-time{color:#94a3b8;font-size:.75rem;white-space:nowrap}@media (max-width:1200px){.dashboard-main-grid{gap:24px;grid-template-columns:1fr}.dashboard-right-column{order:-1}.hero-summary-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.hero-summary-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:0 16px}.dashboard-main-grid{gap:20px;padding:0 16px}.hero-stat-card{padding:20px 16px}.hero-stat-content h3{font-size:1.75rem}.hero-stat-content p{font-size:1rem}.hero-stat-subtitle{font-size:.75rem}.timeframe-selector select{font-size:.7rem;padding:6px 8px}.spotlight-carousel{gap:12px;grid-template-columns:repeat(2,1fr)}.spotlight-image{height:120px}.spotlight-content{padding:12px}.spotlight-content h4{font-size:.875rem}.spotlight-price{font-size:1rem}.action-buttons-vertical{flex-direction:row;flex-wrap:wrap;gap:8px}.action-btn-sidebar{flex:1 1;font-size:.8rem;min-width:140px;padding:12px}.insights-content{gap:12px}.insight-item{padding:10px}.insight-text{font-size:.8rem}.activity-item-compact{padding:10px}.activity-vehicle{font-size:.8rem}.activity-action,.activity-time{font-size:.7rem}}@media (max-width:640px){.hero-summary-grid{gap:12px;grid-template-columns:1fr;padding:0 12px}.dashboard-main-grid{gap:16px;padding:0 12px}.hero-stat-card{padding:16px 12px}.hero-stat-content h3{font-size:1.5rem}.hero-stat-icon{font-size:16px;height:40px;margin-bottom:12px;width:40px}.spotlight-carousel{gap:10px;grid-template-columns:1fr}.spotlight-image{height:140px}.action-buttons-vertical{flex-direction:column}.action-btn-sidebar{min-width:auto;width:100%}.spotlight-header{align-items:flex-start;flex-direction:column;gap:12px}.view-all-btn{justify-content:center;width:100%}}@media (max-width:480px){.dashboard-main-grid,.hero-summary-grid{padding:0 8px}.hero-stat-card{padding:12px 10px}.hero-stat-content h3{font-size:1.25rem}.dealership-insights,.inventory-spotlight,.performance-charts,.quick-actions-sidebar,.recent-activity-sidebar{padding:16px}.spotlight-header h2{font-size:1.25rem}.insights-header h3,.quick-actions-sidebar h2,.recent-activity-sidebar h3{font-size:1rem}.insight-item{padding:8px}.insight-number{font-size:.7rem;height:20px;width:20px}.insight-text{font-size:.75rem}.activity-item-compact{padding:8px}.activity-vehicle{font-size:.75rem}.activity-action,.activity-time{font-size:.65rem}}@media (hover:none) and (pointer:coarse){.action-btn-sidebar,.hero-stat-card,.spotlight-card,.view-all-btn{min-height:44px}.chart-timeframe,.timeframe-selector select{min-height:44px;padding:12px}.action-btn-sidebar:hover,.hero-stat-card:hover,.spotlight-card:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.hero-summary-grid{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid{grid-template-columns:1fr 280px}.dashboard-right-column{order:0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.action-btn-sidebar,.hero-stat-card,.spotlight-card{border-width:.5px}}@media (prefers-reduced-motion:reduce){.action-btn-sidebar,.hero-stat-card,.spotlight-card,.view-all-btn{transition:none}.CountUp{animation:none}}.notification{animation:slideInRight .3s ease-out;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.notification-content{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;justify-content:space-between;padding:16px 20px}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-message{flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4;margin-right:12px}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:.8;padding:4px;transition:all .2s ease;width:24px}.notification-close:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}@media (max-width:768px){.notification{left:10px;max-width:none;right:10px;top:10px}.notification-content{padding:12px 16px}.notification-message{font-size:.85rem}}@media (max-width:480px){.notification{left:5px;right:5px;top:5px}.notification-content{padding:10px 14px}.notification-message{font-size:.8rem}.notification-close{font-size:1rem;height:20px;width:20px}}@media (max-width:768px){.nav-tabs{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto;padding:0 8px}.nav-tab{flex-shrink:0;font-size:.875rem;min-width:auto;padding:12px 16px;white-space:nowrap}.nav-tab svg{height:16px;margin-right:6px;width:16px}}@media (max-width:480px){.nav-tabs{gap:2px;padding:0 4px}.nav-tab{font-size:.8rem;padding:10px 12px}.nav-tab svg{height:14px;margin-right:4px;width:14px}}@media (hover:none) and (pointer:coarse){.nav-tab{min-height:44px;min-width:44px}.nav-tab:hover{transform:none}.nav-tab:active{transform:scale(.98)}}.spotlight-empty-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;margin:0 auto;max-width:400px;min-height:200px;padding:48px 24px;text-align:center;width:100%}.empty-state-icon,.spotlight-empty-state{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:24px;height:64px;margin-bottom:16px;width:64px}.spotlight-empty-state h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.spotlight-empty-state p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.add-vehicle-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-vehicle-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.add-vehicle-btn svg{height:14px;width:14px}@media (max-width:768px){.spotlight-empty-state{min-height:160px;padding:32px 16px}.empty-state-icon{font-size:20px;height:48px;width:48px}.spotlight-empty-state h3{font-size:18px}.spotlight-empty-state p{font-size:13px}.add-vehicle-btn{font-size:13px;padding:10px 16px}}@media (max-width:480px){.spotlight-empty-state{min-height:140px;padding:24px 12px}.empty-state-icon{font-size:18px;height:40px;width:40px}.spotlight-empty-state h3{font-size:16px}.spotlight-empty-state p{font-size:12px;margin-bottom:20px}.add-vehicle-btn{font-size:12px;padding:8px 14px}}.recently-sold-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.recently-sold-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recently-sold-section .section-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.section-subtitle{color:#64748b;font-size:.875rem;font-weight:500}.recently-sold-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sold-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.sold-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sold-image{background:#f1f5f9;height:160px;overflow:hidden;position:relative}.sold-image img{height:100%;object-fit:cover;width:100%}.sold-placeholder{background:#f1f5f9;color:#94a3b8;font-size:32px;height:100%;justify-content:center;width:100%}.sold-badge,.sold-placeholder{align-items:center;display:flex}.sold-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px}.sold-badge svg{height:12px;width:12px}.sold-content{padding:16px}.sold-content h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.sold-price{color:#10b981;font-size:18px;font-weight:700;margin:0 0 4px}.sold-date{color:#64748b;font-size:12px;margin:0}@media (max-width:768px){.recently-sold-section{padding:16px}.recently-sold-section .section-header{align-items:flex-start;flex-direction:column;gap:8px}.recently-sold-section .section-header h2{font-size:1.25rem}.recently-sold-grid{gap:12px;grid-template-columns:1fr}.sold-image{height:140px}.sold-content{padding:12px}.sold-content h4{font-size:14px}.sold-price{font-size:16px}}@media (max-width:480px){.recently-sold-section{padding:12px}.sold-image{height:120px}.sold-badge{font-size:11px;padding:4px 8px;right:8px;top:8px}.sold-content{padding:10px}.sold-content h4{font-size:13px}.sold-price{font-size:15px}.sold-date{font-size:11px}}.task-edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-edit-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f59e0b;border-radius:20px;box-shadow:0 25px 80px #f59e0b33,0 8px 32px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;position:relative;width:100%}.task-edit-modal-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:2px solid #fef3c7;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:1.25rem 2rem .875rem;position:relative}.task-edit-modal-header:before{background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b);border-radius:18px 18px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-edit-modal-title{align-items:center;display:flex;gap:.75rem}.task-edit-icon{color:#d97706;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:1.5rem}.task-edit-modal-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;text-shadow:0 1px 2px #0000001a}.task-edit-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s;width:40px}.task-edit-modal-close:hover{background:#f3f4f6;color:#374151}.task-edit-form{display:flex;flex:1 1;flex-direction:column;gap:.875rem;overflow-y:auto;padding:1.25rem 2rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-label{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.form-label svg{color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(245,158,11,.2));font-size:1rem}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#1f2937;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26,0 4px 12px #f59e0b1a;outline:none;transform:translateY(-1px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{max-height:100px;min-height:60px;resize:vertical}.select-wrapper{position:relative}.priority-indicator,.status-indicator{border-radius:12px 0 0 12px;bottom:0;box-shadow:0 2px 4px #0000001a;left:0;pointer-events:none;position:absolute;top:0;width:6px}.error-message{color:#ef4444;margin-top:.25rem}.error-message,.submit-error{font-size:.875rem;font-weight:500}.submit-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:.5rem;padding:.75rem}.task-edit-modal-actions{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:0 0 18px 18px;border-top:2px solid #fef3c7;display:flex;gap:1rem;margin-top:1.25rem;padding:1.25rem 2rem;position:relative}.task-edit-modal-actions:before{background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b);border-radius:0 0 18px 18px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.btn{flex:1 1;font-size:.95rem;justify-content:center;min-height:48px;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.task-delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-delete-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;position:relative;width:100%}.task-delete-modal-header{align-items:center;background:#fef2f2;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.task-delete-modal-title{align-items:center;display:flex;gap:.75rem}.task-delete-icon{color:#ef4444;font-size:1.25rem}.task-delete-modal-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.task-delete-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s;width:40px}.task-delete-modal-close:hover:not(:disabled){background:#f3f4f6;color:#374151}.task-delete-modal-close:disabled{cursor:not-allowed;opacity:.5}.task-delete-warning{display:flex;justify-content:center;padding:2rem 1.5rem 1rem}.warning-icon-container{align-items:center;animation:pulse 2s infinite;background:#fef2f2;border:3px solid #fecaca;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.warning-icon{color:#ef4444;font-size:2rem}.task-delete-content{padding:0 1.5rem 1.5rem}.task-delete-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.task-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.task-type-badge{background:#f59e0b;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.task-name{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.task-description{margin-bottom:1rem}.task-description strong{color:#374151;font-size:.875rem}.task-description p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:.5rem 0 0}.task-meta{display:flex;flex-wrap:wrap;gap:1rem}.task-meta-item{color:#6b7280;font-size:.875rem}.task-meta-item strong{color:#374151}.delete-warning-message{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:.75rem;padding:1rem}.delete-warning-message svg{color:#ef4444;flex-shrink:0;margin-top:.125rem}.delete-warning-message p{font-size:.875rem;line-height:1.5;margin:0}.delete-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem}.task-delete-modal-actions{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}.task-delete-modal-actions,.task-edit-modal-actions{flex-direction:row}.btn{flex:1 1}}@media (min-width:768px){.task-edit-modal{max-height:80vh;max-width:900px}.task-edit-form{gap:.875rem;max-height:calc(80vh - 140px)}.form-textarea{max-height:100px;min-height:60px}}@media (max-width:639px){.task-delete-modal-overlay,.task-edit-modal-overlay{padding:.5rem}.task-delete-modal,.task-edit-modal{max-height:95vh}.task-delete-modal-header,.task-edit-modal-header{padding:1rem 1rem .75rem}.task-delete-modal-title h2,.task-edit-modal-title h2{font-size:1.25rem}.task-edit-form{gap:1rem;padding:1rem}.form-row{grid-template-columns:1fr}.task-delete-content{padding:0 1rem 1rem}.task-delete-modal-actions,.task-edit-modal-actions{flex-direction:column;padding:1rem}.btn{width:100%}.warning-icon-container{height:60px;width:60px}.warning-icon{font-size:1.5rem}.task-meta{flex-direction:column;gap:.5rem}}@media (max-width:480px){.task-delete-modal,.task-edit-modal{border-radius:12px}.task-delete-modal-header,.task-edit-modal-header{border-radius:12px 12px 0 0}.task-delete-modal-actions{border-radius:0 0 12px 12px}}.task-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-detail-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f59e0b;border-radius:20px;box-shadow:0 25px 80px #f59e0b33,0 8px 32px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-detail-modal-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:2px solid #fef3c7;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem;position:relative}.task-detail-modal-header:before{background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b);border-radius:18px 18px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-detail-modal-title{align-items:center;display:flex;gap:.75rem}.task-detail-icon{color:#d97706;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:1.5rem}.task-detail-modal-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;text-shadow:0 1px 2px #0000001a}.task-detail-modal-actions{align-items:center;display:flex;gap:.5rem}.task-detail-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s;width:36px}.task-detail-action-btn:hover{background:#f3f4f6;color:#374151}.task-detail-action-btn.edit:hover{background:#dbeafe;color:#1d4ed8}.task-detail-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.task-detail-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s;width:40px}.task-detail-modal-close:hover{background:#f3f4f6;color:#374151}.task-detail-content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.vehicle-info-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.vehicle-info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.vehicle-info-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.vehicle-info-header svg{color:#6b7280;font-size:1.25rem}.vehicle-info-content{align-items:center;display:flex;gap:1rem}.vehicle-photo{border-radius:12px;height:80px;width:80px}.vehicle-photo-placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db);font-size:2rem}.vehicle-details h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.vehicle-vin{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.vehicle-price{font-size:1rem;margin:0}.task-info-section{display:flex;flex-direction:column;gap:1.5rem}.task-main-info{display:flex;flex-direction:column;gap:1rem}.task-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.task-status-badges{display:flex;flex-wrap:wrap;gap:.75rem}.completed-badge,.priority-badge,.status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.completed-badge{background:#059669}.task-description-section,.task-notes-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.task-description-section h4,.task-notes-section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.task-description-section p,.task-notes-section p{color:#4b5563;line-height:1.6;margin:0}.task-meta-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.task-meta-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.task-meta-item{align-items:flex-start;display:flex;gap:.75rem}.task-meta-item svg{color:#6b7280;flex-shrink:0;font-size:1rem;margin-top:.125rem}.task-meta-item div{display:flex;flex-direction:column;gap:.25rem}.task-meta-item label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.task-meta-item span{color:#374151;font-size:.875rem;font-weight:500}.task-detail-modal-footer{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:0 0 18px 18px;border-top:2px solid #fef3c7;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 2px 8px #0000001a;color:#374151}.btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b66}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-1px)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.task-detail-modal{max-height:95vh;max-width:95vw}.task-detail-modal-header{padding:1rem 1.5rem .75rem}.task-detail-modal-title h2{font-size:1.25rem}.task-detail-content{gap:1.5rem;padding:1.5rem}.vehicle-info-content{align-items:flex-start;flex-direction:column;gap:.75rem}.vehicle-photo{height:60px;width:60px}.task-meta-grid{grid-template-columns:1fr}.task-detail-modal-footer{flex-direction:column;padding:1rem 1.5rem}.btn{justify-content:center;width:100%}}@media (max-width:480px){.task-detail-modal-overlay{padding:.5rem}.task-detail-modal{border-radius:16px}.task-detail-modal-header{border-radius:16px 16px 0 0}.task-detail-modal-footer{border-radius:0 0 16px 16px}.task-title{font-size:1.25rem}.task-status-badges{gap:.5rem}.completed-badge,.priority-badge,.status-badge{font-size:.7rem;padding:.25rem .5rem}}.gamified-tasks-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.toast-notification.achievement{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.toast-notification.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.confetti-piece{animation:confettiFall linear infinite;background:linear-gradient(45deg,#3b82f6,#f59e0b,#f59e0b,#10b981,#8b5cf6);border-radius:50%;height:10px;position:absolute;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.achievement-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.achievement-modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center}.achievement-modal .achievement-icon{animation:bounce 1s ease-in-out;color:#f59e0b;font-size:4rem;margin-bottom:20px}.achievement-modal h3{color:#f59e0b;font-size:1.5rem;font-weight:700;margin-bottom:10px}.achievement-modal h4{color:#1f2937;font-size:1.25rem;margin-bottom:15px}.achievement-modal p{color:#6b7280;margin-bottom:25px}.achievement-modal button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.achievement-modal button:hover{background:#2563eb;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.gamified-tasks-header{margin-bottom:32px}.gamified-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}.progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.achievements-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.achievements-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.progress-content{display:flex;justify-content:center}.circular-progress{display:inline-block;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg,.progress-ring-fill{transition:stroke-dashoffset .5s ease}.progress-ring-fill{stroke-linecap:round}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:#3b82f6;display:block;font-size:1.5rem;font-weight:800;line-height:1}.progress-label{color:#6b7280;display:block;font-size:.75rem;font-weight:500;margin-top:4px}.streak-card{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;box-shadow:0 4px 12px #ef444433;color:#fff;padding:24px;text-align:center}.streak-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.streak-icon{color:#fbbf24;font-size:1.25rem}.streak-header h3{font-size:1rem;font-weight:600;margin:0}.streak-content{text-align:center}.streak-number{font-size:3rem;font-weight:900;line-height:1;margin-bottom:4px;text-shadow:0 2px 4px #0000001a}.streak-label{font-size:.875rem;font-weight:500;margin-bottom:16px;opacity:.9}.streak-dots{gap:8px;margin-bottom:12px}.streak-dot,.streak-dots{display:flex;justify-content:center}.streak-dot{align-items:center;background:#fff3;border-radius:50%;color:#ffffff80;font-size:.75rem;height:24px;transition:all .3s ease;width:24px}.streak-dot.active{animation:pulse 2s infinite;background:#fbbf24;color:#d97706}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.max-streak{font-size:.75rem;font-weight:500;opacity:.8}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.stat-item{padding:12px 0;text-align:center}.stat-item:not(:last-child){border-bottom:1px solid #f3f4f6}.stat-number{color:#1f2937;display:block;font-size:2rem;font-weight:800;line-height:1}.stat-number.pending{color:#d97706}.stat-number.completed{color:#10b981}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:4px}.achievements-panel{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin-top:20px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.achievements-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.achievements-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.achievements-header button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.achievements-header button:hover{background:#f3f4f6;color:#374151}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.achievement-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px;position:relative;transition:all .3s ease}.achievement-item:hover{background:#f3f4f6;transform:translateY(-2px)}.achievement-item.unlocked{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.achievement-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.achievement-item.unlocked .achievement-icon{background:#10b981;color:#fff}.achievement-content{flex:1 1}.achievement-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.achievement-content p{color:#6b7280;font-size:.875rem;margin:0 0 8px}.achievement-progress{align-items:center;display:flex;gap:8px}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.75rem;font-weight:500;min-width:30px}.unlocked-badge{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.tasks-tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.tab-button svg{font-size:1rem}.filter-bar{flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-bar,.filter-group{align-items:center;display:flex}.filter-group{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:8px;padding:8px 12px}.filter-icon{color:#6b7280;font-size:.875rem}.filter-search{background:#f9fafb;border:none;border-radius:6px;font-size:.875rem;min-width:200px;outline:none;padding:8px 12px;transition:all .2s ease}.filter-search:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-select{background:#f9fafb;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;outline:none;padding:8px 12px;transition:all .2s ease}.filter-select:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{margin-left:auto}.toggle-completed-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .2s ease}.toggle-completed-btn:hover{background:#f9fafb;border-color:#9ca3af}.toggle-completed-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.bulk-actions-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.bulk-selection-text{color:#374151;font-weight:600}.bulk-actions{display:flex;gap:8px}.bulk-action-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-action-btn:hover{background:#2563eb;transform:translateY(-1px)}.bulk-action-btn.delete{background:#d97706}.bulk-action-btn.delete:hover{background:#b45309}.clear-selection-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.clear-selection-btn:hover{background:#f9fafb;border-color:#9ca3af}.tasks-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px}.section-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.section-header,.section-title{align-items:center;display:flex}.section-title{font-size:1.25rem;font-weight:700;gap:8px;margin:0}.section-count{background:#f97316;border-radius:12px;box-shadow:0 2px 4px #f9731633;color:#fff;font-size:.875rem;font-weight:600;padding:6px 14px}.add-task-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.add-task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-task-header h4{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.quick-add-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.quick-add-btn:hover{background:#2563eb;transform:translateY(-1px)}.quick-add-section{border-top:1px solid #e5e7eb;padding-top:16px}.add-task-input{display:flex;gap:12px}.task-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.875rem;outline:none;padding:12px 16px;transition:all .2s ease}.task-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-task-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:12px 20px;transition:all .2s ease}.add-task-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.add-task-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.priority-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.priority-badge.high,.priority-badge.medium{background:#fffbeb;color:#d97706}.priority-badge.low{background:#f0fdf4;color:#059669}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-item{align-items:flex-start;background:#f9fafb;border:1px solid #0000;border-radius:8px;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s ease}.task-item:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translateY(-1px)}.task-item.completed{background:#f0fdf4;border-color:#bbf7d0}.task-item.priority-high,.task-item.priority-medium{border-left:4px solid #f59e0b}.task-item.priority-low{border-left:4px solid #10b981}.task-main-info{flex:1 1}.task-meta{margin-top:8px}.task-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:8px}.task-details{flex-wrap:wrap;gap:8px}.due-date,.task-details{align-items:center;display:flex}.due-date{color:#6b7280;font-size:.75rem;font-weight:500;gap:4px}.due-date.overdue{color:#d97706;font-weight:600}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-badge.todo{background:#f3f4f6;color:#6b7280}.status-badge.inprogress{background:#eff6ff;color:#2563eb}.status-badge.blocked{background:#fffbeb;color:#d97706}.status-badge.done{background:#f0fdf4;color:#059669}.assignee{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:4px}.task-checkbox{flex-shrink:0}.checkbox-button{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.checkbox-button:hover{background:#eff6ff;border-color:#3b82f6}.checkbox-button.checked{background:#10b981;border-color:#10b981}.task-content{align-items:center;display:flex;flex:1 1;gap:8px}.task-text{color:#374151;font-size:.875rem;font-weight:500}.task-text.completed{color:#6b7280;text-decoration:line-through}.task-text-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:.875rem;outline:none;padding:4px 8px}.save-status{color:#6b7280;font-size:.75rem;font-style:italic}.save-status.saved{color:#10b981}.task-actions{display:flex;gap:4px}.action-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s ease}.action-button:hover{background:#f3f4f6;color:#374151}.action-button.delete:hover{background:#fffbeb;color:#d97706}.empty-state{color:#6b7280;padding:40px 20px;text-align:center}.empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:16px}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-state p{font-size:.875rem;margin:0}.vehicle-tasks-board{display:flex;flex-direction:column;gap:20px}.vehicle-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}.vehicle-card-header{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.vehicle-card-header:hover{background:#f9fafb}.vehicle-info{align-items:center;display:flex;flex:1 1;gap:16px}.vehicle-photo{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.vehicle-photo img{height:100%;object-fit:cover;width:100%}.vehicle-photo-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.vehicle-details{flex:1 1}.vehicle-title{font-size:1.125rem;font-weight:600;margin:0 0 4px}.vehicle-meta{color:#6b7280;display:flex;font-size:.875rem;gap:16px}.vehicle-vin{background:#f3f4f6;border-radius:4px;font-family:monospace;padding:2px 6px}.vehicle-price{color:#059669;font-weight:600}.vehicle-status{flex-shrink:0}.readiness-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.readiness-badge.green{background:#d1fae5;color:#065f46}.readiness-badge.yellow{background:#fef3c7;color:#92400e}.readiness-badge.red{background:#fffbeb;color:#92400e}.vehicle-task-summary{flex-shrink:0}.task-counts{display:flex;flex-direction:column;gap:4px;text-align:right}.total-tasks{color:#374151;font-size:.875rem;font-weight:600}.high-priority{align-items:center;color:#d97706;display:flex;font-size:.75rem;font-weight:500;gap:4px}.vehicle-actions{flex-shrink:0}.collapse-toggle{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.collapse-toggle:hover{background:#f3f4f6;color:#374151}.vehicle-tasks-content{padding:20px}.vehicle-tasks-summary{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-header h5{color:#374151;font-size:1rem;font-weight:600;margin:0}.expand-tasks-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s ease}.expand-tasks-btn:hover{background:#f3f4f6;border-color:#9ca3af}.quick-task-preview{display:flex;flex-direction:column;gap:8px}.quick-task-item{align-items:center;background:#fff;border-radius:6px;color:#374151;display:flex;font-size:.875rem;gap:8px;padding:8px 12px}.quick-task-item:hover{background:#f3f4f6}.quick-task-item.clickable{border:1px solid #0000;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quick-task-item.clickable:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.quick-task-item.clickable:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.priority-dot.high,.priority-dot.medium{background:#f59e0b}.priority-dot.low{background:#10b981}.quick-task-item .task-text{flex:1 1;font-size:.875rem}.completed-icon{color:#10b981;font-size:.875rem}.more-tasks-indicator{color:#6b7280;font-size:.875rem;font-style:italic;padding:8px;text-align:center}.more-tasks-indicator.clickable{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-block;font-style:normal;font-weight:500;margin-top:8px;padding:6px 12px;transition:all .2s ease}.more-tasks-indicator.clickable:hover{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 2px 4px #3b82f61a;color:#2563eb;transform:translateY(-1px)}.task-priority-groups{display:flex;flex-direction:column;gap:20px}.task-priority-group:last-child{margin-bottom:0}.priority-header{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.priority-header.high,.priority-header.medium{background:#fffbeb;color:#92400e}.priority-header.low{background:#f0fdf4;color:#065f46}.priority-header.completed{background:#f0f9ff;color:#1e40af}.priority-label{align-items:center;display:flex;gap:6px}.priority-count{background:#ffffff80;border-radius:12px;font-size:.75rem;padding:2px 8px}.priority-tasks{display:flex;flex-direction:column;gap:8px}.add-vehicle-task{margin-top:16px;text-align:center}.add-task-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-task-btn:hover{background:#2563eb;transform:translateY(-1px)}.vehicle-sort-controls{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:16px 20px}.sort-buttons{display:flex;flex-wrap:wrap;gap:12px}.sort-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;transition:all .2s ease}.sort-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#475569;transform:translateY(-1px)}.sort-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff}.sort-btn.active:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.sort-btn svg:first-child{font-size:.875rem}.sort-btn svg:last-child{font-size:.75rem;opacity:.8}.fab-add-task{background:#3b82f6;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1.25rem;height:56px;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:100}.fab-add-task:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:scale(1.1)}@media (max-width:1024px){.gamified-tasks-container{padding:16px}.gamified-stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:2rem}.filter-bar{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.filter-search{min-width:auto}.filter-actions{margin-left:0}.vehicle-card-header{align-items:flex-start;flex-direction:column;gap:12px}.vehicle-info{width:100%}.vehicle-actions,.vehicle-status,.vehicle-task-summary{align-self:flex-end}}@media (max-width:768px){.gamified-stats-grid{grid-template-columns:1fr}.tasks-tab-navigation{flex-direction:column}.tab-button{justify-content:flex-start}.filter-group{align-items:stretch;flex-direction:column}.filter-select{width:100%}.vehicle-sort-controls{margin-bottom:16px;padding:12px 16px}.sort-buttons{flex-direction:column;gap:8px}.sort-btn{border-radius:10px;box-shadow:0 1px 3px #0000001a;font-size:.9rem;font-weight:600;min-width:0;min-width:auto;padding:14px 16px;width:100%}.sort-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.sort-btn.active{box-shadow:0 2px 6px #3b82f64d}.sort-btn.active:hover{box-shadow:0 6px 12px #3b82f666;transform:translateY(-2px)}.vehicle-photo{height:50px;width:50px}.vehicle-title{font-size:1rem}.vehicle-meta{flex-direction:column;gap:4px}.task-counts{text-align:left}.fab-add-task{bottom:16px;font-size:1rem;height:48px;right:16px;width:48px}}@media (max-width:480px){.gamified-tasks-container{background:#f8fafc;padding:16px 12px}.gamified-stats-grid{margin-bottom:20px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.add-task-section,.section-header{margin-bottom:16px}.add-task-input{flex-direction:column}.vehicle-tasks-board{gap:16px}.vehicle-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 25px #0000001f;transition:all .2s ease}.vehicle-card:active{box-shadow:0 12px 35px #00000026;transform:scale(1.02)}.vehicle-card-header{border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.vehicle-card-header:hover{background:#f8fafc}.vehicle-info{align-items:flex-start;display:flex;gap:12px}.vehicle-photo{border-radius:16px;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:80px;max-width:80px;overflow:hidden;width:25%}.vehicle-photo img{border-radius:16px;height:100%;object-fit:cover;width:100%}.vehicle-photo-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;color:#94a3b8;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.vehicle-details{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.vehicle-title{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.vehicle-meta{display:flex;flex-direction:column;gap:4px}.vehicle-vin{color:#6b7280;font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.vehicle-price{color:#059669;font-size:.875rem;font-weight:700}.vehicle-status-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;min-height:48px;padding:12px}.status-badges,.vehicle-status-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vehicle-status .status-chip{align-items:center;border-radius:16px;display:flex;font-size:.75rem;justify-content:center;min-height:32px;min-width:48px;padding:6px 12px}.task-counts{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.total-tasks{background:#fff;color:#374151}.high-priority,.total-tasks{align-items:center;border-radius:12px;display:flex;font-size:.75rem;justify-content:center;min-height:32px;min-width:48px;padding:6px 12px}.high-priority{background:#dc2626;color:#fff;font-weight:600}.completed-tasks{align-items:center;background:#059669;border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-height:32px;min-width:48px;padding:6px 12px}.vehicle-actions{margin-left:auto}.collapse-toggle{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:48px;width:48px}.collapse-toggle:hover{background:#f1f5f9}.collapse-toggle:active{transform:scale(.95)}.collapse-toggle{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collapse-toggle:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}.vehicle-tasks-content{animation:slideDown .3s ease-out;border-top:1px solid #f1f5f9;overflow:hidden;padding:16px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.task-item{background:#f8fafc;border-radius:10px;padding:12px}.task-content{align-items:flex-start;flex-direction:column;gap:8px}.task-text{color:#1f2937;font-size:.95rem;font-weight:500;line-height:1.5}.quick-task-preview{margin-top:12px}.quick-task-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.quick-task-item:hover{background:#f8fafc;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.more-tasks-indicator.clickable{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 8px #3b82f633;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center;margin-top:12px;min-height:48px;padding:12px 16px;transition:all .2s ease}.more-tasks-indicator.clickable:hover{background:#2563eb;box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.more-tasks-indicator.clickable:active{transform:translateY(0)}.task-checkbox{border-radius:6px;height:20px;margin-right:12px;width:20px}.checkbox-button{border-radius:8px;height:24px;min-width:24px;width:24px}.task-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;margin-bottom:8px;min-height:48px;padding:12px 16px;transition:all .2s ease}.task-item:hover{background:#f8fafc;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.vehicle-sort-controls{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;margin-bottom:16px;padding:12px 16px}.sort-btn{border-radius:10px;font-size:.9rem;font-weight:600;padding:14px 16px}.vehicle-card-header{min-height:100px;padding:16px}.vehicle-info{flex:1 1;width:100%}.vehicle-title{margin-bottom:4px;word-break:break-word}.vehicle-meta{margin-bottom:8px}.vehicle-status-row{box-shadow:0 1px 3px #0000001a;margin-bottom:8px}.vehicle-status .status-chip{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.vehicle-task-summary{box-shadow:0 1px 3px #0000001a}.task-counts{flex:1 1}.total-tasks{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-weight:600;padding:4px 8px}.high-priority{box-shadow:0 1px 2px #dc262633}.completed-tasks{box-shadow:0 1px 2px #05966933}.vehicle-add-task-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:16px;overflow:hidden;padding:16px;position:relative}.vehicle-add-task-section:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:2px;left:0;position:absolute;right:0;top:0}.add-vehicle-task-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s ease;width:100%}.add-vehicle-task-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-vehicle-task-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.add-vehicle-task-btn:hover:before{left:100%}.add-vehicle-task-btn:active{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(0)}.add-vehicle-task-btn svg{font-size:.8rem;transition:transform .2s ease}.add-vehicle-task-btn:hover svg{transform:scale(1.1)}@media (max-width:480px){.vehicle-add-task-section{border-radius:12px;margin-top:12px;padding:12px}.add-vehicle-task-btn{border-radius:10px;font-size:.85rem;padding:12px 16px}.add-vehicle-task-btn svg{font-size:.75rem}}}.carfax-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.carfax-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.carfax-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.carfax-modal-title h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 4px}.carfax-filename{color:#6b7280;display:block;font-size:.875rem}.carfax-modal-actions{align-items:center;display:flex;gap:8px}.carfax-action-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 12px;transition:all .2s ease}.carfax-action-btn:hover{background:#2563eb;transform:scale(1.05)}.carfax-action-btn.download-btn{background:#10b981}.carfax-action-btn.download-btn:hover{background:#059669}.carfax-action-btn.external-btn{background:#f59e0b}.carfax-action-btn.external-btn:hover{background:#d97706}.carfax-modal-close{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.carfax-modal-close:hover{background:#dc2626;transform:scale(1.05)}.carfax-pdf-container{background:#f8f9fa;flex:1 1;min-height:0;position:relative}.carfax-pdf-viewer{background:#fff;border:none;height:100%;min-height:500px;width:100%}.pdf-fallback{align-items:center;background:#f8fafc;display:flex;height:100%;justify-content:center;min-height:500px}.fallback-content{max-width:400px;padding:2rem;text-align:center}.fallback-icon{color:#6b7280;font-size:3rem;margin-bottom:1rem}.fallback-content h3{color:#374151;font-size:1.25rem;margin:0 0 .5rem}.fallback-content p{color:#6b7280;line-height:1.5;margin:0 0 1.5rem}.fallback-actions{display:flex;flex-direction:column;gap:.75rem}.fallback-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.fallback-btn.primary{background:#3b82f6;color:#fff}.fallback-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.fallback-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.fallback-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.carfax-modal-overlay{align-items:flex-start;padding:0}.carfax-modal{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100vw;width:100%}.carfax-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:row;gap:8px;justify-content:space-between;padding:16px}.carfax-modal-title{flex:1 1;min-width:0}.carfax-modal-title h3{font-size:1rem;margin:0 0 2px}.carfax-filename,.carfax-modal-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carfax-filename{font-size:.75rem}.carfax-modal-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.carfax-action-btn{font-size:.875rem}.carfax-action-btn,.carfax-modal-close{border-radius:8px;height:36px;min-width:36px;padding:8px}.carfax-pdf-viewer{border:none}.carfax-pdf-viewer,.pdf-fallback{min-height:calc(100vh - 80px)}.fallback-content{padding:2rem 1rem}}@media (max-width:480px){.carfax-modal-overlay{padding:0}.carfax-modal{border-radius:0;max-height:100vh;max-width:100vw}.carfax-modal-header{padding:12px 16px}.carfax-modal-title h3{font-size:.9rem}.carfax-filename{font-size:.7rem}.carfax-action-btn{font-size:.8rem}.carfax-action-btn,.carfax-modal-close{height:32px;min-width:32px;padding:6px}.carfax-pdf-viewer,.pdf-fallback{min-height:calc(100vh - 70px)}.fallback-content{padding:1.5rem 1rem}.fallback-btn{font-size:.875rem;padding:.75rem 1rem}}.inventory-detail-page{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-content{max-width:500px;padding:2rem}.error-icon{color:#ef4444;font-size:3rem;margin-bottom:1rem}.back-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#5a67d8;transform:translateY(-1px)}.breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0;font-size:.875rem;padding:1rem 2rem}.breadcrumb,.breadcrumb-link{align-items:center;display:flex}.breadcrumb-link{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;gap:.5rem;transition:color .3s ease}.breadcrumb-link:hover{color:#5a67d8}.breadcrumb-separator{color:#9ca3af;margin:0 .5rem}.breadcrumb-current{color:#6b7280;font-weight:500}.detail-container{margin:0 auto;max-width:1200px;padding:1rem}.vehicle-hero-section{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}@media (max-width:768px){.vehicle-hero-section{gap:1.5rem;grid-template-columns:1fr}}.vehicle-image-container{display:flex;flex-direction:column;height:100%}.vehicle-image-section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1;min-height:400px;overflow:hidden;position:relative;touch-action:pan-y}.vehicle-image{cursor:pointer;height:400px;object-fit:cover;transition:transform .3s ease;width:100%}.no-photo-placeholder{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center}.no-photo-placeholder svg{font-size:3rem;margin-bottom:1rem}.photo-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:44px;z-index:10}.photo-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #0003}.photo-nav-btn svg{opacity:.8;transition:all .3s ease}.photo-nav-btn:hover svg{opacity:1;transform:scale(1.1)}.photo-nav-left{left:16px}.photo-nav-right{right:16px}.vehicle-image-section:hover .photo-nav-btn{background:#fffffff2;opacity:1;transform:translateY(-50%) scale(1);visibility:visible}.photo-nav-btn:hover{opacity:1;transform:translateY(-50%) scale(1.05);visibility:visible}.photo-dots-container{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem}.photo-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.photo-dot.active{background:#667eea;transform:scale(1.2)}.photo-dot:hover{background:#9ca3af;transform:scale(1.1)}.photo-thumbnails{display:flex;gap:.5rem;margin-top:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.photo-thumbnails::-webkit-scrollbar{height:4px}.photo-thumbnails::-webkit-scrollbar-track{background:#0000}.photo-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.photo-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;object-fit:cover;opacity:.6;transition:all .3s ease;width:80px}.photo-thumbnail.active{border-color:#667eea;opacity:1}.photo-thumbnail:hover{opacity:.8;transform:scale(1.05)}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;height:fit-content;padding:2rem}.vehicle-title{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 1rem}.vehicle-price{color:green;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:1.5rem}.vehicle-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.detail-block{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.detail-block:hover{background:#f3f4f6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.detail-icon{color:#667eea;flex-shrink:0;font-size:1.25rem;width:20px}.detail-content{display:flex;flex-direction:column;min-width:0}.detail-value{color:#1f2937;font-size:.875rem;font-weight:700;line-height:1.2}.detail-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-buttons-row{display:flex;gap:1rem}.share-btn{justify-content:center;width:100%}.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.btn-secondary{background:#10b981;color:#fff}.btn-secondary:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.carfax-btn{align-items:center!important;background:#fff!important;border:none!important;color:#3b82f6!important;display:flex!important;justify-content:center!important;min-height:44px!important;min-width:44px!important;padding:0!important}.carfax-btn:hover{background:#f8fafc!important;border-color:#2563eb!important;box-shadow:0 2px 4px #3b82f633!important;transform:translateY(-1px)}.carfax-logo{filter:none;height:100%;object-fit:contain;width:100%}.overview-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:2rem}.overview-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.description-column,.features-column{display:flex;flex-direction:column}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:20px;font-weight:600;margin-bottom:.5rem;padding-bottom:.75rem}.description-text{color:#6b7280;font-size:16px;line-height:1.6;margin:0}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#4b5563;display:flex;font-size:16px;gap:.75rem;line-height:1.5;padding:.5rem 0}.features-list li svg{color:#10b981;flex-shrink:0;font-size:.875rem}.specifications-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:2rem}.specs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.specs-column{display:flex;flex-direction:column}.spec-item{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.spec-item:last-child{border-bottom:none}.spec-label{color:#6b7280;font-weight:500}.spec-value{color:#1f2937;font-weight:600}.contact-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:2rem}.contact-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 1.5rem}.contact-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.contact-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;display:flex;font-size:16px;font-weight:500;gap:.75rem;padding:1rem 1.25rem;transition:all .3s ease}.contact-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.contact-item svg{color:#f60;flex-shrink:0;width:18px}.contact-actions{display:flex;flex-direction:column;gap:1rem}.btn-primary-large,.btn-secondary-large{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.75rem;justify-content:center;min-height:44px;padding:1rem 2rem;transition:all .3s ease}.btn-primary-large{background:#667eea;color:#fff}.btn-primary-large:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.btn-secondary-large{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-secondary-large:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mobile-sticky-cta{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:1rem;position:fixed;right:0;z-index:100}.btn-primary-sticky{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.75rem;justify-content:center;margin:0 auto;max-width:300px;min-height:44px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.btn-primary-sticky:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;color:#fff;text-decoration:none;transform:translateY(-1px)}.fullscreen-gallery{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.fullscreen-content{max-height:90vh;max-width:90vw;position:relative}.close-gallery{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:60px;z-index:1002}.close-gallery:hover{background:#000000e6;border-color:#fffc;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.fullscreen-image{max-height:90vh;max-width:100%;object-fit:contain}.fullscreen-nav-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.fullscreen-nav-btn:hover{background:#ffffff4d}.fullscreen-nav-left{left:-3rem}.fullscreen-nav-right{right:-3rem}.fullscreen-counter{bottom:-2rem;color:#fff;font-size:.875rem;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.detail-container{margin:0;max-width:100%;padding:0;width:100%}.vehicle-hero-section{gap:1rem;grid-template-columns:1fr;margin:0;padding:0;width:100%}.summary-card{box-sizing:border-box;left:50%;margin:0;padding:1.5rem;position:relative;transform:translateX(-50%);width:100vw}.vehicle-title{font-size:20px}.vehicle-price{font-size:2rem}.vehicle-details-grid{grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column}.action-buttons-row{flex-wrap:wrap}.btn-outline,.btn-primary,.btn-secondary{width:100%}.overview-content,.specs-grid{grid-template-columns:1fr}.content-section{padding:1rem}.contact-section{padding:1.5rem}.mobile-sticky-cta{display:block}.fullscreen-nav-btn{font-size:1rem;height:40px;width:40px}.fullscreen-nav-left{left:1rem}.fullscreen-nav-right{right:1rem}.close-gallery{font-size:1.25rem;height:45px;right:1rem;top:1rem;width:45px}.photo-dots-container{margin-top:0}.photo-thumbnails{-webkit-overflow-scrolling:touch;margin-top:0;padding:.5rem;scroll-snap-type:x mandatory}.photo-thumbnail{height:45px;scroll-snap-align:start;width:60px}.vehicle-image{height:300px}.vehicle-image-container{left:50%;margin:0;padding:0;position:relative;transform:translateX(-50%);width:100vw}.vehicle-image-section{margin:0;min-height:300px;padding:0;width:100%}.photo-nav-btn{height:44px;width:44px}.photo-nav-btn:hover{background:#fff}}@media (max-width:480px){.breadcrumb{font-size:.75rem;padding:.75rem 1rem}.vehicle-title{font-size:18px}.vehicle-price{font-size:1.75rem}.btn-outline,.btn-primary,.btn-secondary{font-size:.75rem;padding:.5rem 1rem}.carfax-logo{height:100%;width:100%}.content-section{padding:1rem}.summary-card{box-sizing:border-box;left:50%;margin:0;padding:1.5rem;position:relative;transform:translateX(-50%);width:100vw}.contact-section{padding:1rem}.fullscreen-nav-btn{font-size:.875rem;height:35px;width:35px}.fullscreen-nav-left{left:-1.5rem}.fullscreen-nav-right{right:-1.5rem}.photo-nav-btn{height:44px;width:44px}.photo-nav-btn:hover{background:#fff}.photo-dots-container{margin-top:0}.photo-thumbnails{margin-top:0;padding:.25rem}.photo-thumbnail{height:37.5px;width:50px}.vehicle-image{height:250px}.vehicle-image-container{left:50%;margin:0;padding:0;position:relative;transform:translateX(-50%);width:100vw}.vehicle-image-section{margin:0;min-height:250px;padding:0;width:100%}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;text-align:center}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-container{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:80vh;padding:20px}.calendar-view{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:20px}.react-calendar{border:none;font-family:Arial,sans-serif;max-width:500px;width:100%}.react-calendar__navigation{align-items:center;color:#333;display:flex;font-size:1.2em;justify-content:space-between;margin-bottom:20px}.react-calendar__navigation button{background:none;border:none;color:#4caf50;cursor:pointer;font-size:1.5em;transition:color .3s ease}.react-calendar__navigation button:hover{color:#388e3c}.react-calendar__month-view__weekdays{color:#666;font-size:.9em;font-weight:700;text-transform:uppercase}.react-calendar__month-view__days__day{border-radius:8px;font-size:1em;padding:10px;transition:background-color .3s ease,color .3s ease}.react-calendar__month-view__days__day--neighboringMonth{color:#ccc}.react-calendar__month-view__days__day--weekend{color:#e57373}.react-calendar__month-view__days__day--active{background-color:#4caf50;color:#fff;font-weight:700}.react-calendar__tile{align-items:center;display:flex;justify-content:center}.react-calendar__tile--active{background-color:#4caf50!important;color:#fff;font-weight:700}.react-calendar__tile--hasActive{background-color:#a5d6a7!important;color:#4caf50}.react-calendar__tile:hover{background-color:#e8f5e9}.calendar-task-indicator{background-color:#4caf50;border-radius:50%;height:6px;margin-left:5px;width:6px}.task-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:80%;padding:20px;text-align:center;width:300px}.task-modal h3{margin-top:0}.task-modal ul{list-style-type:none;margin:20px 0;padding:0}.task-modal li{margin:5px 0}.close-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.close-button:hover{background-color:#388e3c}.project-view{border-top:1px solid #e0e0e0;padding:20px}.project-view h2{color:#2a9d8f;text-align:center}.project-item{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px}.project-item-header{background:#2a9d8f;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px}.task-list{border-top:1px solid #e0e0e0;list-style:none;margin:0;padding:10px}.task-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px}.task-item:last-child{border-bottom:none}.task-item span{font-size:14px}.project-item-header:hover{background:#247a6b}.project-details{align-items:center;display:flex;gap:1rem}.days-on-lot-tracker{text-align:center;width:80px}.days-on-lot-tracker p{color:#666;font-size:.9rem;margin-top:.5rem}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.stats-goals{align-items:center;display:flex;flex-direction:column;padding:20px}.stats-goals h2{font-size:24px;margin-bottom:20px}.stat-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;text-align:center;width:20%}.stat-card:hover{background-color:#e9ffef;border-radius:10px;box-shadow:0 5px 10px #0000001a}.stat-card h3{font-size:18px;margin-bottom:10px}.stat-card p{font-size:24px;font-weight:700;margin-bottom:10px}.stat-card input[type=number]{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px;text-align:center;width:80%}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:10px;width:100%}.segmented-progress-bar{display:flex;height:12px;margin:8px 0;width:100%}.progress-segment{background-color:#cfd8dc;flex:1 1;height:100%;margin-right:4px}.progress-segment:last-child{margin-right:0}.financing-section-bg{background:#f9fafb;padding:0 0 32px}.financing-page{background:none;color:#222;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;padding:8px 0 16px}.financing-light-bg{background:#0000!important}.financing-bg-gradient{background:none}.financing-hero{margin:0 auto 8px;max-width:700px;padding-bottom:0;text-align:center}.financing-title{color:#ff9800;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:2.6rem;font-weight:800;letter-spacing:.5px;margin-bottom:.15em}.financing-subheading{color:#888;font-size:1.08rem;font-weight:400;line-height:1.5;margin:0 auto .5em;max-width:600px}.financing-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr;margin:0 auto 18px;max-width:1100px;padding:0 8px}@media (min-width:600px){.financing-grid{gap:28px 32px;grid-template-columns:1fr 1fr}}@media (min-width:1000px){.financing-grid{gap:32px 40px;grid-template-columns:1fr 1fr 1fr}}.financing-card{align-items:center;animation:fadeInUp .6s cubic-bezier(.4,2,.6,1) forwards;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 16px 0 #00000012;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;max-width:340px;min-width:0;opacity:0;outline:none;padding:14px 18px 12px;position:relative;text-align:left;text-decoration:none;transform:translateY(30px);transition:box-shadow .18s,border-color .18s,transform .18s;width:100%}@keyframes fadeInUp{to{opacity:1;transform:none}}.financing-card:focus,.financing-card:hover{border-color:#e5e7eb;box-shadow:0 10px 32px #ff980033,0 2px 12px #0002;text-decoration:none;transform:scale(1.025) translateY(-2px)}.financing-card:active{transform:scale(.99)}.financing-logo-wrap{align-items:center;display:flex;justify-content:center;margin-bottom:12px;width:100%}.financing-logo{background:#fff;border-radius:12px;box-shadow:0 1px 6px #ff980022;display:block;height:44px;margin:0 auto;max-width:80px;object-fit:contain;padding:4px;transition:transform .18s cubic-bezier(.4,2,.6,1);width:auto}.financing-card:focus .financing-logo,.financing-card:hover .financing-logo{transform:none}.financing-card-content{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;max-width:260px;width:100%}.financing-card-title{color:#222;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.13rem;font-weight:700;letter-spacing:.1px;margin:0 0 6px;text-align:left;text-decoration:none;transition:color .18s}.financing-card:focus .financing-card-title,.financing-card:hover .financing-card-title{color:#ff9800;font-weight:700;text-decoration:none}.financing-card-desc{color:#444;font-size:.97rem;font-weight:400;line-height:1.45;margin:0 0 6px;max-width:260px;text-align:left}.financing-info{background:#fff;border:1.5px solid #f3f4f6;border-radius:14px;box-shadow:0 1px 8px #ff98001a;margin:38px auto 0;max-width:700px;padding:14px 16px 10px}.financing-info-spaced{margin-top:38px}.financing-info-title{color:#888;font-size:1.05rem;font-weight:600;letter-spacing:.1px;margin-bottom:6px}.financing-info-list{color:#222;font-size:.97rem;line-height:1.35;list-style:none;margin:0;padding-left:0}.financing-info-list li{align-items:flex-start;display:flex;gap:7px;margin-bottom:4px}.check-icon{color:#ff9800;font-size:1.1em;margin-top:1px}.financing-cta{margin-bottom:0;margin-top:18px;text-align:center}.cta-btn{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#ff9800,#ffe066);border:none;box-shadow:0 2px 12px #ff980022;color:#fff;cursor:pointer;display:inline-flex;font-size:1.22rem;font-weight:700;gap:12px;letter-spacing:.02em;margin-top:.5em;outline:none;padding:18px 48px;transition:background .18s,color .18s,transform .15s,box-shadow .18s}.cta-btn,.cta-btn-pill{border-radius:999px}.cta-btn-icon{font-size:1.25em;margin-right:2px;opacity:1;transition:opacity .18s}.cta-btn:hover .cta-btn-icon{opacity:.6}.cta-btn:hover{background:linear-gradient(90deg,#ffe066,#ff9800);border:2px solid #ff9800;box-shadow:0 6px 24px #ff980033;color:#ff9800;transform:translateY(-2px) scale(1.04)}@media (max-width:600px){.financing-hero{padding-bottom:0}.financing-title{font-size:1.45rem}.financing-subheading{font-size:.98rem}.financing-info{padding:10px 4px 6px}.cta-btn{font-size:1.08rem;padding:14px 0;width:100%}}
/*# sourceMappingURL=main.b00e9668.css.map*/