@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.sidebar-open{position:fixed;top:0;left:0;width:15rem;background-color:#f08411;height:100vh;z-index:1000;display:none;transition:.65s}.sidebar-close{position:fixed;top:0;left:-15.9rem;background-color:#f08411;height:100vh;z-index:100;display:none;transition:.65s}.sidebar ul a{text-decoration:none;color:#fff}.sidebar-option{margin:10px;padding:10px;border-radius:10px;background:#42210036}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1818186e;z-index:101}.font-bebas{font-family:Bebas Neue,cursive}.poppins{font-family:Poppins}.agave-bg-dark{background-color:#212121}.color-primary{color:#f08411}.color-secondary{color:#213430}.link{text-decoration:none;color:#757575}.link:hover{color:#f08411;margin-left:5px;transition:.5s}.link-positive{text-decoration:none;color:#fff}.link-positive:hover{color:#f08411;margin-left:5px;transition:.5s}.title-layer{margin-top:4.1rem;background-color:#fff;z-index:10}.content-layer{margin-top:10.2rem}.navbar-spacer{padding-top:80px;min-height:calc(100vh - 80px);max-width:500px;width:100%;margin:0 auto;box-sizing:border-box}.card-stat{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1.5rem;background-color:#f8dfc4;border-radius:1.5rem;text-align:center;transition:.65s}.card-stat-gray{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1.5rem;background-color:#e4e4e4;border-radius:1.5rem;text-align:center;transition:.65s}.card-custom{background-color:#e4e4e4;transition:.5s;cursor:pointer;border-radius:1.5rem}.card-custom:hover{background-color:#d2d2d2;transition:.5s}.station-card{padding:3rem;border-radius:1.5rem;transition:.5s;box-shadow:0 .5rem 1rem #4343432c;cursor:pointer}.station-card:hover{padding:2.8rem;background-color:#ededed;transition:.5s}.station-card:focus{padding:2.8rem;background-color:#e0e0e0;transition:.5s}.station-card-focus{padding:2.8rem;background-color:#dedede;transition:.5s}.btn-primary{display:inline-block;text-align:center;text-decoration:none;background-color:#f08411;border-color:#f08411;color:#fff}.btn-primary:hover{background-color:#a1611c;border-color:#a1611c;color:#fff}.btn-primary:focus{box-shadow:0 0 0 4px #e9d4bd;background-color:#6d4111;border-color:#6d4111}.btn-primary:active{background-color:#6d4111;border-color:#6d4111;box-shadow:0 0 0 4px #e9d4bd;color:#fff}.btn-primary:active:focus{box-shadow:0 0 0 4px #e9d4bd}.btn-primary:disabled{background-color:#f08411;border:none}.btn-primary:disabled:hover{background-color:#f08411;border:none}.btn-primary:disabled:active{box-shadow:none}.btn-outline-primary{display:inline-block;text-align:center;text-decoration:none;border-color:#f08411;color:#f08411}.btn-outline-primary:hover{background-color:#f08411;border-color:#f08411;color:#fff}.btn-outline-primary:focus{box-shadow:0 0 0 4px #e9d4bd;color:#f08411}.btn-outline-primary:active{background-color:#6d4111;border-color:#6d4111}.btn-outline-primary:active:focus{box-shadow:0 0 0 4px #e9d4bd}.btn-outline-primary:focus:hover{color:#fff}.btn-outline-primary:disabled{border-color:#f08411;background-color:#fff;color:#f08411}.btn-outline-primary:disabled:hover{border-color:#f08411;background-color:#fff;color:#f08411}.btn-outline-primary:disabled:active{box-shadow:none}.qr-background{background-color:#1818186e;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:100}.qr-modal{background-color:#f0f0f0;position:absolute;top:calc(50% - 175px);left:calc(50% - 150px);height:300px;width:300px;border-radius:1rem;box-shadow:0 .5rem 1rem #a1a1a19c;z-index:1000}.qr-modal-maint{height:350px}.qr-code{background-color:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem;width:230px;box-shadow:0 .5rem 1rem #00000027;border:1px solid rgb(182,182,182);border-radius:.8rem}.qr-reader{z-index:6;position:absolute;top:10%;left:10%}#flipCamera{z-index:99;color:#fff;position:absolute;bottom:13%;right:12%}.main-container{max-width:500px;margin:0 auto;position:relative}.modal-bg{background-color:#1818186e;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:100}.modal-container{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;border-radius:1rem;box-shadow:0 .5rem 1rem #a1a1a19c;z-index:1000}.modal-header{border-bottom:1px solid rgb(140,140,140)}.modal-content{padding:2rem 1rem;background-color:transparent;border:none;height:100%;display:flex;justify-content:center;align-items:center}.modal-d-block{transition:.5s;opacity:1;z-index:1000}.modal-d-none{transition:.5s;opacity:0;z-index:-10}.privacy-label-private{padding:7px 10px;border-radius:20px;border:solid 1px #13e000;background-color:#e8ffe6;color:#13e000;transition:.65s}.privacy-label-public{padding:7px 10px;border-radius:20px;border:solid 1px #e0c200;background-color:#fffee6;color:#e0c600;transition:.65s}.verified{color:#0080ff}.userhome-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative;box-sizing:border-box;overflow-x:hidden}.welcome-section{background:transparent;border-radius:20px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.welcome-content{position:relative;z-index:1}.welcome-greeting{font-size:1.125rem;color:#374151;margin-bottom:.5rem;font-weight:400}.welcome-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:0}.vehicles-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;margin-bottom:2rem}.section-header{display:flex;flex-direction:row;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.add-vehicle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f084114d}.add-vehicle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}.vehicles-content{min-height:200px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.vehicle-card{background:#fff;border:2px solid var(--border-primary);border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vehicle-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.vehicle-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 35px #f0841126}.vehicle-card:hover:before{opacity:.05}.vehicle-card-header{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.vehicle-icon-container{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;transition:all .3s ease}.vehicle-card:hover .vehicle-icon-container{background:var(--gradient-primary);transform:scale(1.1)}.vehicle-card:hover .vehicle-icon{filter:brightness(0) invert(1)}.vehicle-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.vehicle-type-badge{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:-1rem}.vehicle-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.vehicle-card:hover .vehicle-name{color:var(--color-primary)}.vehicle-details{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:500}.vehicle-card-arrow{position:absolute;bottom:1.25rem;right:1rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:all .3s ease;z-index:1}.vehicle-card:hover .vehicle-card-arrow{color:var(--color-primary);transform:translate(4px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;margin-bottom:1.5rem;color:#fff}.empty-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.empty-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.add-first-vehicle-btn{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f084114d;text-transform:uppercase;letter-spacing:.5px}.add-first-vehicle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}@media (max-width: 768px){.userhome-container{padding:.5rem}.welcome-section{padding:1.5rem}.welcome-title{font-size:1.75rem}.vehicles-section{padding:1.5rem}.section-title{font-size:1.25rem}.vehicles-grid{grid-template-columns:1fr;gap:1rem}.vehicle-card{padding:1rem}.vehicle-icon-container{width:60px;height:60px}.vehicle-icon{width:40px;height:40px}.vehicle-name{font-size:1.125rem}.empty-state{padding:2rem 1rem}.empty-icon{width:60px;height:60px}.empty-title{font-size:1.25rem}}@media (max-width: 480px){.welcome-section,.vehicles-section{padding:1rem}.vehicle-card{padding:.75rem}.vehicle-icon-container{width:55px;height:55px}.vehicle-icon{width:35px;height:35px}.vehicle-name{font-size:1rem}.vehicle-details{font-size:.875rem}.vehicle-card-arrow{bottom:.5rem;right:.25rem}.add-first-vehicle-btn{padding:.875rem 1.5rem;font-size:.875rem}}.welcome-section{animation:fadeIn .6s ease-out}.vehicles-section{animation:fadeIn .6s ease-out .2s both}.vehicle-card{animation:fadeIn .6s ease-out both}.vehicle-card:nth-child(1){animation-delay:.4s}.vehicle-card:nth-child(2){animation-delay:.5s}.vehicle-card:nth-child(3){animation-delay:.6s}.vehicle-card:nth-child(4){animation-delay:.7s}.vehicle-card:nth-child(5){animation-delay:.8s}.vehicle-card:nth-child(6){animation-delay:.9s}.empty-state{animation:fadeIn .6s ease-out .4s both}.maintenance-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem}.maintenance-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-primary)}.maintenance-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;color:#fff}.maintenance-item.primary .maintenance-icon{background:var(--gradient-primary)}.maintenance-item.secondary .maintenance-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.maintenance-item.default .maintenance-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.maintenance-item.refuel .maintenance-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.maintenance-content{flex:1;min-width:0}.maintenance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.maintenance-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1;min-width:0}.maintenance-type-badge{font-size:.625rem;font-weight:700;color:var(--text-secondary);background:#f1f5f9;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.maintenance-details{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.detail-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.detail-item.amount{color:var(--color-primary);font-weight:700}.detail-item svg{color:inherit}@media (max-width: 480px){.maintenance-item{padding:.75rem;gap:.75rem}.maintenance-icon{width:36px;height:36px}.maintenance-title{font-size:.8125rem}.maintenance-details{gap:.75rem}.detail-item{font-size:.6875rem}.maintenance-type-badge{font-size:.5625rem;padding:.1875rem .375rem}}.vehicledetails-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.vehicle-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.settings-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;margin-left:auto}.settings-button:hover{color:var(--text-primary);transform:scale(1.1)}.vehicle-identification-content{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary)}.vehicle-type-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--gradient-primary);color:#fff;border-radius:12px;flex-shrink:0}.vehicle-identification-details{flex:1}.vehicle-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.vehicle-type{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.vehicle-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:0px;background:var(--gradient-primary)}.section-vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;width:100%;border-bottom:2px solid var(--border-primary);padding-bottom:.5rem}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vehicle-info-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:.75rem;flex:1;min-width:120px}.info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:10px;flex-shrink:0}.info-content{display:flex;flex-direction:column;flex:1}.info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.info-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.action-buttons-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem}.maintenance-status-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;border:2px solid transparent;transition:all .3s ease}.maintenance-status-card.clickable{cursor:pointer}.maintenance-status-card.clickable:hover{border-color:var(--color-primary);background:#fef3c7;transform:translateY(-2px);box-shadow:0 15px 40px #0000001f}.maintenance-status-card:hover{border-color:var(--color-primary);background:#fef3c7}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.status-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f8fafc;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.status-info{flex:1}.status-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.status-description{font-size:.875rem;color:var(--text-secondary);margin:0}.progress-container{margin-bottom:0}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.action-buttons-row{display:flex;gap:.75rem;align-items:stretch;flex-wrap:wrap}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--border-primary);border-radius:12px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:75px;flex:1;min-width:80px;width:100%;position:relative;gap:.5rem;box-sizing:border-box}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.action-button.primary{border-color:var(--color-primary);color:var(--color-primary)}.action-button.primary:hover{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary)}.action-button.danger{border-color:#ef4444;color:#ef4444}.action-button.danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.action-button.strava{border-color:#fc4c02;color:#fc4c02}.action-button.strava:hover{background:linear-gradient(135deg,#fc4c02,#e63900);color:#fff;border-color:#fc4c02}.action-button.connected{border-color:#10b981;color:#10b981;background:#f0fdf4;position:relative}.action-button.connected:hover{background:#dcfce7;border-color:#059669;color:#059669}.strava-connected-icon{display:flex;align-items:center;justify-content:center;position:relative;gap:.25rem}.strava-connected-icon svg{color:#10b981}.insights-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:#fff;border:2px solid var(--border-primary);border-radius:12px;transition:all .3s ease;cursor:default}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #f0841126}.stat-card.primary{border-color:var(--color-primary);background:linear-gradient(135deg,#f084111a,#a1611c1a)}.stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);color:#fff;border-radius:8px;flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.maintenances-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem}.maintenances-list{display:flex;flex-direction:column;gap:1rem}.loading-maintenances,.loading-stats,.loading-vehicle{display:flex;justify-content:center;align-items:center;min-height:150px}.empty-maintenances{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:2rem}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none}.modal-button:not(.secondary):not(.danger){background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #f084114d}.modal-button:not(.secondary):not(.danger):hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}.modal-button.secondary{background:#fff;color:var(--text-secondary);border:2px solid var(--border-primary)}.modal-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.modal-button.danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}@media (max-width: 480px){.vehicledetails-container{padding:.5rem}.settings-button{width:28px;height:28px}.vehicle-info-section,.action-buttons-section,.maintenance-status-card,.insights-section,.maintenances-section{padding:1.5rem}.vehicle-identification-content{gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.vehicle-type-icon{width:45px;height:45px}.vehicle-name{font-size:1.125rem}.vehicle-info-row{flex-direction:row;flex-wrap:wrap;gap:.75rem}.info-item{min-width:auto;flex:1;min-width:140px}.action-buttons-row{flex-direction:row;flex-wrap:wrap;gap:.5rem}.maintenance-status-card{padding:1rem}.status-header{gap:.75rem}.status-icon{width:40px;height:40px}.status-title{font-size:1rem}.action-button{min-width:auto;min-height:60px;padding:.5rem;gap:.25rem;flex:1;min-width:70px}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.modal-buttons{flex-direction:column}}.action-buttons-section{animation:fadeInUp .6s ease-out .2s both}.maintenance-status-card{animation:fadeInUp .6s ease-out .4s both}.insights-section{animation:fadeInUp .6s ease-out .6s both}.maintenances-section{animation:fadeInUp .6s ease-out .8s both}.strava-official-button{display:inline-block;background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s ease;border-radius:8px;overflow:hidden}.settings-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.settings-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--gradient-primary);color:#fff;border-radius:12px;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:1.5rem;width:100%}.header-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.loading-settings{display:flex;justify-content:center;align-items:center;min-height:300px}.vehicle-info-header{text-align:center}.vehicle-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.vehicle-type{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.settings-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:2.5rem;position:relative;z-index:1}.setting-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.setting-item:hover{border-color:var(--color-primary);background:#fef3c7}.setting-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:10px;flex-shrink:0}.setting-content{flex:1;display:flex;flex-direction:column;gap:1rem}.setting-info{flex:1}.setting-label{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.setting-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.setting-control{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.interval-input-group{display:flex;align-items:center;background:#fff;border:2px solid var(--border-primary);border-radius:10px;overflow:hidden;transition:all .3s ease}.interval-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.interval-input{border:none;outline:none;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;min-width:120px;text-align:center}.interval-input::-webkit-outer-spin-button,.interval-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.interval-input[type=number]{-moz-appearance:textfield}.interval-unit{padding:.75rem 1rem;background:var(--gradient-primary);color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reset-button{padding:.75rem 1rem;background:#fff;border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.reset-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fef3c7}.maintenance-type-select{padding:.75rem 1rem;background:#fff;border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;outline:none}.maintenance-type-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.maintenance-type-select:hover{border-color:var(--color-primary);background:#fef3c7}.save-section{position:relative;z-index:0}.save-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 25px #00000026}.save-button.active{background:var(--gradient-primary);color:#fff}.save-button.active:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f0841166}.save-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.save-button.disabled:hover{transform:none;box-shadow:none}.settings-modal-content{text-align:center;padding:1rem}@media (max-width: 480px){.settings-container{padding:.75rem}.settings-header{margin-bottom:1rem}.header-icon{width:40px;height:40px}.header-title{font-size:1.25rem}.vehicle-info-section,.settings-section{padding:1rem;border-radius:16px}.setting-item{padding:.75rem}.setting-control{flex-direction:column;align-items:stretch}.interval-input-group{width:100%}.interval-input{flex:1;min-width:auto}.reset-button{width:100%}.maintenance-type-select{width:100%;min-width:auto}.save-button{padding:.875rem;font-size:.875rem}}.vehicle-info-section{animation:fadeInUp .6s ease-out}.settings-section{animation:fadeInUp .6s ease-out .2s both}.save-section{animation:fadeInUp .6s ease-out .4s both}.vehicle-option-item{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;margin-bottom:.2rem;position:relative;overflow:hidden}.vehicle-option-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.vehicle-option-item:hover,.vehicle-option-item.vehicle-option-selected{border-color:#f08411;box-shadow:0 12px 35px #f0841126}.vehicle-option-item:hover:before,.vehicle-option-item.vehicle-option-selected:before{opacity:.05}.vehicle-option-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin-right:1rem;flex-shrink:0;transition:all .3s ease;z-index:1}.vehicle-option-item:hover .vehicle-option-icon,.vehicle-option-item.vehicle-option-selected .vehicle-option-icon{background:var(--gradient-primary);transform:scale(1.1)}.vehicle-icon{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.vehicle-option-item:hover .vehicle-icon,.vehicle-option-item.vehicle-option-selected .vehicle-icon{filter:brightness(0) invert(1)}.vehicle-option-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1rem;position:relative;z-index:1}.vehicle-option-labels{display:flex;flex-direction:column;gap:.25rem}.vehicle-option-label{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.vehicle-option-subtitle{font-size:.95rem;color:#718096;line-height:1.4}.vehicle-option-arrow{display:flex;align-items:center;color:#a0aec0;transition:color .3s;margin-left:1rem}.vehicle-option-item:hover .vehicle-option-arrow,.vehicle-option-item.vehicle-option-selected .vehicle-option-arrow{color:#f08411}@media (max-width: 768px){.vehicle-option-item{padding:.875rem}.vehicle-option-icon{width:54px;height:54px;margin-right:.75rem}.vehicle-icon{width:32px;height:32px}.vehicle-option-label{font-size:1.05rem}.vehicle-option-subtitle{font-size:.85rem}}@media (max-width: 480px){.vehicle-option-item{padding:.75rem}.vehicle-option-icon{width:40px;height:40px;margin-right:.5rem}.vehicle-icon{width:22px;height:22px}.vehicle-option-label{font-size:.95rem}.vehicle-option-subtitle{font-size:.75rem}}.vehicle-option-item.vehicle-option-selected:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#f08411,#a1611c);border-radius:16px 16px 0 0}.vehicle-option-item{animation:fadeInUp .4s ease-out}.option-item{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;margin-bottom:.75rem;position:relative}.option-item:hover,.option-item.selected{border-color:#f08411;box-shadow:0 8px 25px #f0841126}.option-item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#f8fafc;border-radius:12px;margin-right:1rem;flex-shrink:0}.option-item-icon img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.option-item-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1rem}.option-item-text{display:flex;flex-direction:column;gap:.25rem}.option-item-title{font-size:1rem;font-weight:600;color:#1a202c;line-height:1.4}.option-item-subtitle{font-size:.875rem;color:#718096;line-height:1.4}.option-item-arrow{display:flex;align-items:center;color:#a0aec0;transition:color .3s}.option-item:hover .option-item-arrow,.option-item.selected .option-item-arrow{color:#f08411}@media (max-width: 768px){.option-item{padding:.875rem}.option-item-icon{width:44px;height:44px;margin-right:.75rem}.option-item-icon img{width:26px;height:26px}.option-item-title{font-size:.95rem}.option-item-subtitle{font-size:.8rem}}@media (max-width: 480px){.option-item{padding:.75rem}.option-item-icon{width:38px;height:38px;margin-right:.5rem}.option-item-icon img{width:20px;height:20px}}.option-item.selected:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#f08411,#a1611c);border-radius:16px 16px 0 0}.option-item{animation:fadeInUp .4s ease-out}.addvehicle-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.addvehicle-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.addvehicle-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.addvehicle-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.vehicle-type-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.vehicle-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-item input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.radio-item label{font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;margin:0}.strava-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;text-align:center}.strava-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.strava-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.strava-official-button{display:inline-block;background:transparent;border:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden}.strava-official-button:hover{box-shadow:0 8px 25px #fc4c024d}.strava-official-button-img{display:block;height:35px;width:auto;max-width:100%}.buttons-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media (max-width: 768px){.addvehicle-container{padding:.5rem}.addvehicle-section,.strava-section{padding:1.25rem}.vehicle-options-grid,.input-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.addvehicle-section,.strava-section{padding:1rem}.section-title{font-size:1.125rem}.form-input{padding:.625rem .875rem}.input-grid{grid-template-columns:1fr 1fr;gap:.75rem}.strava-official-button-img{height:40px}}.addvehicle-section{animation:fadeInUp .6s ease-out}.strava-section{animation:fadeInUp .6s ease-out .2s both}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{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-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;width:100%}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.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__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.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{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.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{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.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;width:4rem;margin:2px}.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;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.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{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.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{cursor:pointer;background-color:#f0f0f0}.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{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.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{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range: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{border-radius:.3rem;background-color:#2579ba;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected: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){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__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__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-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__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.addrefuel-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:.75rem;position:relative;overflow:visible}.addrefuel-header{margin-bottom:1rem;display:flex;justify-content:flex-end;align-items:center}.addrefuel-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1rem;position:relative}.addrefuel-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:20px 20px 0 0;clip-path:inset(0 0 0 0 round 20px 20px 0 0)}.form-group{margin-bottom:1.5rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .3s ease;background:#f8fafc;height:3rem;box-sizing:border-box}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .3s ease;background:#f8fafc;height:3rem;box-sizing:border-box}.react-datepicker__input-container input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.stations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.station-card{display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;cursor:pointer;min-height:80px}.station-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.station-card.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.station-card img{max-width:100%;max-height:60px;-o-object-fit:contain;object-fit:contain}.station-card-text{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;padding:1rem}.custom-dropdown{position:relative;width:100%;z-index:1}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .3s ease;background:#f8fafc;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:3rem;box-sizing:border-box}.custom-dropdown-trigger:hover{border-color:var(--color-primary);background:#fff}.custom-dropdown-trigger.custom-dropdown-open{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.selected-option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);font-weight:500}.station-placeholder{color:var(--text-secondary)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--color-primary);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 25px #00000026;z-index:9999;margin-top:-2px;animation:dropdownSlideDown .3s ease-out}.custom-dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f3f4f6;min-height:3.5rem}.station-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;border-radius:4px;flex-shrink:0}.station-icon-default{color:var(--color-primary)}.station-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid #e2e8f0;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;text-align:center;padding:.5rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}@media (max-width: 768px){.addrefuel-container{padding:.5rem}.addrefuel-section{padding:1rem}.input-grid,.stations-grid{grid-template-columns:1fr}}@media (max-width: 480px){.addrefuel-section{padding:.75rem}.section-title{font-size:1.125rem}.station-card{min-height:60px}.form-input,.btn-primary,.btn-secondary{padding:.75rem 1rem}}.addrefuel-section{animation:fadeInUp .6s ease-out}.buttons-section{animation:fadeInUp .8s ease-out}.vehicle-modal-content{text-align:center;padding:1rem}.modal-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-icon.success svg{color:#fff;fill:#fff}.modal-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #f084114d}.search-maintenance-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.search-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.search-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.search-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-input-container{position:relative}.search-input-wrapper{display:flex;align-items:center;border:2px solid var(--border-primary);border-radius:12px;background:#fff;overflow:hidden;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.search-input-wrapper.error{border-color:#ef4444}.search-input{flex:1;padding:.75rem 1rem;border:none;outline:none;font-size:.875rem;color:var(--text-primary);background:transparent}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.clear-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.clear-button:hover{color:var(--text-primary);background:#f1f5f9}.search-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:var(--gradient-primary);border:none;color:#fff;cursor:pointer;transition:all .3s ease}.search-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f084114d}.error-message{color:#ef4444;font-size:.75rem;margin-top:.5rem;font-weight:600}.results-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden}.results-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.maintenances-list{display:flex;flex-direction:column;gap:.75rem}.loading-maintenances,.empty-maintenances{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);font-size:.875rem}@media (max-width: 480px){.search-maintenance-container{padding:.5rem}.search-section,.results-section{padding:1rem}.search-input{padding:.625rem .875rem;font-size:.8125rem}.clear-button,.search-button{padding:.625rem}}.search-section{animation:fadeInUp .6s ease-out}.results-section{animation:fadeInUp .6s ease-out .2s both}.addmaintenance-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:.75rem;position:relative}.addmaintenance-header{margin-bottom:1rem;display:flex;justify-content:flex-end;align-items:center}.addmaintenance-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1rem;position:relative;overflow:hidden}.addmaintenance-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-label.required:after{content:" *";color:#ef4444}.checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;cursor:pointer}.checkbox-item:hover{border-color:var(--color-primary);background:#f084110d;transform:translateY(-1px)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-item label{font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;margin:0;flex:1}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-primary);border-radius:12px;font-size:.875rem;color:var(--text-primary);background:#fff;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-primary);border-radius:12px;font-size:.875rem;color:var(--text-primary);background:#fff;transition:all .3s ease;resize:none;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-textarea::placeholder{color:var(--text-muted)}.buttons-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.btn-secondary{width:100%;padding:1rem;background:#fff;color:var(--text-secondary);border:2px solid var(--border-primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 768px){.addmaintenance-container{padding:.5rem}.addmaintenance-section{padding:1rem}.checkboxes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.addmaintenance-section{padding:1.5rem}.section-title{font-size:1.125rem}.checkbox-item{padding:.375rem}.form-input,.form-textarea{padding:.5rem .75rem}.input-grid{grid-template-columns:1fr 1fr;gap:.5rem}}.addmaintenance-section{animation:fadeInUp .6s ease-out}.buttons-section{animation:fadeInUp .6s ease-out .2s both}.maintenance-detail-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.maintenance-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.maintenance-info-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.maintenance-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.maintenance-info-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.maintenance-type-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--gradient-primary);color:#fff;border-radius:12px;flex-shrink:0}.maintenance-info-details{flex:1}.maintenance-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.maintenance-type{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.maintenance-amount{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f084111a,#a1611c1a);border:2px solid var(--color-primary);border-radius:12px}.amount-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);color:#fff;border-radius:8px}.amount-value{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.description-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.description-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description-content{background:#f8fafc;border-radius:12px;padding:1rem}.description-content p{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.details-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.details-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.adjustments-grid{display:flex;flex-wrap:wrap;gap:.75rem}.adjustment-badge{background:#f1f5f9;color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.delete-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.delete-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.error-message{color:#ef4444;font-size:.75rem;margin-top:.75rem;font-weight:600;text-align:center}.loading-maintenance{display:flex;justify-content:center;align-items:center;min-height:400px}.maintenance-modal-content{text-align:center;padding:1rem}.modal-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:0 auto 1rem;color:#fff}.modal-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.modal-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.modal-buttons{display:flex;gap:.75rem;justify-content:center}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #f084114d}.modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f0841166}.modal-button.secondary{background:#fff;color:var(--text-secondary);border:2px solid var(--border-primary);box-shadow:none}.modal-button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 480px){.maintenance-detail-container{padding:.5rem}.maintenance-info-section,.description-section,.details-section{padding:1rem}.maintenance-info-content{gap:.75rem}.maintenance-type-icon{width:45px;height:45px}.maintenance-title{font-size:1.125rem}.adjustments-grid{gap:.5rem}.adjustment-badge{font-size:.6875rem;padding:.375rem .75rem}.modal-buttons{flex-direction:column}}.maintenance-info-section{animation:fadeInUp .6s ease-out}.description-section{animation:fadeInUp .6s ease-out .2s both}.details-section{animation:fadeInUp .6s ease-out .4s both}.maintenance-status-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.maintenance-status-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.vehicle-info-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.vehicle-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.maintenance-status-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.maintenance-status-vehicle-name{font-size:1.1rem;color:var(--text-secondary);text-align:center;font-weight:500}.maintenance-status-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.maintenance-status-item{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden;border:2px solid transparent;transition:all .3s ease}.maintenance-status-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.maintenance-status-item:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000001f}.maintenance-status-status-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.maintenance-status-status-header.clickable{transition:all .2s ease}.maintenance-status-status-header.clickable:hover{background:var(--bg-secondary);border-radius:12px;padding:.5rem;margin:-.5rem}.maintenance-status-expand-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .2s ease}.maintenance-status-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:10px;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.maintenance-status-status-info{flex:1}.maintenance-status-status-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.maintenance-status-status-description{font-size:.875rem;color:var(--text-secondary);margin:0}.maintenance-status-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:16px;color:#fff;font-size:.7rem;font-weight:600;white-space:nowrap}.maintenance-status-progress-container{margin-top:.75rem}.maintenance-status-tire-simple{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.maintenance-status-tire-simple-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.maintenance-status-tire-simple-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.maintenance-status-tire-details{margin-top:1rem;animation:fadeInDown .3s ease-out}.maintenance-status-tire-section{margin-top:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.maintenance-status-tire-section:first-of-type{margin-top:.75rem}.maintenance-status-tire-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.maintenance-status-tire-info{display:flex;align-items:center;gap:.75rem}.maintenance-status-tire-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.maintenance-status-tire-km{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:.2rem .6rem;border-radius:8px;white-space:nowrap}.maintenance-status-progress-bar{width:100%;height:8px;background:var(--border-primary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.maintenance-status-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.maintenance-status-progress-text{text-align:center;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.maintenance-status-info-section{margin-top:1.5rem}.maintenance-status-info-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden}.maintenance-status-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.maintenance-status-info-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-align:center}.maintenance-status-info-description{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0 0 1.5rem;line-height:1.5}.maintenance-status-info-items{display:flex;justify-content:space-around;gap:1rem}.maintenance-status-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.maintenance-status-info-indicator{width:12px;height:12px;border-radius:50%}.maintenance-status-info-indicator.good{background-color:#10b981}.maintenance-status-info-indicator.warning{background-color:#f59e0b}.maintenance-status-info-indicator.urgent{background-color:#ef4444}.maintenance-status-loading-container,.maintenance-status-error-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:20px;margin-top:1.5rem;box-shadow:0 10px 30px #00000014}.maintenance-status-error-container p{color:#ef4444;font-size:1rem;text-align:center}@media (max-width: 480px){.maintenance-status-container{padding:.75rem}.maintenance-status-item,.vehicle-info-section{padding:1rem}.maintenance-status-section-title{font-size:1.125rem}.maintenance-status-status-title{font-size:1rem}.maintenance-status-info-items{flex-direction:column;align-items:center;gap:.5rem}.maintenance-status-tire-header{flex-direction:column;align-items:flex-start;gap:.5rem}.maintenance-status-tire-info{flex-direction:column;align-items:flex-start;gap:.25rem}.maintenance-status-tire-simple-item{padding:.4rem .6rem}.maintenance-status-tire-simple-label{font-size:.8rem}.maintenance-status-tire-section{padding:.6rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vehicle-info-section,.maintenance-status-item,.info-card{animation:fadeInUp .6s ease-out}.notifications-container{min-height:100vh;background:var(--bg-gradient);padding:20px}.header-section{margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.header-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.notifications-section{background:var(--bg-primary);border-radius:20px;padding:30px;box-shadow:0 10px 30px var(--shadow-dark)}.notifications-content{max-width:100%}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon{margin-bottom:20px;color:var(--text-muted)}.empty-title{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.empty-description{font-size:16px;color:var(--text-secondary);line-height:1.5}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{background:var(--bg-primary);border-radius:16px;padding:20px;box-shadow:0 2px 8px var(--shadow-dark);border:2px solid var(--border-primary);transition:all .3s ease;cursor:pointer;position:relative}.notification-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px var(--shadow-primary);border-color:var(--color-primary)}.notification-card.unread,.notification-card.unread:hover{background:var(--gradient-secondary);border-color:var(--color-primary)}.notification-content{display:flex;align-items:flex-start;gap:16px}.notification-icon{flex-shrink:0;width:40px;height:40px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px var(--shadow-secondary)}.notification-info{flex:1;min-width:0}.notification-message{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 8px;line-height:1.5}.notification-meta{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--text-secondary)}.notification-time{font-weight:500;color:var(--text-primary)}.notification-time .time-part{color:var(--color-primary);font-weight:600}.notification-time .today-part{color:#9ca3af;font-weight:400}.notification-date{color:var(--text-muted)}.notification-badge{position:absolute;top:16px;right:16px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 2px var(--shadow-secondary);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--shadow-secondary)}70%{box-shadow:0 0 0 6px #f0841100}to{box-shadow:0 0 #f0841100}}@media (max-width: 768px){.notifications-container{padding:16px}.header-title{font-size:24px}.notifications-section{padding:20px;border-radius:16px}.notification-card{padding:16px}.notification-content{gap:12px}.notification-icon{width:36px;height:36px}.notification-message{font-size:15px}.notification-meta{font-size:13px}}@media (max-width: 480px){.notifications-container{padding:12px}.header-title{font-size:22px}.notifications-section{padding:16px}.notification-card{padding:14px}.notification-icon{width:32px;height:32px}.notification-message{font-size:14px}}.home-container{max-width:700px;width:100%;margin:0 auto;min-height:100vh;position:relative;overflow-x:hidden}.home-header{padding:1rem 1.5rem;position:relative;z-index:50}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.signup-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-secondary)}.signup-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-secondary)}.hero-section{margin:1rem;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;position:relative}.hero-background{background-image:url(/img/home-bicycle.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0009,#0000004d);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-content{position:relative;z-index:2;text-align:center;padding:3rem 2rem;color:#fff;max-width:500px}.hero-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word}.hero-subtitle{font-size:1rem;margin-bottom:2rem;opacity:.9;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word}.hero-cta-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px var(--shadow-secondary);text-transform:uppercase;letter-spacing:.5px}.hero-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--shadow-secondary)}.features-section{padding:1.25rem .5rem;background:#fff;margin:1rem;border-radius:20px;box-shadow:0 10px 30px #00000014}.features-content{max-width:100%}.section-header{display:block!important;text-align:left;margin-bottom:2rem}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:visible;text-overflow:unset}.section-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2rem}.vehicle-card{transition:all .3s ease}.vehicle-card:hover{transform:translateY(-5px)}.stats-section{padding:2rem 1.5rem;background:var(--gradient-primary);margin:1rem;border-radius:20px;color:#fff;box-shadow:0 10px 30px var(--shadow-secondary)}.stats-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;text-align:center}.stat-item{padding:1rem}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.home-integrations-section{padding:2rem 1.5rem;margin:1rem;animation:fadeInUp .8s ease-out .5s both}.home-integrations-content{max-width:100%}.home-integrations-header{text-align:center;margin-bottom:2rem}.home-integrations-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-integrations-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.5}.home-integrations-grid{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:1.5rem}.home-integration-item{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 25px #00000014;border:2px solid transparent;transition:all .3s ease;min-width:120px;min-height:80px;display:flex;align-items:center;justify-content:center}.home-integration-item:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000001f;border-color:var(--color-primary)}.home-integration-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.home-integration-logo-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.home-integration-logo-fallback{display:none;align-items:center;justify-content:center;width:100%;height:100%}.home-integration-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center}.home-plans-section{padding:2rem 1.5rem;margin:1rem;animation:fadeInUp .8s ease-out .6s both}.home-plans-content{max-width:100%}.home-plans-header{text-align:center;margin-bottom:2rem}.home-plans-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-plans-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.5}.home-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.home-plan-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.home-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.home-plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.home-plan-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.home-plan-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;flex-shrink:0}.home-plan-icon.free{background:var(--gradient-primary)}.home-plan-icon.basic{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-darker) 100%)}.home-plan-icon.business{background:linear-gradient(135deg,var(--color-secondary) 0%,#1a2a26 100%)}.home-plan-icon-text{font-weight:700}.home-plan-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.home-plan-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.home-plan-features{display:flex;flex-direction:column;gap:.75rem}.home-plan-feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.home-plan-feature-icon{color:var(--color-primary);font-weight:700;font-size:1rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}@media (max-width: 768px){.home-container{max-width:100%}.hero-title{font-size:1.5rem;line-height:1.2}.hero-subtitle{font-size:.9rem;line-height:1.4}.section-title{font-size:1.75rem}.vehicle-grid{grid-template-columns:1fr;gap:.75rem}.stats-content{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-number{font-size:2rem}.stat-label{font-size:.75rem;line-height:1.2}.home-plans-title{font-size:1.5rem}.home-plans-subtitle{font-size:.9rem}.home-plans-grid{grid-template-columns:1fr;gap:1rem}.home-plan-card{padding:1.25rem}.home-integrations-title{font-size:1.5rem}.home-integrations-subtitle{font-size:.9rem}.home-integration-item{padding:1.5rem;min-width:100px;min-height:70px}.hero-background{min-height:450px}.hero-content{padding:2.5rem 1.5rem}}@media (max-width: 480px){.home-header{padding:.75rem}.hero-section{margin:.5rem;border-radius:16px}.hero-content{padding:2rem 1rem;max-width:100%}.hero-title{font-size:1.25rem;margin-bottom:.75rem;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.hero-subtitle{font-size:.875rem;margin-bottom:1.5rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.hero-cta-button{padding:.875rem 1.5rem;font-size:.875rem;white-space:nowrap}.features-section{margin:.5rem;padding:1.5rem 1rem;border-radius:16px}.section-title{font-size:1.5rem;line-height:1.2}.section-subtitle{font-size:.875rem;line-height:1.4}.stats-section{margin:.5rem;padding:1.5rem 1rem;border-radius:16px}.stats-content{grid-template-columns:1fr;gap:1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem;line-height:1.2}.hero-background{min-height:450px}.vehicle-grid{gap:.5rem}.home-plans-section{padding:1rem;margin:.5rem}.home-plans-title{font-size:1.25rem}.home-plans-subtitle{font-size:.875rem}.home-plan-card{padding:1rem}.home-plan-header{gap:.75rem}.home-plan-icon{width:40px;height:40px;font-size:1rem}.home-integrations-section{padding:1rem;margin:.5rem}.home-integrations-title{font-size:1.25rem}.home-integrations-subtitle{font-size:.875rem}.home-integration-item{padding:1rem;min-width:80px;min-height:60px}.home-integration-logo-text{font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-content{animation:fadeInUp .8s ease-out}.features-section{animation:fadeInUp .8s ease-out .2s both}.stats-section{animation:fadeInUp .8s ease-out .4s both}.vehicle-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.vehicle-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.home-container::-webkit-scrollbar{width:6px}.home-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.home-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f08411,#a1611c);border-radius:3px}.home-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1611c,#6d4111)}.login-container{width:100%;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-content{display:flex;flex-direction:column;min-height:100vh}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:2.5rem;width:100%;max-width:400px;animation:fadeInUp .6s ease-out}.login-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{display:flex;flex-direction:column;gap:.75rem}.forgot-password{text-align:center;margin-top:.125rem}.forgot-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.login-container{max-width:100%}.login-card{margin:1rem;padding:2rem}.login-title{font-size:1.75rem}}@media (max-width: 480px){.login-card{padding:1.5rem;margin:.5rem}.login-title{font-size:1.5rem;margin-bottom:1.5rem}.form-input{padding:.875rem 1rem}.btn-primary,.btn-secondary{padding:.875rem 1.25rem}}.signup-container{width:100%;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.signup-content{display:flex;flex-direction:column;min-height:100vh}.signup-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.signup-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:2.5rem;width:100%;max-width:450px;animation:fadeInUp .6s ease-out}.signup-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-form{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column}.google-login{display:flex;justify-content:center;margin:.5rem 0}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:0 .75rem;transition:all .3s ease;margin:.5rem 0}.terms-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer;margin-top:.125rem;flex-shrink:0}.terms-checkbox label{font-size:.875rem;color:var(--text-secondary);cursor:pointer;margin:0;line-height:1.4;flex:1}.terms-checkbox a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.terms-checkbox a:hover{color:var(--primary-color-dark);text-decoration:underline}.form-select{padding:1rem 3rem 1rem 1.25rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;transition:all .3s ease;background:#f9fafb;color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;font-family:inherit}.form-select:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-select:hover{border-color:var(--primary-color);background-color:#fff}.form-select option{background:#fff;color:var(--text-primary);padding:1rem;font-size:1rem;border:none;border-radius:8px;margin:.25rem 0;cursor:pointer;transition:all .3s ease}.form-select option:hover{background:#f3f4f6}.form-select option:checked{background:var(--primary-color);color:#fff}.form-select::-ms-expand{display:none}.form-select option{font-size:1.1rem;line-height:1.5}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;transition:all .3s ease;background:#f9fafb;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-dropdown-trigger:hover{border-color:var(--primary-color);background:#fff}.custom-dropdown-trigger.custom-dropdown-open{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.custom-dropdown-trigger .selected-option,.custom-dropdown-trigger .country-name{color:var(--text-primary)!important}.selected-option{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary)!important;font-weight:500}.dropdown-arrow{color:var(--text-secondary);transition:transform .3s ease}.dropdown-arrow-open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--primary-color);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 8px 25px #00000026;z-index:1000;margin-top:-2px;animation:dropdownSlideDown .3s ease-out;overflow:hidden}.custom-dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f3f4f6;min-height:2rem}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:#f9fafb}.custom-dropdown-option-selected{background:var(--primary-color);color:#fff}.custom-dropdown-option-selected:hover{background:var(--primary-color)}.custom-dropdown-option-selected .country-name{color:#fff}.country-flag-img{width:32px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px #0000001a}.country-name{font-size:1rem;font-weight:500;color:var(--text-primary)!important}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-link{text-align:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.login-text{color:var(--text-secondary);font-size:.875rem;margin-right:.5rem}.login-link-text{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.login-link-text:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.signup-container{max-width:100%}.signup-card{margin:1rem;padding:2rem}.signup-title{font-size:1.75rem}}@media (max-width: 480px){.signup-card{padding:1.5rem;margin:.5rem}.signup-title{font-size:1.5rem;margin-bottom:1rem}.form-input{padding:.875rem 1rem}.btn-primary,.btn-secondary{padding:.875rem 1.25rem}.password-validation{padding:.75rem}.terms-checkbox{padding:0 .75rem;gap:.5rem}.terms-checkbox label{font-size:.8rem}.form-select,.custom-dropdown-trigger{padding:.875rem 1rem;font-size:.875rem}.custom-dropdown-option{padding:.5rem .75rem;font-size:.875rem;min-height:2rem}.country-flag-img{width:28px;height:21px}}.user-profile-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.profile-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0;margin-bottom:2rem}.user-info-section{display:flex;align-items:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:2rem;position:relative;overflow:hidden}.user-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.user-avatar-container{margin-right:1.5rem}.user-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #f084114d;position:relative;overflow:hidden}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-icon{font-size:2.5rem;color:#fff}.user-details{flex:1}.user-name{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.user-email{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.user-role{font-size:.875rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-plan-badge{display:inline-flex;align-items:center;margin-top:.5rem;position:relative}.plan-badge-text{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;font-size:.75rem;font-weight:700;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;box-shadow:0 4px 15px #f084114d;position:relative;overflow:hidden;transition:all .3s ease}.plan-badge-text:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px}.plan-badge-text:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f0841166}.user-role-badge{position:absolute;top:1.7rem;right:-1rem;z-index:10}.role-badge-text{display:inline-flex;align-items:center;padding:.35rem 2rem .35rem 1.5rem;background:var(--color-secondary);color:#fff;font-size:.65rem;font-weight:600;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:.3px;position:relative;overflow:hidden;transition:all .3s ease;transform:skew(-15deg);box-shadow:0 2px 8px #21343040}.role-badge-text:before{content:"";position:absolute;top:0;left:-.5rem;width:0;height:0;border-top:1.2rem solid transparent;border-bottom:1.2rem solid transparent;border-right:.8rem solid var(--color-secondary);z-index:1}.role-badge-text:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);transform:skew(-15deg)}.role-badge-text span{transform:skew(15deg);display:inline-block;position:relative;z-index:2}.role-badge-text:hover{transform:skew(-15deg) translateY(-1px);box-shadow:0 4px 12px #21343059}.profile-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.options-grid{display:flex;flex-direction:column;gap:1rem}.profile-option{display:flex;align-items:center;background:#fff;border:2px solid var(--border-primary);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.profile-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #f0841126}.profile-option:hover:before{opacity:.05}.option-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin-right:1rem;position:relative;z-index:1;transition:all .3s ease;color:var(--color-primary);font-size:1.5rem}.profile-option:hover .option-icon{background:var(--gradient-primary);transform:scale(1.1);color:#fff}.option-content{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;z-index:1}.option-name{font-size:1rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.profile-option:hover .option-name{color:var(--color-primary)}.option-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:all .3s ease}.profile-option:hover .option-arrow{color:var(--color-primary);transform:translate(4px)}.signout-section{margin-bottom:2rem}.signout-button{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border:none;padding:1.25rem 2rem;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #f084114d;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.signout-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f0841166}.signout-icon{margin-right:.75rem;font-size:1.25rem}.signout-text{font-weight:600}.profile-footer{text-align:center;padding:2rem 0;color:var(--text-secondary)}.version-text{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.copyright-text{font-size:.75rem;opacity:.8;font-style:italic}@media (max-width: 768px){.user-profile-container{padding:.5rem}.user-info-section{padding:1.5rem;flex-direction:column;text-align:center}.user-avatar-container{margin-right:0;margin-bottom:1rem}.user-avatar{width:70px;height:70px}.user-name{font-size:1.5rem}.plan-badge-text{font-size:.7rem;padding:.4rem .8rem}.role-badge-text{font-size:.6rem;padding:.3rem 2rem .3rem 1.2rem}.user-role-badge{top:1.5rem;right:-.8rem}.profile-section{padding:1.5rem}.section-title{font-size:1.25rem}.signout-button{padding:1rem 1.5rem;font-size:.875rem}}@media (max-width: 480px){.user-info-section,.profile-section,.profile-option{padding:1rem}.option-icon{width:40px;height:40px;font-size:1.25rem}.option-name{font-size:.875rem}.plan-badge-text{font-size:.65rem;padding:.35rem .7rem}.role-badge-text{font-size:.55rem;padding:.25rem 2rem .25rem 1rem}.user-role-badge{top:1.5rem;right:-.6rem}}.user-info-section{animation:fadeInUp .6s ease-out}.profile-section{animation:fadeInUp .6s ease-out .2s both}.signout-section{animation:fadeInUp .6s ease-out .4s both}.profile-footer{animation:fadeInUp .6s ease-out .6s both}.navbar{width:500px}.navbar-container{position:fixed;top:0;left:0;right:0;padding:0;z-index:100;width:100%;height:80px;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.navbar-container.navbar-scrolled{background:linear-gradient(to bottom,#0000000f,#0000);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:0 1rem;box-sizing:border-box}.navbar-left{display:flex;align-items:center;justify-content:flex-start;flex:1}.navbar-center{display:flex;align-items:center;justify-content:center;flex:1}.navbar-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.navbar-notifications{display:flex;align-items:center;justify-content:center}.navbar-notifications button{padding:.5rem;border-radius:50%;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.navbar a img{padding:.5rem;margin:.7rem 0}.navbar-btn{padding:1rem;text-decoration:none;color:var(--color-primary);background-color:#f084111a;border-radius:1rem;transition:all .3s ease;border:1px solid transparent}.navbar-btn:hover{color:var(--color-primary);background-color:#f0841126;border-color:#f0841133;transform:translateY(-1px);box-shadow:0 4px 12px #f0841133}.navbar ul{margin:0;list-style:none;padding:0}.navbar ul li{padding:1rem}.icon-menu{border-radius:50%;border:solid 1px #686868;margin-left:.5rem;padding:.3rem;color:#686868;cursor:pointer}.icon-menu:hover{color:#000;background-color:#2b2b2b}.navbar-logo{text-decoration:none;cursor:pointer;border-radius:12px;padding:.5rem}.navbar-user-icon{padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;cursor:pointer}@media only screen and (max-width: 560px){.navbar ul{display:none!important}.navbar-container{padding:.5rem 0}.navbar-content{padding:0 .5rem}.navbar-logo,.navbar-user-icon,.navbar-notifications{padding:.25rem}}.language-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.language-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0;margin-bottom:2rem}.language-title-section{padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:2rem;position:relative;overflow:hidden}.language-title-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.language-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.language-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.language-options-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;margin-bottom:2rem}.language-options-grid{display:flex;flex-direction:column;gap:1rem}.language-option{display:flex;align-items:center;background:#fff;border:2px solid var(--border-primary);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.language-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.language-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #f0841126}.language-option:hover:before{opacity:.05}.language-option-selected{border-color:var(--color-primary);background:linear-gradient(135deg,#f084111a,#a1611c1a);box-shadow:0 8px 25px #f0841133}.language-option-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin-right:1rem;position:relative;z-index:1;transition:all .3s ease}.language-option:hover .language-option-icon{background:var(--gradient-primary);transform:scale(1.1)}.flag-icon{font-size:2rem;transition:all .3s ease}.language-option:hover .flag-icon{transform:scale(1.1)}.language-option-content{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;z-index:1}.language-option-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.language-option:hover .language-option-name{color:var(--color-primary)}.language-option-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:all .3s ease}.language-option:hover .language-option-arrow{color:var(--color-primary);transform:translate(4px)}.language-modal-content{text-align:center;padding:1rem}@media (max-width: 768px){.language-container{padding:.5rem}.language-title-section{padding:1.5rem}.language-title{font-size:1.75rem}.language-options-section{padding:1.5rem}.language-option{padding:1.25rem}.language-option-icon{width:50px;height:50px}.flag-icon{font-size:1.5rem}.language-option-name{font-size:1rem}}@media (max-width: 480px){.language-title-section,.language-options-section,.language-option{padding:1rem}.language-option-icon{width:45px;height:45px}.flag-icon{font-size:1.25rem}.language-option-name{font-size:.875rem}}.language-title-section{animation:fadeInUp .6s ease-out}.language-options-section{animation:fadeInUp .6s ease-out .2s both}.integrations-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.integrations-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0;margin-bottom:2rem}.integrations-title-section{padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:2rem;position:relative;overflow:hidden}.integrations-title-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.integrations-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.integrations-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.integrations-options-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;margin-bottom:2rem}.integrations-options-grid{display:flex;flex-direction:column;gap:1rem}.integration-option{display:flex;align-items:center;background:#fff;border:2px solid var(--border-primary);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.integration-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.integration-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #f0841126}.integration-option:hover:before{opacity:.05}.integration-option-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin-right:1rem;position:relative;z-index:1;transition:all .3s ease}.integration-option:hover .integration-option-icon{background:var(--gradient-primary);transform:scale(1.1)}.integration-icon{font-size:2rem;transition:all .3s ease}.integration-option:hover .integration-icon{transform:scale(1.1)}.integration-option-content{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;z-index:1}.integration-option-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.integration-option:hover .integration-option-name{color:var(--color-primary)}.integration-option-actions{display:flex;align-items:center;gap:.5rem}.disconnect-button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.disconnect-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.disconnect-button:active{transform:translateY(0)}.no-integrations{text-align:center;padding:3rem 1rem}.no-integrations-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%;margin:0 auto 1.5rem;color:var(--text-muted)}.no-integrations-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.no-integrations-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.loading-integrations{display:flex;align-items:center;justify-content:center;min-height:300px}.integrations-modal-content,.integrations-disconnect-modal-content{text-align:center;padding:1rem}.modal-icon.warning{background:#f59e0b}.modal-icon.error{background:#ef4444}.modal-button.secondary{background:#6b7280;box-shadow:0 4px 15px #6b72804d}.modal-button.secondary:hover{background:#4b5563;box-shadow:0 8px 25px #6b728066}.modal-button.danger{background:#ef4444;box-shadow:0 4px 15px #ef44444d}.modal-button.danger:hover{background:#dc2626;box-shadow:0 8px 25px #ef444466}.modal-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.integrations-container{padding:.5rem}.integrations-title-section{padding:1.5rem}.integrations-title{font-size:1.75rem}.integrations-options-section{padding:1.5rem}.integration-option{padding:1.25rem}.integration-option-icon{width:50px;height:50px}.integration-icon{font-size:1.5rem}.integration-option-name{font-size:1rem}.modal-buttons{flex-direction:column}}@media (max-width: 480px){.integrations-title-section,.integrations-options-section,.integration-option{padding:1rem}.integration-option-icon{width:45px;height:45px}.integration-icon{font-size:1.25rem}.integration-option-name{font-size:.875rem}.disconnect-button{padding:.375rem .75rem;font-size:.75rem}}.integrations-title-section{animation:fadeInUp .6s ease-out}.integrations-options-section{animation:fadeInUp .6s ease-out .2s both}.rate-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.rate-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0;margin-bottom:2rem}.rate-title-section{padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:2rem;position:relative;overflow:hidden}.rate-title-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.rate-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rate-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.rate-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.rate-form{display:flex;flex-direction:column;gap:2rem}.rate-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;text-align:center}.rate-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.rate-section-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.stars-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:2px solid var(--border-primary)}.star-icon{cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:50%}.star-icon:hover{transform:scale(1.2);background-color:#f084111a}.star-filled{color:var(--color-primary)}.star-empty{color:var(--text-muted)}.error-message{color:#ef4444;font-size:.875rem;margin-top:1rem;padding:.75rem;background-color:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.textarea-container{margin-top:1rem}.feedback-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid var(--border-primary);border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fff;color:var(--text-primary)}.feedback-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f084111a}.feedback-textarea::-moz-placeholder{color:var(--text-muted)}.feedback-textarea::placeholder{color:var(--text-muted)}.rate-submit-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.submit-button{background:var(--gradient-primary);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #f084114d;text-transform:uppercase;letter-spacing:.5px;min-width:200px}.submit-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f0841166}.no-thanks-button{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.no-thanks-button:hover{color:var(--color-primary);background-color:#f084111a}.rate-modal-content{text-align:center;padding:1rem}.modal-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;margin:0 auto 1.5rem;color:#fff}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.modal-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.modal-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f084114d;text-transform:uppercase;letter-spacing:.5px}.modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}@media (max-width: 768px){.rate-container{padding:.5rem}.rate-title-section{padding:1.5rem}.rate-title{font-size:1.75rem}.rate-section{padding:1.5rem}.rate-section-title{font-size:1.25rem}.stars-container{gap:.25rem;padding:.75rem}.star-icon{padding:.25rem}.submit-button{padding:1rem 2rem;font-size:.875rem;min-width:180px}}@media (max-width: 480px){.rate-title-section,.rate-section{padding:1rem}.stars-container{padding:.5rem}.star-icon{padding:.25rem}.feedback-textarea{min-height:100px;padding:.75rem}.submit-button{padding:.875rem 1.5rem;font-size:.8rem;min-width:160px}}.rate-title-section{animation:fadeInUp .6s ease-out}.rate-section{animation:fadeInUp .6s ease-out .2s both}.rate-section:nth-child(2){animation-delay:.4s}.rate-submit-section{animation:fadeInUp .6s ease-out .6s both}.callbacks-container{width:100%;margin:0 auto;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.callbacks-content{display:flex;flex-direction:column;min-height:auto;width:100%}.callbacks-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.callbacks-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:1.5rem;width:100%;max-width:400px;animation:fadeInUp .6s ease-out}.callbacks-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-group{display:flex;gap:.75rem;margin-top:1rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;flex:1}.btn-secondary{background:#f3f4f6;color:var(--text-primary);border:none;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;flex:1}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}@media (max-width: 768px){.callbacks-container{max-width:100%}.callbacks-card{margin:1rem;padding:2rem}.callbacks-title{font-size:1.75rem}.success-icon{width:70px;height:70px;font-size:2rem}.success-title{font-size:1.25rem}}@media (max-width: 480px){.callbacks-card{padding:1.5rem;margin:.5rem}.callbacks-title{font-size:1.5rem;margin-bottom:1rem}.success-icon{width:60px;height:60px;font-size:1.75rem}.success-title{font-size:1.125rem}.btn-primary,.btn-secondary{padding:.875rem 1.25rem}.button-group{flex-direction:column}}.activate-user-container{width:100%;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.activate-user-content{display:flex;flex-direction:column;min-height:auto;width:100%}.activate-user-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.activate-user-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:1.5rem;width:100%;max-width:400px;animation:fadeInUp .6s ease-out}.activate-user-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;gap:.75rem}.loading-text{color:var(--text-secondary);font-size:1rem;text-align:center;margin:0}.success-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;gap:.75rem;animation:fadeInUp .6s ease-out}.success-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;box-shadow:0 8px 25px var(--shadow-secondary);animation:scaleIn .6s ease-out}.success-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0}.success-text{color:var(--text-secondary);font-size:1rem;text-align:center;margin:0}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;gap:1rem}.error-message{color:#ef4444;font-size:.875rem;margin:0}.global-error{text-align:center;padding:.75rem;background:#fef2f2;border-radius:12px;border:1px solid #fecaca;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.activate-user-container{max-width:100%}.activate-user-card{margin:1rem;padding:2rem}.activate-user-title{font-size:1.75rem}.success-icon{width:70px;height:70px;font-size:2rem}.success-title{font-size:1.25rem}}@media (max-width: 480px){.activate-user-card{padding:1.5rem;margin:.5rem}.activate-user-title{font-size:1.5rem;margin-bottom:1rem}.success-icon{width:60px;height:60px;font-size:1.75rem}.success-title{font-size:1.125rem}.btn-primary{padding:.875rem 1.25rem}}.addvehicleintegrations-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative}.addvehicleintegrations-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.header-spacer{flex:1}.addvehicleintegrations-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.addvehicleintegrations-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.integration-info{margin-bottom:0rem}.integration-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.integration-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.vehicle-options-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;text-align:center}.empty-state-text{font-size:1rem;color:var(--text-secondary);line-height:1.5}.error-message{color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.buttons-section{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.btn-primary{width:100%;padding:1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #f084114d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}.modal-success-content{text-align:center;padding:1rem 0}.modal-success-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.modal-success-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-success-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.modal-success-button{width:100%;padding:1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #f084114d}.modal-success-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f0841166}@media (max-width: 768px){.addvehicleintegrations-container{padding:.5rem}.addvehicleintegrations-section,.loading-container,.empty-state{padding:1.25rem}.vehicle-options-grid{grid-template-columns:1fr}}@media (max-width: 480px){.addvehicleintegrations-section,.loading-container,.empty-state{padding:1rem}.section-title{font-size:1.125rem}}.addvehicleintegrations-section{animation:fadeInUp .6s ease-out}.loading-container,.empty-state{animation:fadeInUp .6s ease-out .2s both}.buttons-section{animation:fadeInUp .6s ease-out .4s both}.forgot-password-container{width:100%;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.forgot-password-content{display:flex;flex-direction:column;min-height:100vh}.forgot-password-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.forgot-password-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:2.5rem;width:100%;max-width:400px;animation:fadeInUp .6s ease-out}.forgot-password-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-password-form{display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.signup-link{text-align:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.signup-text{color:var(--text-secondary);font-size:.875rem;margin-right:.5rem}.signup-link-text{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.signup-link-text:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.forgot-password-container{max-width:100%}.forgot-password-card{margin:1rem;padding:2rem}.forgot-password-title{font-size:1.75rem}}@media (max-width: 480px){.forgot-password-card{padding:1.5rem;margin:.5rem}.forgot-password-title{font-size:1.5rem;margin-bottom:1rem}.form-input{padding:.875rem 1rem}.btn-primary,.btn-secondary{padding:.875rem 1.25rem}}.reset-password-container{width:100%;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.reset-password-content{display:flex;flex-direction:column;min-height:100vh}.reset-password-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.reset-password-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:2.5rem;width:100%;max-width:450px;animation:fadeInUp .6s ease-out}.logo-link{text-decoration:none;transition:transform .3s ease;display:flex;justify-content:center;margin:1rem 0 1.5rem}.logo-link:hover{transform:scale(1.05)}.reset-password-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reset-password-form{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-input{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;transition:all .3s ease;background:#f9fafb}.form-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-input-error{border-color:#ef4444;background:#fef2f2}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-input-group{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.password-toggle:hover{background:#f3f4f6;color:var(--primary-color)}.password-validation{background:#f9fafb;border-radius:12px;padding:1rem;margin:.5rem 0;border:1px solid #e5e7eb}.validation-item{display:flex;align-items:center;margin-bottom:.5rem}.validation-item:last-child{margin-bottom:0}.validation-icon{margin-right:.5rem;font-size:1rem}.validation-icon.valid{color:#10b981}.validation-icon.invalid{color:#ef4444}.validation-text{font-size:.875rem;margin:0}.validation-text.valid{color:#10b981}.validation-text.invalid{color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.global-error{text-align:center;padding:.75rem;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.error-section{text-align:center;margin-top:1rem}.button-group{display:flex;flex-direction:column;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-secondary)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid #e5e7eb;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.back-to-login{text-align:center;margin-top:.5rem}.back-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.back-link:hover{color:var(--primary-dark);text-decoration:underline}.modal-content{text-align:center;padding:1rem}.modal-title{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.modal-text{margin-bottom:1rem;color:var(--text-secondary)}@media (max-width: 768px){.reset-password-container{max-width:100%}.reset-password-card{margin:1rem;padding:2rem}.reset-password-title{font-size:1.75rem}}@media (max-width: 480px){.reset-password-card{padding:1.5rem;margin:.5rem}.reset-password-title{font-size:1.5rem;margin-bottom:1rem}.form-input{padding:.875rem 1rem}.btn-primary,.btn-secondary{padding:.875rem 1.25rem}.password-validation{padding:.75rem}}.refuel-detail-container{max-width:500px;width:100%;margin:0 auto;min-height:100vh;padding:1rem;position:relative;background:var(--background-color, #f8fafc)}.refuel-detail-header{margin-bottom:1.5rem;display:flex;justify-content:flex-end;align-items:center}.refuel-detail-main-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.refuel-detail-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%))}.refuel-detail-main-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.refuel-detail-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%));color:#fff;border-radius:12px;flex-shrink:0}.refuel-detail-title-section{flex:1}.refuel-detail-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 .25rem;line-height:1.2}.refuel-detail-date{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);margin:0;text-transform:uppercase;letter-spacing:.5px}.refuel-detail-amount{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f084111a,#a1611c1a);border:2px solid var(--color-primary, #f08411);border-radius:12px}.refuel-detail-amount-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%));color:#fff;border-radius:8px}.refuel-detail-amount-value{font-size:1.125rem;font-weight:700;color:var(--color-primary, #f08411)}.refuel-detail-details-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.refuel-detail-details-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%))}.refuel-detail-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:1rem;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.refuel-detail-details-row{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.refuel-detail-details-row:last-child{margin-bottom:0}.refuel-detail-detail-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;flex:1;min-width:140px}.refuel-detail-detail-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%));color:#fff;border-radius:8px;flex-shrink:0}.refuel-detail-detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.refuel-detail-detail-label{font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.refuel-detail-detail-value{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b)}.refuel-detail-station-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.refuel-detail-station-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%))}.refuel-detail-station-info{display:flex;align-items:center;gap:1rem}.refuel-detail-station-logo{flex-shrink:0}.refuel-detail-station-logo-img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f8fafc;padding:.5rem;border:1px solid #e2e8f0}.refuel-detail-station-details{flex:1}.refuel-detail-station-name{font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.refuel-detail-station-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #64748b);font-weight:500}.refuel-detail-additional-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem;position:relative;overflow:hidden}.refuel-detail-additional-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%))}.refuel-detail-delete-button{width:100%;padding:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d;margin-bottom:1rem}.refuel-detail-delete-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.refuel-detail-error-message{color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.refuel-detail-loading{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.refuel-detail-modal-content{text-align:center;padding:1rem}.refuel-detail-modal-icon{display:flex;justify-content:center;margin-bottom:1rem}.refuel-detail-modal-icon.success{color:#10b981}.refuel-detail-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:.75rem}.refuel-detail-modal-description{font-size:.875rem;color:var(--text-secondary, #64748b);margin-bottom:1.5rem;line-height:1.5}.refuel-detail-modal-buttons{display:flex;gap:.75rem;justify-content:center}.refuel-detail-modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refuel-detail-modal-button:first-child{background:var(--gradient-primary, linear-gradient(135deg, #f08411 0%, #a1611c 100%));color:#fff}.refuel-detail-modal-button.secondary{background:#6b7280;color:#fff}.refuel-detail-modal-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}@media (max-width: 480px){.refuel-detail-container{padding:.75rem}.refuel-detail-main-card,.refuel-detail-details-card,.refuel-detail-station-card,.refuel-detail-additional-card{padding:1rem}.refuel-detail-main-header{flex-direction:column;text-align:center;gap:.75rem}.refuel-detail-icon{width:40px;height:40px}.refuel-detail-title{font-size:1.125rem}.refuel-detail-details-row{flex-direction:row;gap:.5rem}.refuel-detail-detail-item{min-width:auto;flex:1;padding:.5rem}.refuel-detail-detail-icon{width:28px;height:28px}.refuel-detail-detail-label{font-size:.7rem}.refuel-detail-detail-value{font-size:.9rem}.refuel-detail-station-info{flex-direction:row;text-align:left;gap:.75rem}.refuel-detail-station-logo-img{width:70px;height:70px}.refuel-detail-station-name{font-size:1rem}.refuel-detail-station-location{font-size:.8rem}.refuel-detail-modal-buttons{flex-direction:column}}@media (max-width: 360px){.refuel-detail-details-row{flex-direction:column;gap:.5rem}.refuel-detail-detail-item{padding:.75rem}.refuel-detail-detail-icon{width:32px;height:32px}.refuel-detail-detail-label{font-size:.75rem}.refuel-detail-detail-value{font-size:1rem}.refuel-detail-station-info{flex-direction:column;text-align:center;gap:.75rem}.refuel-detail-station-logo-img{width:60px;height:60px}.refuel-detail-station-name{font-size:1.125rem}.refuel-detail-station-location{font-size:.875rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.refuel-detail-main-card{animation:fadeInUp .6s ease-out}.refuel-detail-details-card{animation:fadeInUp .6s ease-out .2s both}.refuel-detail-station-card{animation:fadeInUp .6s ease-out .4s both}.refuel-detail-additional-card{animation:fadeInUp .6s ease-out .6s both}.available-integrations-container{min-height:100vh;padding:1rem}.available-integrations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.available-integrations-content{max-width:1200px;margin:0 auto}.vehicle-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#dbeafe;border:1px solid #3b82f6;border-radius:12px;margin-bottom:1.5rem}.vehicle-notice-icon{font-size:1.5rem;flex-shrink:0}.vehicle-notice-content{flex:1}.vehicle-notice-title{font-size:1.125rem;font-weight:600;color:#1e40af;margin:0 0 .5rem}.vehicle-notice-description{font-size:.875rem;color:#1e40af;line-height:1.5;margin:0}.error-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem}.error-notice-icon{font-size:1.5rem;flex-shrink:0}.error-notice-content{flex:1}.error-notice-title{font-size:1.125rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.error-notice-description{font-size:.875rem;color:#92400e;line-height:1.5;margin:0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem}.integration-card{background:#fff;border-radius:20px;padding:1rem;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:2px solid transparent}.integration-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f;border-color:var(--integration-color)}.integration-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.integration-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-emoji{font-size:1.5rem}.integration-info{flex:1}.integration-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.integration-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0}.connect-button{width:100%;padding:.75rem;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:0rem}.connect-button:hover{transform:translateY(-2px)}.strava-official-button-img{display:block;height:35px;width:auto;max-width:100%;margin:0 auto}.connect-button:has(.strava-official-button-img){padding:.5rem;background:transparent!important;box-shadow:none!important}.coming-soon-section{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.coming-soon-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.coming-soon-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.available-integrations-container{padding:.5rem}.integrations-grid{grid-template-columns:1fr;gap:1.5rem}.integration-card,.intro-section{padding:1.5rem}.intro-title{font-size:1.5rem}.integration-name{font-size:1.25rem}}@media (max-width: 480px){.integration-header{flex-direction:column;text-align:center}.integration-icon{align-self:center}}:root{--color-primary: #f08411;--color-primary-dark: #a1611c;--color-primary-darker: #6d4111;--color-primary-light: #f8dfc4;--color-secondary: #213430;--bg-primary: #ffffff;--bg-secondary: #fafbfc;--bg-tertiary: #f1f5f9;--bg-gradient: linear-gradient(135deg, #fafbfc 0%, #f1f5f9 100%);--text-primary: #1a202c;--text-secondary: #718096;--text-muted: #a0aec0;--border-primary: #e2e8f0;--border-secondary: #cbd5e0;--shadow-primary: rgba(240, 132, 17, .15);--shadow-secondary: rgba(240, 132, 17, .3);--shadow-dark: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #f08411 0%, #a1611c 100%);--gradient-secondary: linear-gradient(135deg, rgba(240, 132, 17, .1) 0%, rgba(161, 97, 28, .1) 100%)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.right-1{right:.25rem}.top-1{top:.25rem}.z-50{z-index:50}.m-0{margin:0}.m-2{margin:.5rem}.m-3{margin:.75rem}.mx-0{margin-left:0;margin-right:0}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-auto{margin-bottom:auto}.me-1{margin-inline-end:.25rem}.me-3{margin-inline-end:.75rem}.me-4{margin-inline-end:1rem}.ms-1{margin-inline-start:.25rem}.ms-4{margin-inline-start:1rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.h-10{height:2.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t-2{border-top-width:2px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity))}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-60{--tw-bg-opacity: .6}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pe-0{padding-inline-end:0px}.ps-0{padding-inline-start:0px}.ps-3{padding-inline-start:.75rem}.ps-4{padding-inline-start:1rem}.pt-0{padding-top:0}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-orange-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body{font-family:Roboto,sans-serif;min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;box-sizing:border-box;overflow-x:hidden;width:100%}*,*:before,*:after{box-sizing:inherit}#root{min-height:100vh;background:var(--bg-gradient);width:100%;overflow-x:hidden}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:text-neutral-500:hover{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.hover\:text-orange-600:hover{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}