:root{--bg-color: #0d1117;--panel-bg: rgba(13, 17, 23, .75);--panel-border: rgba(255, 255, 255, .1);--text-main: #f0f6fc;--text-muted: #8b949e;--accent: #ff6b6b;--accent-glow: rgba(255, 107, 107, .4);--accent-alt: #fca048;--success: #238636;--success-glow: rgba(35, 134, 54, .5);--danger: #da3633;--warning: #d29922;--font-family: "Inter", sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);overflow:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;height:100vh;width:100vw}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 10px 40px #00000080,inset 0 1px 2px #ffffff1a;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}.glass-panel:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 15px 50px #0009,inset 0 1px 2px #fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{display:flex;flex-direction:column;height:100%}.map-container{flex:1;position:relative;background:var(--bg-color)}.overlay-top-right{position:absolute;top:24px;right:24px;z-index:1000;width:340px}.overlay-top-left{position:absolute;top:24px;left:24px;z-index:1000;width:340px}.overlay-bottom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:500px}header{height:64px;background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;padding:0 24px;z-index:1001}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-alt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.premium-input{width:100%;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-main);padding:12px 16px;border-radius:12px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.premium-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff14}.premium-btn{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;border:none;padding:14px 20px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--accent-glow)}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.premium-btn:active{transform:translateY(0)}.price-marker{background:#161b22e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-main);border:1px solid var(--panel-border);border-radius:10px;padding:6px 10px;font-weight:700;box-shadow:0 4px 15px #0009;text-align:center;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.price-marker:hover{transform:scale(1.1) translateY(-5px);z-index:1000!important;border-color:var(--accent);box-shadow:0 8px 25px var(--accent-glow)}.price-marker.cheapest{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;box-shadow:0 4px 15px var(--success-glow);animation:pulse-glow 2s infinite}.price-marker.normal{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 10px #3b82f666}.price-marker.expensive{background:linear-gradient(135deg,#da3633,#b91c1c);color:#fff;border:none;box-shadow:0 4px 10px #da363366}@keyframes pulse-glow{0%{box-shadow:0 0 #238636b3}70%{box-shadow:0 0 0 10px #23863600}to{box-shadow:0 0 #23863600}}.fade-in-up{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.mount-slide-left{opacity:0;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards}.mount-slide-right{opacity:0;animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}.skeleton-box{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:8px}.skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-title{height:20px;width:70%;margin-bottom:12px}@keyframes shimmer{0%{text-indent:-1000px;background-position:-200% 0}to{text-indent:-1000px;background-position:200% 0}}.user-dot{width:20px;height:20px;background-color:#3b82f6;border:3px solid white;border-radius:50%;box-shadow:0 0 10px #3b82f6cc;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.brand-logo-circle{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(255,255,255,.5)}.brand-aral{background:#004d9c}.brand-shell{background:#fbce07}.brand-totalenergies{background:#ed0000}.brand-esso{background:#d32027}.brand-jet{background:#ffd100}.brand-hem{background:#85c226}.brand-default{background:#fff}