.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-bottom:none;pointer-events:none}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 12px 12px;border-bottom:1px solid var(--border-default)}.header-brand{display:flex;align-items:center;gap:.75rem}.creator-logo img{width:36px;height:36px;border-radius:50%;transition:transform .2s}.creator-logo img:hover{transform:scale(1.1)}.header-logo{font-size:1.5rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:.25rem}.logo-fuel{color:var(--highlight)}.logo-trip{color:var(--text-secondary)}.logo-game-icon{font-size:1rem;margin-left:.25rem;opacity:.4;transition:opacity .2s,transform .2s}.header-logo:hover .logo-game-icon{opacity:1;transform:scale(1.2)}.header-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;transition:color .3s;font-size:1rem;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{color:var(--highlight)}.nav-button{padding:0}.nav-user{background:var(--primary-light);padding:.4rem .75rem;border-radius:6px;color:var(--highlight);font-weight:500}.nav-user:hover{background:#a1807240;color:var(--text-primary)}.nav-button-primary{background:var(--primary);padding:.5rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;transition:all .2s}.nav-button-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a180724d}.install-button{background:var(--success);padding:.5rem 1rem;border-radius:6px;color:#fff;font-weight:500;border:none;cursor:pointer;transition:background .2s}.install-button:hover{background:var(--success-hover);color:#fff}@media (max-width: 768px){.header-container{padding:1rem}.header-nav{gap:1rem;font-size:.9rem}.nav-button-primary{padding:.4rem 1rem}}.layout{min-height:100vh;background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-gradient-end) 100%)}.layout-main{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.app-container{height:100vh;height:100dvh;width:100vw;max-height:-webkit-fill-available;overflow:hidden;background:linear-gradient(180deg,#1a0033,#2d1450,#4a1a6b 30%,#6b2d8a,#8b3fa8 70%,#c455d1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding-top:40px;-webkit-user-select:none;user-select:none}.app-container:before{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-50%);width:min(400px,60vw);height:min(400px,60vw);background:radial-gradient(ellipse at center,rgba(255,183,77,.9) 0%,rgba(255,152,0,.7) 35%,transparent 68%),linear-gradient(180deg,#ffb84d,#ffa726,#ff9800,#ff6b35,#ff4500,#ff006e 75%,#e91e63 85%,#c2185b);border-radius:50%;z-index:1;box-shadow:0 0 80px #ff980080,0 0 150px #ff6b3566,0 0 250px #e91e634d}.app-container:after{content:"";position:absolute;top:35%;left:0;right:0;height:min(400px,60vw);transform:translateY(-50%);background:repeating-linear-gradient(transparent,transparent 18px,rgba(138,43,226,.8) 18px,rgba(138,43,226,.8) 22px);z-index:2;pointer-events:none}.app-container .skyline{position:absolute;bottom:50%;left:0;right:0;height:200px;z-index:10;background:linear-gradient(to bottom,transparent 0%,#0a0015 40%,#0a0015 100%);clip-path:polygon(0% 100%,0% 70%,3% 65%,3% 50%,5% 50%,5% 70%,8% 70%,8% 55%,10% 55%,10% 60%,12% 60%,12% 40%,15% 40%,15% 60%,18% 60%,18% 45%,20% 45%,20% 35%,22% 35%,22% 50%,25% 50%,25% 55%,28% 55%,28% 65%,30% 65%,30% 75%,35% 75%,35% 60%,38% 60%,38% 50%,40% 50%,40% 40%,42% 40%,42% 55%,45% 55%,45% 65%,48% 65%,48% 30%,52% 30%,52% 65%,55% 65%,55% 55%,58% 55%,58% 40%,60% 40%,60% 50%,62% 50%,62% 60%,65% 60%,65% 75%,70% 75%,70% 65%,72% 65%,72% 55%,75% 55%,75% 50%,78% 50%,78% 35%,80% 35%,80% 45%,82% 45%,82% 60%,85% 60%,85% 40%,88% 40%,88% 60%,90% 60%,90% 55%,92% 55%,92% 70%,95% 70%,95% 50%,97% 50%,97% 65%,100% 70%,100% 100%)}.app-container .grid-floor{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:50%;will-change:background-position;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,0,255,.6) 49px,rgba(255,0,255,.6) 51px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,255,255,.5) 49px,rgba(0,255,255,.5) 51px);background-size:50px 50px;transform-origin:top center;transform:translate(-50%) perspective(200px) rotateX(60deg);z-index:0}.scene-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:50%;z-index:5}.logo-container{text-align:center;z-index:100;position:relative;margin-bottom:20px}.logo{font-size:3rem;margin:0 0 15px;color:#0ff;font-weight:700;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff,0 0 60px rgba(0,255,255,.5),2px 2px 0 #ff006e,4px 4px 0 #ff1a7f;font-family:Courier New,monospace;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:15px}.construction-emoji{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,193,7,.8));animation:constructionBlink 1.5s ease-in-out infinite}@keyframes constructionBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.tagline-box{background:#000000b3;border-radius:8px;padding:10px 20px;border:2px solid rgba(0,255,255,.5);box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a;animation:taglineGlow 3s ease-in-out infinite}.tagline{font-size:1.2rem;margin:0 0 6px;color:#fff;font-weight:600;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px rgba(0,255,255,.5),2px 2px 4px rgba(0,0,0,.8);font-family:Courier New,monospace;letter-spacing:.05em}.subtitle{font-size:.85rem;margin:0;color:#ff8c42;font-weight:400;font-style:italic;text-shadow:0 0 8px rgba(255,140,66,.5);font-family:Courier New,monospace;animation:subtitleFade 2s ease-in-out infinite}@keyframes subtitleFade{0%,to{opacity:.8}50%{opacity:.5}}@keyframes taglineGlow{0%,to{border-color:#00ffff80;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a}50%{border-color:#f0f9;box-shadow:0 0 30px #ff00ff80,inset 0 0 30px #f0f3}}.trippy{display:inline-block;position:relative;background:linear-gradient(45deg,#ff006e,#f0f,#ff8c42,#ff0,#0f0,#0ff,#8b00ff 90%,#ff006e);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:psychedelicFlow 3s ease infinite,trippyWave 2s ease-in-out infinite,trippyScale 4s ease-in-out infinite;filter:drop-shadow(0 0 20px #ff00ff) drop-shadow(0 0 40px #00ffff) hue-rotate(0deg)}@keyframes psychedelicFlow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:50% 100%;filter:hue-rotate(90deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}75%{background-position:50% 0%;filter:hue-rotate(270deg)}to{background-position:0% 50%;filter:hue-rotate(360deg)}}@keyframes trippyWave{0%,to{transform:translateY(0) skew(0)}25%{transform:translateY(-5px) skew(2deg)}50%{transform:translateY(0) skew(0)}75%{transform:translateY(5px) skew(-2deg)}}@keyframes trippyScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.retro-car{position:absolute;bottom:40%;transform:translate(-50%);width:200px;z-index:250;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));cursor:grab;pointer-events:auto;touch-action:none;will-change:left}.retro-car:active{cursor:grabbing}.calculator-button{position:fixed;top:20px;right:20px;z-index:1000;background:linear-gradient(135deg,#2a2a2a,#4a4a4a);text-decoration:none;padding:12px;border-radius:12px;font-size:1.5rem;line-height:1;transition:transform .2s,box-shadow .2s;box-shadow:0 0 8px #ffb43299,0 0 20px #ff96004d;border:2px solid rgba(255,180,50,.7)}.calculator-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 0 12px #ffb432cc,0 0 30px #ff960080;border-color:#ffc850e6;background:linear-gradient(135deg,#3a3a3a,#5a5a5a)}.calculator-pointer{position:fixed;top:70px;right:60px;z-index:999;display:flex;align-items:center;gap:8px;animation:pointerBounce 1.5s ease-in-out infinite}.pointer-text{background:#000000d9;color:#0ff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;padding:8px 12px;border-radius:8px;border:2px solid #00ffff;box-shadow:0 0 15px #00ffff80;text-shadow:0 0 8px #00ffff;white-space:nowrap}.pointer-arrow{font-size:2rem;color:#ff8c42;text-shadow:0 0 15px #ff8c42;animation:arrowPulse .8s ease-in-out infinite}@keyframes pointerBounce{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(5px) translateY(-5px)}}@keyframes arrowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.start-instruction{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;text-align:center}.start-instruction>p{color:#0ff;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #00ffff;margin:0;background:#000000bf;padding:12px 20px;border-radius:10px}.highscores-display{background:#000c;border:2px solid #ff00ff;border-radius:10px;padding:15px 25px;margin-top:20px;box-shadow:0 0 20px #ff00ff80}.highscores-display h3{color:#f0f;font-family:Courier New,monospace;font-size:1.1rem;margin:0 0 12px;text-shadow:0 0 10px #ff00ff;text-align:center}.highscores-display ol{list-style:none;padding:0;margin:0}.highscores-display li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,0,255,.3);font-family:Courier New,monospace;font-size:.95rem}.highscores-display li:last-child{border-bottom:none}.highscores-display .rank{color:#0ff;width:25px;text-shadow:0 0 5px #00ffff}.highscores-display .name{color:#fff;flex:1;text-align:left;padding:0 10px}.highscores-display .hs-score{color:#ff8c42;font-weight:700;text-shadow:0 0 5px #ff8c42}.falling-station{position:absolute;font-size:2.5rem;z-index:45;transform:translate(-50%);pointer-events:none;will-change:top}.fuel-gauge{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:200;background:#000c;border:2px solid #00ffff;border-radius:10px;padding:15px 12px;box-shadow:0 0 20px #00ffff80;display:flex;flex-direction:column;align-items:center;gap:10px}.fuel-label{color:#0ff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 0 5px #00ffff;writing-mode:vertical-rl;text-orientation:mixed}.fuel-meter-vertical{position:relative;width:40px;height:200px;background:#000000e6;border:2px solid #00ffff;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0}.fuel-bar-vertical{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0f0,#ff8c42,#ff006e);border-radius:0 0 3px 3px;box-shadow:0 0 10px currentColor}.fuel-marker-vertical{position:absolute;left:-10px;color:#0ff;font-size:1.2rem;text-shadow:0 0 5px #00ffff;z-index:10;transform:translateY(50%)}.fuel-text-e,.fuel-text-f{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#0ff;text-shadow:0 0 5px #00ffff;z-index:5}.score{color:#ff8c42;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 0 5px #ff8c42}.timer{color:#ff006e;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;text-align:center;text-shadow:0 0 10px #ff006e}.speedometer{display:flex;flex-direction:column;align-items:center;margin-top:5px}.speed-value{color:#0f0;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #00ff00}.speed-unit{color:#0f0;font-family:Courier New,monospace;font-size:.7rem;opacity:.8;text-shadow:0 0 5px #00ff00}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:150;animation:fadeIn .3s ease;pointer-events:none;transition:align-items .2s ease}.game-over-overlay.keyboard-open{align-items:flex-start;padding-top:20px}.game-over-box{background:#1a0033f2;border:3px solid #ff006e;border-radius:15px;padding:30px 40px;text-align:center;box-shadow:0 0 50px #ff006e;animation:slideUp .5s ease;pointer-events:auto}.game-over-box h2{color:#0ff;font-family:Courier New,monospace;font-size:2.5rem;margin:0 0 20px;text-shadow:0 0 20px #00ffff}.final-score{color:#ff8c42;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;margin:15px 0;text-shadow:0 0 15px #ff8c42}.score-submit{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.submit-label{color:#0ff;font-family:Courier New,monospace;font-size:.9rem;margin:0}.name-input{background:#000c;border:2px solid #00ffff;border-radius:6px;padding:10px 15px;color:#fff;font-family:Courier New,monospace;font-size:1rem;text-align:center;width:180px;outline:none;transition:border-color .3s,box-shadow .3s}.name-input:focus{border-color:#f0f;box-shadow:0 0 15px #ff00ff80}.name-input::placeholder{color:#fff6}.submit-button{background:linear-gradient(135deg,#8b2aff,#0ff);border:none;border-radius:6px;padding:10px 25px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #8a2be280}.submit-button:disabled{opacity:.5;cursor:not-allowed}.score-saved{color:#0f0;font-family:Courier New,monospace;font-size:1rem;margin:15px 0;text-shadow:0 0 10px #00ff00}.button-row{display:flex;gap:10px;justify-content:center}.replay-button{background:linear-gradient(135deg,#1a1a1a,#3a3a3a);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 25px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.replay-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000080;background:linear-gradient(135deg,#2a2a2a,#4a4a4a)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skyline{height:160px;bottom:40%}.app-container{padding-top:30px}.logo{font-size:2.5rem;margin:0 0 10px;gap:12px}.construction-emoji{font-size:1.8rem}.tagline-box{padding:8px 16px}.tagline{font-size:1rem;margin:0 0 5px}.subtitle{font-size:.75rem}.logo-container{margin-bottom:15px}.grid-floor,.scene-container{max-width:100%}.retro-car{width:140px}.falling-station{font-size:2rem}.fuel-gauge{padding:12px 10px;right:15px}.fuel-label{font-size:.8rem}.fuel-meter-vertical{width:35px;height:180px}.fuel-marker-vertical{font-size:1.1rem;left:-8px}.fuel-text-e,.fuel-text-f,.score{font-size:.8rem}.timer{font-size:1.2rem}.speedometer{margin-top:4px}.speed-value{font-size:1.1rem}.speed-unit{font-size:.65rem}.start-instruction p{font-size:1.2rem}.highscores-display{padding:12px 20px}.highscores-display h3{font-size:1rem}.highscores-display li{font-size:.85rem;padding:5px 0}.calculator-button{top:15px;right:15px;padding:10px;font-size:1.3rem}.calculator-pointer{top:60px;right:50px}.pointer-text{font-size:.8rem;padding:6px 10px}.pointer-arrow{font-size:1.6rem}}@media (max-width: 480px){.skyline{height:140px;bottom:38%}.app-container{padding-top:20px}.logo{font-size:2rem;margin:0 0 8px;gap:10px}.construction-emoji{font-size:1.5rem}.tagline-box{padding:7px 12px}.tagline{font-size:.85rem;margin:0 0 4px}.subtitle{font-size:.7rem}.logo-container{margin-bottom:10px}.retro-car{width:120px}.falling-station{font-size:1.8rem}.fuel-gauge{padding:10px 8px;right:10px}.fuel-label{font-size:.75rem}.fuel-meter-vertical{width:30px;height:150px}.fuel-marker-vertical{font-size:1rem;left:-7px}.fuel-text-e,.fuel-text-f,.score{font-size:.75rem}.game-over-box{padding:20px 30px}.game-over-box h2{font-size:2rem}.final-score{font-size:1.4rem}.timer{font-size:1.1rem}.speedometer{margin-top:3px}.speed-value{font-size:1rem}.speed-unit{font-size:.6rem}.start-instruction p{font-size:1rem}.highscores-display{padding:10px 15px;margin-top:15px}.highscores-display h3{font-size:.9rem;margin-bottom:10px}.highscores-display li{font-size:.8rem;padding:4px 0}.score-submit{margin:15px 0;gap:8px}.submit-label{font-size:.85rem}.name-input{padding:8px 12px;font-size:.9rem;width:160px}.submit-button{padding:8px 20px;font-size:.9rem}.score-saved{font-size:.9rem;margin:12px 0}.replay-button{padding:8px 20px;font-size:.9rem}.calculator-button{top:12px;right:12px;padding:8px;font-size:1.2rem}.calculator-pointer{top:50px;right:40px}.pointer-text{font-size:.75rem;padding:5px 8px}.pointer-arrow{font-size:1.4rem}}@media (max-height: 700px){.app-container{padding-top:20px}.logo{font-size:2rem;margin:0 0 8px;gap:10px}.construction-emoji{font-size:1.5rem}.tagline-box{padding:7px 12px}.tagline{font-size:.85rem;margin:0 0 4px}.subtitle{font-size:.7rem}.logo-container{margin-bottom:10px}.retro-car{width:110px}}@media (max-height: 600px){.app-container{padding-top:15px}.logo{font-size:1.6rem;margin:0 0 6px;gap:8px}.construction-emoji{font-size:1.2rem}.tagline-box{padding:6px 10px}.tagline{font-size:.75rem;margin:0 0 4px}.subtitle{font-size:.65rem}.logo-container{margin-bottom:8px}.retro-car{width:100px}.falling-station{font-size:1.5rem}.fuel-gauge{padding:8px 6px;right:8px}.fuel-label{font-size:.7rem}.fuel-meter-vertical{width:28px;height:120px;padding:6px 0}.fuel-marker-vertical{font-size:.9rem;left:-6px}.fuel-text-e,.fuel-text-f,.score{font-size:.7rem}.game-over-box{padding:20px 25px}.game-over-box h2{font-size:1.6rem;margin:0 0 15px}.final-score{font-size:1.2rem}.timer{font-size:1rem}.speed-value{font-size:.9rem}.speed-unit{font-size:.55rem}.start-instruction p{font-size:.9rem}.highscores-display{padding:8px 12px;margin-top:12px}.highscores-display h3{font-size:.8rem;margin-bottom:8px}.highscores-display li{font-size:.75rem;padding:3px 0}.score-submit{margin:12px 0;gap:6px}.submit-label{font-size:.8rem}.name-input{padding:6px 10px;font-size:.85rem;width:140px}.submit-button{padding:6px 15px;font-size:.85rem}.score-saved{font-size:.85rem;margin:10px 0}}.home-page{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--bg-base) 0%,var(--bg-gradient-end) 100%)}.auth-container{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:2rem;box-shadow:0 4px 24px #0000004d}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--highlight) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-input);padding:.25rem;border-radius:10px}.auth-tab{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--primary);color:#fff}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--error);font-size:.875rem;text-align:center}.auth-success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--success);font-size:.875rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.375rem}.auth-form .form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.auth-form .form-group input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.auth-form .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.auth-form .form-group input::placeholder{color:var(--text-muted)}.auth-submit{width:100%;padding:.875rem 1rem;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:.5rem 0 0}.auth-link{background:none;border:none;color:var(--highlight);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0}.auth-link:hover{color:var(--highlight-muted)}.forgot-password-link{align-self:flex-end;color:var(--text-muted);font-size:.8rem;text-decoration:none;margin-top:.25rem}.forgot-password-link:hover{color:var(--highlight);text-decoration:underline}.auth-description{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-bottom:1.5rem;line-height:1.5}.success-message{text-align:center;padding:1rem 0}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--success) 0%,var(--success-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:#fff}.success-message h2{color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.success-message p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.success-message p strong{color:var(--text-primary)}.success-message .hint{font-size:.8rem;color:var(--text-muted)}.success-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-submit.secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.auth-submit.secondary:hover:not(:disabled){background:var(--border-default)}.auth-error-box{text-align:center;padding:1.5rem}.auth-error-box p{color:var(--error);font-size:.9rem;margin:0 0 1rem}.auth-benefits{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-default)}.auth-benefits h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem;text-align:center}.auth-benefits ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-benefits li{color:var(--text-secondary);font-size:.8rem;padding-left:1.25rem;position:relative}.auth-benefits li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}@media (max-width: 480px){.auth-page{padding:4rem 1rem 1rem;align-items:flex-start}.auth-container{padding:1.5rem;border-radius:12px}.auth-header h1{font-size:1.75rem}.auth-benefits ul{grid-template-columns:1fr}}.calculator-form{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.kenteken-section{border-bottom:1px solid var(--border-default);padding-bottom:1rem;margin-bottom:1rem}.vehicles-loading{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:1rem}.vehicle-mode-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.mode-button{flex:1;background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.5rem .75rem;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.mode-button:hover{background:var(--border-hover);color:var(--text-primary)}.mode-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.saved-vehicles{display:flex;flex-direction:column;gap:.5rem}.vehicle-dropdown{position:relative}.vehicle-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s;text-align:left}.vehicle-dropdown-trigger:hover{border-color:var(--border-hover)}.vehicle-dropdown-trigger:focus{outline:none;border-color:var(--primary)}.vehicle-dropdown-selected{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.vehicle-dropdown-img{width:40px;height:30px;object-fit:cover;border-radius:3px;flex-shrink:0}.vehicle-dropdown-img-placeholder{width:40px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--border-default);border-radius:3px;font-size:1rem;flex-shrink:0}.vehicle-dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-dropdown-arrow{font-size:.6rem;color:var(--text-muted);flex-shrink:0}.vehicle-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:6px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.vehicle-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid var(--border-default);transition:background .15s}.vehicle-dropdown-item:last-child{border-bottom:none}.vehicle-dropdown-item:hover{background:var(--border-default)}.vehicle-dropdown-item.selected{background:var(--primary-light)}.vehicle-dropdown-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.vehicle-dropdown-item-name{color:var(--text-primary);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.vehicle-dropdown-item-meta{color:var(--text-muted);font-size:.7rem}.vehicle-specs-bar{display:flex;gap:1rem;padding:.4rem .5rem;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:4px;font-size:.75rem;color:var(--highlight)}.vehicle-info-content{display:flex;gap:.75rem;align-items:flex-start}.calculator-form .vehicle-image{flex:0 0 60px;width:60px;min-width:60px;max-width:60px;height:45px;border-radius:4px;overflow:hidden;background:var(--bg-input)}.calculator-form .vehicle-image img{width:100%;height:100%;object-fit:cover;display:block}.vehicle-info-text{flex:1;min-width:0}.vehicle-default-badge{background:var(--primary);color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.vehicle-specs{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary)}.login-hint{margin-top:.5rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.login-hint a{color:var(--highlight);text-decoration:none}.login-hint a:hover{text-decoration:underline}.kenteken-lookup{display:flex;gap:.5rem}.kenteken-input{flex:1;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s;text-transform:uppercase}.kenteken-input:focus{outline:none;border-color:var(--primary)}.kenteken-input::placeholder{color:var(--text-muted)}.kenteken-button{background:var(--primary);border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.kenteken-button:hover:not(:disabled){background:var(--primary-hover)}.kenteken-button:disabled{opacity:.5;cursor:not-allowed}.kenteken-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error);font-size:.75rem}.vehicle-info{margin-top:.75rem;padding:.75rem;background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vehicle-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vehicle-kenteken{font-family:monospace;font-size:.875rem;font-weight:600;color:var(--success);background:#0003;padding:.25rem .5rem;border-radius:4px}.vehicle-clear,.location-clear{background:var(--border-default);border:1px solid var(--border-hover);border-radius:4px;padding:.2rem .5rem;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.vehicle-clear:hover,.location-clear:hover{background:var(--border-hover);color:var(--text-primary)}.vehicle-details{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.vehicle-fuel{padding:.15rem .5rem;background:var(--border-default);border-radius:4px;font-size:.7rem;color:var(--text-secondary)}.vehicle-year{color:var(--text-secondary);font-size:.75rem}.vehicle-consumption{margin-top:.5rem;padding:.4rem .5rem;background:var(--primary-light);border-radius:4px;color:var(--highlight);font-size:.75rem;font-weight:500;text-align:center}.fuel-type-select{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--success-border)}.fuel-type-select label{display:block;color:var(--text-secondary);font-size:.75rem;margin-bottom:.35rem}.fuel-type-dropdown{width:100%;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s}.fuel-type-dropdown:hover{border-color:var(--border-hover)}.fuel-type-dropdown:focus{outline:none;border-color:var(--primary)}.fuel-type-hint{display:block;color:var(--warning);font-size:.7rem;margin-top:.35rem}.saved-vehicle-fuel{margin-top:.5rem;padding-top:0;border-top:none}.saved-vehicle-fuel label{display:inline-block;margin-right:.5rem;margin-bottom:0}.saved-vehicle-fuel .fuel-type-dropdown{width:auto;min-width:150px}.form-section{margin-bottom:1rem}.form-section h3{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.optional-section h3{color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.form-group input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.form-group input.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.7rem}.price-loading{font-size:.7rem;margin-left:.25rem}.price-suggestion{display:flex;flex-direction:column;gap:.15rem;margin-top:.25rem}.price-suggestion-value{color:var(--highlight);font-size:.75rem;font-weight:500}.price-suggestion-source{color:var(--text-secondary);font-size:.7rem;font-style:italic}.form-hint{color:var(--text-muted);font-size:.7rem;margin-top:.25rem}.form-warning{color:var(--error);font-size:.75rem;margin-top:.25rem;font-weight:500}.share-price-option{margin-top:.75rem;padding:.75rem;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:6px}.share-price-option .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.85rem}.share-price-option .checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.share-price-hint{display:block;margin-top:.25rem;margin-left:1.5rem;color:var(--text-secondary);font-size:.7rem}.calculate-button{width:100%;background:var(--primary);border:none;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.75rem}.calculate-button:hover:not(:disabled){background:var(--primary-hover)}.calculate-button:disabled{opacity:.6;cursor:not-allowed}.location-section{border-bottom:1px solid var(--border-default);padding-bottom:1rem}.location-lookup{text-align:center}.location-options{display:flex;gap:.5rem;align-items:stretch}.location-button{background:var(--border-default);border:1px solid var(--border-hover);border-radius:8px;padding:.625rem 1rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.location-button.gps-button,.location-button.home-button{flex-shrink:0;white-space:nowrap}.location-button.quick-calc-button{flex-shrink:0;white-space:nowrap;background:linear-gradient(135deg,var(--success-hover) 0%,var(--success) 100%);border-color:var(--success);color:#fff}.location-button.quick-calc-button:hover:not(:disabled){background:linear-gradient(135deg,var(--success) 0%,var(--success-hover) 100%);border-color:var(--success-hover)}.location-button:hover:not(:disabled){background:var(--border-hover);border-color:var(--text-muted)}.location-button:disabled{opacity:.6;cursor:not-allowed}.address-search-container{flex:1;position:relative}.address-input-wrapper{position:relative;display:flex;align-items:center}.address-input{width:100%;background:var(--border-default);border:1px solid var(--border-hover);border-radius:8px;padding:.625rem 2rem .625rem .75rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.address-input:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 0 2px #d4a57433}.address-input::placeholder{color:var(--text-muted)}.address-loading{position:absolute;right:.75rem;font-size:.875rem}.address-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.address-suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border-default);transition:background .15s}.address-suggestion-item:last-child{border-bottom:none}.address-suggestion-item:hover{background:var(--border-default)}.suggestion-name{display:block;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.suggestion-meta{display:flex;gap:.75rem;font-size:.75rem}.suggestion-type{color:var(--text-secondary)}.suggestion-distance{color:var(--highlight)}.location-hint{margin-top:.5rem;color:var(--text-muted);font-size:.75rem}.location-result{animation:slideIn .2s ease-out}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.location-address{font-size:.8rem;color:var(--success);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error);font-size:.75rem}.stations-loading{text-align:center;color:var(--text-secondary);font-size:.8rem;padding:1rem}.country-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.country-tab{flex:1;background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.5rem .75rem;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s;text-align:center}.country-tab:hover{background:var(--border-hover);color:var(--text-primary)}.country-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.flag-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;font-size:1.1em}.station-filter{position:relative;margin-bottom:.5rem}.station-filter input{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.8rem}.station-filter input::placeholder{color:var(--text-muted)}.station-filter input:focus{outline:none;border-color:var(--primary)}.filter-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:.75rem}.filter-clear:hover{color:var(--text-primary)}.stations-list{max-height:400px;overflow-y:auto}.stations-list h4{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem;font-weight:600}.show-more-stations,.show-less-stations{width:100%;padding:.5rem;background:var(--bg-card);border:1px dashed var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;margin-top:.25rem;transition:all .15s}.show-more-stations:hover,.show-less-stations:hover{background:var(--border-default);color:var(--text-primary);border-color:var(--border-hover)}.station-item{background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:.625rem;margin-bottom:.5rem;cursor:pointer;transition:all .15s}.station-item:hover{background:var(--bg-card);border-color:var(--border-hover)}.station-item.selected{background:var(--success-bg);border-color:var(--success-border)}.station-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.2rem}.station-name{color:var(--text-primary);font-size:.8rem;font-weight:500;flex:1;min-width:0}.station-brand{color:var(--highlight);margin-right:.5rem}.station-price{font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0;padding:.15rem .4rem;border-radius:4px;color:var(--text-secondary)}.station-price.loading{color:var(--text-muted);font-weight:400;background:none;padding:0}.station-price.price-cheapest{background:var(--success);color:#fff}.station-price.price-cheap{background:var(--success-bg);color:var(--success)}.station-price.price-average{background:var(--border-muted);color:var(--text-secondary)}.station-price.price-pricey{background:var(--warning-bg);color:var(--warning)}.station-price.price-expensive{background:var(--error-bg);color:var(--error)}.station-address{color:var(--text-secondary);font-size:.7rem;margin-bottom:.2rem}.station-distance{color:var(--success);font-size:.7rem;font-weight:500}.station-fuels{color:var(--text-muted);font-size:.65rem;margin-top:.2rem}.no-stations{text-align:center;color:var(--text-muted);font-size:.8rem;padding:1rem}.no-stations p{margin:0 0 .75rem}.search-near-location-btn{display:block;width:100%;padding:.625rem 1rem;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:.5rem}.search-near-location-btn:hover:not(:disabled){background:var(--primary-hover)}.search-near-location-btn:disabled{opacity:.6;cursor:not-allowed}.search-hint{display:block;color:var(--text-secondary);font-size:.7rem;font-style:italic}.geocode-result-info{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:6px;margin-bottom:.5rem;font-size:.8rem;color:var(--highlight)}.geocode-clear{background:transparent;border:1px solid var(--primary-border);border-radius:4px;padding:.25rem .5rem;color:var(--highlight);font-size:.7rem;cursor:pointer;transition:all .2s;white-space:nowrap}.geocode-clear:hover{background:var(--primary-light);border-color:var(--highlight)}.geocode-options{padding:.75rem;text-align:center}.geocode-options p{margin:0 0 .75rem;color:var(--text-primary);font-size:.85rem;font-weight:500}.geocode-option-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.625rem .75rem;margin-bottom:.5rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s}.geocode-option-btn:hover{background:var(--bg-card);border-color:var(--primary)}.geocode-option-name{font-weight:500}.geocode-option-distance{color:var(--success);font-size:.75rem}.geocode-cancel-btn{width:100%;padding:.5rem;background:transparent;border:1px dashed var(--border-hover);border-radius:6px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.geocode-cancel-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.route-info{margin-top:.75rem;padding:.75rem;background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px;animation:slideIn .2s ease-out}.route-info strong{color:var(--success);font-size:.8rem;display:block;margin-bottom:.5rem}.destination-choice{margin:.5rem 0;padding:.5rem 0;border-top:1px solid var(--success-border)}.destination-label{color:var(--text-secondary);font-size:.75rem;display:block;margin-bottom:.375rem}.destination-options{display:flex;gap:.375rem}.destination-btn{flex:1;background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.375rem .5rem;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.destination-btn:hover:not(:disabled){background:var(--border-hover);color:var(--text-primary)}.destination-btn.active{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.destination-btn:disabled{opacity:.5;cursor:not-allowed}.route-details{display:flex;gap:1rem;color:var(--text-primary);font-size:.8rem}.route-details-full{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--success-border)}.route-leg{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.75rem}.route-leg-label{color:var(--text-muted)}.route-total{display:flex;justify-content:space-between;align-items:center;color:var(--success);font-size:.8rem;font-weight:500;padding-top:.25rem;border-top:1px dashed var(--success-border);margin-top:.25rem}.route-total-value{color:var(--text-primary)}.route-estimate{color:var(--text-muted);font-size:.7rem}.route-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.route-spinner{width:14px;height:14px;border:2px solid var(--border-default);border-top-color:var(--success);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.advanced-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;margin-bottom:.75rem;background:transparent;border:1px dashed var(--border-hover);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.advanced-toggle:hover{border-color:var(--text-muted);color:var(--text-primary)}.advanced-toggle-icon{font-size:.65rem}.advanced-sections.hidden{display:none}@media (max-width: 768px){.calculator-form{padding:1rem}.form-row{grid-template-columns:1fr;gap:.5rem}.calculate-button{font-size:.875rem;padding:.625rem 1rem}.form-section h3{font-size:.8rem}.kenteken-lookup{flex-direction:column}.kenteken-button{width:100%}.vehicle-details{flex-direction:column;align-items:flex-start;gap:.35rem}.vehicle-mode-toggle{flex-direction:column}.mode-button{width:100%}.vehicle-specs{flex-direction:column;gap:.25rem}.calculator-form .vehicle-image{flex:0 0 50px;width:50px;min-width:50px;max-width:50px;height:38px}.vehicle-specs-bar{flex-wrap:wrap;gap:.5rem}.vehicle-dropdown-menu{max-height:180px}.stations-list{max-height:200px}.route-details{flex-direction:column;gap:.3rem}.location-options{flex-direction:column}.location-button.gps-button,.location-button.home-button,.location-button.quick-calc-button{width:100%}.address-suggestions{max-height:220px}.suggestion-name{font-size:.8rem}.suggestion-meta{font-size:.7rem}}.results-display{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;padding:1.25rem;border-radius:10px;margin-bottom:1.5rem}.result-header.positive{background:var(--success-bg);border:1px solid var(--success-border)}.result-header.negative{background:var(--error-bg);border:1px solid var(--error-border)}.result-icon{font-size:2.5rem;margin-bottom:.5rem}.result-header h2{color:var(--text-primary);font-size:1.4rem;margin:0;font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.result-card{background:var(--bg-input);border:1px solid var(--border-default);border-radius:10px;padding:1.25rem;text-align:center;transition:border-color .2s;position:relative}.result-card:hover{border-color:var(--border-hover)}.result-card.highlight{border-color:var(--primary);background:var(--primary-light)}.result-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.result-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.result-value.positive{color:var(--success)}.result-value.negative{color:var(--error)}.result-sublabel{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.navigation-section{margin-top:1.5rem;margin-bottom:1.5rem}.navigation-button{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:none;border-radius:10px;color:#fff;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #a180724d}.navigation-button:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-dark) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #a1807266}.navigation-button:active{transform:translateY(0)}.navigation-icon{font-size:1.75rem;flex-shrink:0}.navigation-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;overflow:hidden}.navigation-title{font-size:1rem;font-weight:600}.navigation-route{font-size:.8rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.result-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-default)}.result-details h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.details-grid{display:grid;gap:.5rem}.detail-item{display:flex;justify-content:space-between;padding:.625rem .75rem;background:var(--bg-input);border-radius:6px;border-left:3px solid var(--border-default)}.detail-label{color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text-primary);font-weight:600;font-size:.875rem}.info-button-container{position:absolute;top:.75rem;right:.75rem}.info-button{width:20px;height:20px;border-radius:50%;background:var(--border-default);border:1px solid var(--border-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.info-button:hover,.info-button.active{background:var(--border-hover);color:var(--text-primary)}.info-popup{position:absolute;top:28px;right:0;width:260px;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:10px;padding:1rem;z-index:1000;text-align:left;box-shadow:0 10px 25px #0000004d;animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.info-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.info-popup-title{color:var(--text-primary);font-weight:600;font-size:.9rem}.info-popup-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.info-popup-close:hover{color:var(--error)}.info-popup-description{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.info-popup-calculation{color:var(--text-secondary);font-size:.7rem;line-height:1.4;margin:0;padding:.5rem;background:var(--bg-input);border-radius:6px;border-left:2px solid var(--primary)}@media (max-width: 768px){.results-display{padding:1.25rem}.result-grid{grid-template-columns:1fr;gap:.75rem}.result-header h2{font-size:1.2rem}.result-value{font-size:1.5rem}.info-popup{width:220px;right:-8px}}.calculator-page{padding:6rem 2rem 2rem;min-height:100vh;max-width:1200px;margin:0 auto}.calculator-page h1{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.6rem;font-weight:600}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;text-align:center;color:var(--error);font-size:.875rem}.form-container{margin-bottom:1.5rem}.form-content{overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out;max-height:2000px;opacity:1}.form-toggle-button{display:none}@media (max-width: 768px){.calculator-page{padding:5rem 1rem 1rem}.calculator-page h1{font-size:1.4rem}.form-toggle-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-bottom:.75rem;background:var(--border-default);border:1px solid var(--border-hover);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.form-toggle-button:hover{background:var(--border-hover)}.form-toggle-icon{font-size:.7rem;transition:transform .3s}.form-container.collapsed .form-content{max-height:0;opacity:0;margin:0}.form-container.collapsed .form-toggle-button{margin-bottom:0}}.notification-settings{max-width:600px;margin:0 auto;padding:1rem}.notification-settings h2{margin-bottom:1.5rem;color:var(--text-primary)}.notification-settings.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.settings-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.settings-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.settings-warning{background:#d4940a1a;border:1px solid rgba(212,148,10,.3);color:var(--warning);padding:.75rem 1rem;border-radius:.5rem;margin-top:.5rem;font-size:.875rem}.settings-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.settings-row{margin-bottom:1rem}.settings-row:last-child{margin-bottom:0}.settings-row label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.toggle-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary)}.toggle-label span{font-weight:500;color:var(--text-primary)}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit input{flex:1;max-width:120px;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;font-size:1rem;color:var(--text-primary)}.input-with-unit input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.input-with-unit .unit{color:var(--text-secondary);font-size:.875rem}.settings-hint{font-size:.8125rem;color:var(--text-secondary);margin-top:.375rem;line-height:1.4}.location-set{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.location-set p{color:var(--text-secondary);font-size:.875rem}.clear-location-btn{padding:.5rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background .2s}.clear-location-btn:hover{background:#dc4a4a26}.location-consent p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.consent-btn{padding:.625rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:background .2s}.consent-btn:hover{background:var(--primary-hover)}.gdpr-notice{font-size:.75rem!important;color:var(--text-muted)!important;margin-top:.75rem!important}.settings-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.save-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.save-btn:hover:not(:disabled){background:var(--primary-hover)}.save-btn:disabled{background:var(--text-muted);cursor:not-allowed}@media (max-width: 480px){.notification-settings{padding:.75rem}.settings-section{padding:1rem}.location-set{flex-direction:column;align-items:flex-start}.settings-actions{justify-content:stretch}.save-btn{width:100%}}.feature-dev-notice{display:flex;gap:.75rem;padding:1rem;background:#d4940a14;border:1px solid rgba(212,148,10,.2);border-radius:.75rem;margin-bottom:1.5rem}.dev-notice-icon{font-size:1.5rem;line-height:1}.dev-notice-content{flex:1}.dev-notice-content strong{display:block;color:var(--warning);font-size:.95rem;margin-bottom:.25rem}.dev-notice-content p{color:var(--highlight);font-size:.85rem;margin:0;line-height:1.4}.profile-page{padding:6rem 2rem 2rem;min-height:100vh;max-width:800px;margin:0 auto}.profile-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;overflow:hidden}.profile-header{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(212,165,116,.1) 100%);border-bottom:1px solid var(--border-default)}.profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.profile-info h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.profile-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.profile-tabs{display:flex;background:var(--bg-input);border-bottom:1px solid var(--border-default)}.profile-tab{flex:1;padding:1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.profile-tab:hover{color:var(--text-primary);background:#ffffff0d}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-content{padding:1.5rem}.account-section{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--bg-input);border:1px solid var(--border-default);border-radius:12px;padding:1.25rem}.info-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-button{background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.4rem .75rem;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s}.edit-button:hover{background:var(--border-hover);border-color:var(--text-muted)}.profile-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--error);font-size:.875rem}.profile-success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--success);font-size:.875rem}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form .form-group{display:flex;flex-direction:column;gap:.375rem}.edit-form .form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.edit-form .form-group input{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.625rem .875rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.edit-form .form-group input:focus{outline:none;border-color:var(--primary)}.edit-form .form-group input::placeholder{color:var(--text-muted)}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.save-button{background:var(--primary);border:none;border-radius:8px;padding:.625rem 1.25rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.save-button:hover:not(:disabled){background:var(--primary-hover)}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:transparent;border:1px solid var(--border-hover);border-radius:8px;padding:.625rem 1.25rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-button:hover{background:var(--border-default);color:var(--text-primary)}.not-set{color:var(--text-muted);font-style:italic}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-default)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.875rem}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.status-active{color:var(--success)}.status-admin{background:linear-gradient(135deg,var(--warning) 0%,var(--error) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-zone{background:linear-gradient(135deg,var(--primary-light) 0%,rgba(212,165,116,.1) 100%);border:1px solid var(--primary-border);border-radius:12px;padding:1.25rem}.admin-zone h3{color:var(--highlight);font-size:1rem;font-weight:600;margin:0 0 .5rem}.admin-zone p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.admin-button{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a1807266}.danger-zone{background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;padding:1.25rem}.danger-zone h3{color:var(--error);font-size:1rem;font-weight:600;margin:0 0 1rem}.logout-button{background:var(--error);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.logout-button:hover{background:var(--error-hover)}.vehicles-section{min-height:200px;display:flex;flex-direction:column;gap:1rem}.add-vehicle-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);border:none;border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.add-vehicle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a1807266}.add-vehicle-form{background:var(--bg-input);border:1px solid var(--border-default);border-radius:12px;padding:1.25rem}.add-vehicle-form h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.kenteken-form{margin-top:1rem}.kenteken-input-group{display:flex;gap:.5rem}.kenteken-input-group input{flex:1;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;font-family:monospace;text-transform:uppercase;letter-spacing:.05em}.kenteken-input-group input:focus{outline:none;border-color:var(--primary)}.kenteken-input-group button{background:var(--primary);border:none;border-radius:8px;padding:.75rem 1.25rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.kenteken-input-group button:hover:not(:disabled){background:var(--primary-hover)}.kenteken-input-group button:disabled{opacity:.6;cursor:not-allowed}.vehicle-details-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.vehicle-preview{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:1rem}.preview-kenteken{font-family:monospace;font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--bg-card);padding:.5rem .75rem;border-radius:6px;letter-spacing:.05em}.preview-info{display:flex;flex-direction:column;gap:.25rem}.preview-type{color:var(--text-primary);font-size:1rem;font-weight:500}.preview-meta{color:var(--text-secondary);font-size:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vehicle-details-form .form-group{display:flex;flex-direction:column;gap:.375rem}.vehicle-details-form .form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.vehicle-details-form .form-group input,.vehicle-details-form .form-group select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.625rem .875rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.vehicle-details-form .form-group input:focus,.vehicle-details-form .form-group select:focus{outline:none;border-color:var(--primary)}.form-hint{color:var(--text-muted);font-size:.75rem}.strategy-options{display:flex;flex-direction:column;gap:.5rem}.strategy-option{display:flex;flex-direction:column;gap:.125rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s}.strategy-option:hover{border-color:var(--border-hover)}.strategy-option.selected{border-color:var(--primary);background:var(--primary-light)}.strategy-option input{display:none}.strategy-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.strategy-desc{color:var(--text-muted);font-size:.8rem}.strategy-option.selected .strategy-label{color:var(--highlight)}.vehicle-meta{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.vehicle-tank,.vehicle-strategy,.vehicle-fuel{color:var(--text-secondary);font-size:.8rem;background:#0003;padding:.25rem .5rem;border-radius:4px}.vehicle-edit-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.vehicle-type-display{color:var(--text-primary);font-size:.95rem;font-weight:500;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.vehicle-edit-form .form-group{display:flex;flex-direction:column;gap:.375rem}.vehicle-edit-form .form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.vehicle-edit-form .form-group input,.vehicle-edit-form .form-group select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.625rem .875rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.vehicle-edit-form .form-group input:focus,.vehicle-edit-form .form-group select:focus{outline:none;border-color:var(--primary)}.vehicle-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vehicle-edit-form .form-actions{display:flex;gap:.5rem;margin-top:.5rem}.vehicle-edit-form .strategy-options{gap:.375rem}.vehicle-edit-form .strategy-option{padding:.5rem .75rem}.image-upload-group{display:flex;gap:.5rem;align-items:center}.image-upload-input{display:none}.image-upload-label{background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.5rem 1rem;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.image-upload-label:hover{background:var(--border-hover)}.image-delete-btn{background:transparent;border:1px solid var(--error-border);border-radius:6px;padding:.5rem .75rem;color:var(--error);font-size:.8rem;cursor:pointer;transition:all .2s}.image-delete-btn:hover{background:var(--error-bg)}.pending-image-preview{display:flex;align-items:center;gap:1rem}.pending-image-preview .image-preview{width:80px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--border-hover)}.loading-text{color:var(--text-secondary);text-align:center;padding:2rem}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state .hint{font-size:.875rem;margin-top:.5rem;color:var(--text-muted)}.vehicles-list{display:flex;flex-direction:column;gap:1rem}.vehicle-card{background:var(--bg-input);border:1px solid var(--border-default);border-radius:12px;padding:1rem;transition:border-color .2s}.vehicle-card-content{display:flex;gap:1rem}.vehicle-image-container{flex-shrink:0;width:100px;height:75px;border-radius:8px;overflow:hidden;background:var(--bg-card)}.vehicle-image{width:100%;height:100%;object-fit:cover}.vehicle-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem}.vehicle-info{flex:1;min-width:0}.vehicle-card.default{border-color:var(--primary);background:var(--primary-light)}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vehicle-kenteken{font-family:monospace;font-size:1.1rem;font-weight:600;color:var(--text-primary);background:#0000004d;padding:.25rem .5rem;border-radius:4px}.default-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.vehicle-details{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.vehicle-type{color:var(--text-primary);font-size:.9rem;font-weight:500}.vehicle-year{color:var(--text-secondary);font-size:.8rem}.vehicle-color{color:var(--text-secondary);font-size:.8rem;text-transform:capitalize}.vehicle-specs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.vehicle-consumption{color:var(--success);font-size:.8rem;font-weight:500;background:var(--success-bg);padding:.2rem .5rem;border-radius:4px}.vehicle-apk{color:var(--success)}.vehicle-apk.expired{color:var(--error);background:var(--error-bg)}.vehicle-actions{display:flex;gap:.5rem}.vehicle-action-btn{background:var(--border-default);border:1px solid var(--border-hover);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s}.vehicle-action-btn:hover{background:var(--border-hover)}.vehicle-action-btn.danger{color:var(--error);border-color:var(--error-border)}.vehicle-action-btn.danger:hover{background:var(--error-bg)}.home-address-form{display:flex;flex-direction:column;gap:1rem}.home-address-options{display:flex;gap:.5rem;align-items:stretch}.home-address-options .gps-button{flex-shrink:0;background:var(--border-default);border:1px solid var(--border-hover);border-radius:8px;padding:.625rem 1rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.home-address-options .gps-button:hover:not(:disabled){background:var(--border-hover);border-color:var(--text-muted)}.home-address-options .gps-button:disabled{opacity:.6;cursor:not-allowed}.home-address-search{flex:1;position:relative}.home-address-search .address-input-wrapper{position:relative;display:flex;align-items:center}.home-address-search .address-input{width:100%;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.625rem 2rem .625rem .875rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.home-address-search .address-input:focus{outline:none;border-color:var(--primary)}.home-address-search .address-input::placeholder{color:var(--text-muted)}.home-address-search .address-loading{position:absolute;right:.75rem;color:var(--text-secondary);font-size:.875rem}.home-address-search .address-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.home-address-search .address-suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border-default);transition:background .15s}.home-address-search .address-suggestion-item:last-child{border-bottom:none}.home-address-search .address-suggestion-item:hover{background:var(--border-default)}.home-address-search .suggestion-name{display:block;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.home-address-search .suggestion-type{color:var(--text-secondary);font-size:.75rem}.home-location-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px}.home-location-icon{font-size:1rem}.home-location-address{color:var(--success);font-size:.875rem;flex:1}.home-address-hint{color:var(--text-muted);font-size:.75rem;margin:.5rem 0 0}.delete-button{background:transparent;border:1px solid var(--error-border);border-radius:8px;padding:.625rem 1.25rem;color:var(--error);font-size:.875rem;cursor:pointer;transition:all .2s}.delete-button:hover:not(:disabled){background:var(--error-bg)}.delete-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.profile-page{padding:5rem 1rem 1rem}.profile-header{flex-direction:column;text-align:center}.profile-tabs{overflow-x:auto}.profile-tab{padding:.75rem .5rem;font-size:.85rem;white-space:nowrap}.profile-content{padding:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.vehicle-details{flex-direction:column;gap:.25rem}.vehicle-actions{flex-direction:column}.vehicle-action-btn{width:100%;text-align:center}.form-row,.vehicle-edit-form .form-row{grid-template-columns:1fr}.kenteken-input-group{flex-direction:column}.vehicle-preview{flex-direction:column;text-align:center}.vehicle-edit-form .form-actions{flex-direction:column}.vehicle-edit-form .form-actions button{width:100%}.vehicle-card-content{flex-direction:column}.vehicle-image-container{width:100%;height:150px}.image-upload-group{flex-direction:column;align-items:stretch}.image-upload-label,.image-delete-btn{text-align:center}.home-address-options{flex-direction:column}.home-address-options .gps-button{width:100%}.home-address-form .form-actions{flex-direction:column}.home-address-form .form-actions button{width:100%}.favorite-stations-form .country-tabs{flex-direction:column}.station-search-results{max-height:250px}}.favorite-stations-form{display:flex;flex-direction:column;gap:1rem}.favorite-stations-form .country-tabs{display:flex;gap:.5rem}.favorite-stations-form .country-tab{flex:1;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.favorite-stations-form .country-tab:hover{background:var(--border-default);color:var(--text-primary)}.favorite-stations-form .country-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.current-favorite{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:8px;padding:.75rem 1rem}.current-favorite-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.375rem}.current-favorite-station{display:flex;flex-direction:column;gap:.125rem}.current-favorite-station .station-brand{color:var(--text-primary);font-weight:600}.current-favorite-station .station-address{color:var(--text-secondary);font-size:.875rem}.station-search-container{position:relative}.station-search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.station-search-input:focus{outline:none;border-color:var(--primary)}.station-search-input::placeholder{color:var(--text-muted)}.station-search-container .search-loading{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.8rem}.station-search-results{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;max-height:300px;overflow-y:auto}.station-result-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .2s}.station-result-item:last-child{border-bottom:none}.station-result-item:hover{background:var(--border-default)}.station-result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.station-result-item .station-brand{color:var(--text-primary);font-weight:500}.station-result-item .station-distance,.station-result-item .station-address{color:var(--text-secondary);font-size:.8rem}.favorite-stations-display{display:flex;flex-direction:column;gap:.75rem}.favorite-station-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;transition:all .2s}.favorite-station-card.has-station{cursor:pointer}.favorite-station-card.has-station:hover{border-color:var(--primary);background:var(--primary-light)}.favorite-station-card .station-country{font-size:.75rem;color:var(--text-secondary);font-weight:500}.favorite-station-card .station-name{font-size:1rem;color:var(--text-primary);font-weight:600}.favorite-station-card .station-city{font-size:.85rem;color:var(--text-secondary)}.favorite-station-card .station-action-hint{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:.25rem}.station-prices-view{display:flex;flex-direction:column;gap:1rem}.station-prices-header h4{margin:0;color:var(--text-primary);font-size:1.1rem}.station-prices-header .station-prices-address{color:var(--text-secondary);font-size:.85rem}.prices-loading,.prices-error{text-align:center;padding:1rem;color:var(--text-secondary)}.fuel-prices-list{display:flex;flex-direction:column;gap:.5rem}.fuel-price-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;gap:.75rem}.fuel-price-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.fuel-type-name{color:var(--text-primary);font-weight:500;font-size:.9rem}.fuel-price-details{display:flex;align-items:center;gap:.5rem}.fuel-price-value{color:var(--highlight);font-weight:600;font-size:.95rem}.fuel-price-source{color:var(--text-secondary);font-size:.75rem}.fuel-price-unknown{color:var(--text-muted);font-size:.8rem;font-style:italic}.fuel-price-edit{display:flex;align-items:center;gap:.5rem}.fuel-price-edit .price-input{width:80px;padding:.4rem .5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:.85rem;text-align:right}.fuel-price-edit .price-input:focus{outline:none;border-color:var(--primary)}.fuel-price-edit .price-input::placeholder{color:var(--text-muted)}.save-price-btn{padding:.4rem .6rem;background:var(--success);border:none;border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s}.save-price-btn:hover:not(:disabled){background:var(--success-hover)}.save-price-btn:disabled{background:var(--border-default);color:var(--text-muted);cursor:not-allowed}@media (max-width: 480px){.fuel-price-row{flex-direction:column;align-items:flex-start;gap:.5rem}.fuel-price-edit{width:100%;justify-content:flex-end}}:root{--bg-base: #f8f7f6;--bg-card: #ffffff;--bg-input: #fafaf9;--bg-elevated: #ffffff;--border-default: #e8e6e3;--border-hover: #d4d1cc;--border-muted: #f2f1ef;--text-primary: #2d2a26;--text-secondary: #5c5752;--text-muted: #9c9690;--text-disabled: #c4c0ba;--primary: #4a7c7c;--primary-hover: #3d6868;--primary-light: rgba(74, 124, 124, .12);--primary-border: rgba(74, 124, 124, .35);--success: #3d7a5c;--success-bg: rgba(61, 122, 92, .1);--success-border: rgba(61, 122, 92, .3);--error: #c9453a;--error-bg: rgba(201, 69, 58, .1);--error-border: rgba(201, 69, 58, .3);--warning: #c27a1a;--warning-bg: rgba(194, 122, 26, .1);--warning-border: rgba(194, 122, 26, .3);--highlight: #4a7c7c;--highlight-muted: #3d6868;--bg-gradient-end: #f0efed;--success-hover: #2d5f46;--error-hover: #a33830;--primary-dark: #335858}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary)}