@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg-body:#f0f5fa;--bg-hero:#e4f0fa;--text-main:#3b5978;--text-highlight:#2d9b4b;--accent-green:#2d9b4b;--accent-orange:#c87a53;--card-bg:#fff;--font-main:"Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-main);color:var(--text-main);font-weight:800}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{font-size:1rem;font-weight:800;font-family:var(--font-main);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 10px #0000001a}.btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 6px 15px #00000026}.btn-green{background:var(--accent-green);color:#fff}.btn-navy{background:var(--text-main);color:#fff}.btn-orange{background:var(--accent-orange);color:#fff}.btn-white{color:var(--text-main);background:#fff}.blob{z-index:0;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-reverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(15px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}.qq-navbar{z-index:100;background:0 0;width:100%;padding:1.5rem 0;position:absolute;top:0;left:0}.nav-wrapper{justify-content:space-between;align-items:center;display:flex}.nav-logo-box{align-items:center;gap:.75rem;text-decoration:none;display:flex}.qq-logo{object-fit:cover;border-radius:12px;width:48px;height:48px;box-shadow:0 4px 8px #0000001a}.qq-brand-text{font-family:var(--font-main);color:var(--text-main);letter-spacing:-.02em;font-size:1.75rem;font-weight:900}@media (width<=768px){.qq-brand-text{display:none}}.qq-hero{background-color:var(--bg-hero);justify-content:center;align-items:center;min-height:85vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.doodle-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.doodle{opacity:.15;font-size:2.5rem;position:absolute}.doodle-1{font-size:4rem;top:15%;left:10%;transform:rotate(-15deg)}.doodle-2{font-size:3rem;top:25%;right:15%;transform:rotate(20deg)}.doodle-3{font-size:3.5rem;bottom:30%;left:20%;transform:rotate(-30deg)}.doodle-4{font-size:4rem;bottom:20%;right:25%;transform:rotate(10deg)}.doodle-5{font-size:2rem;top:40%;left:5%;transform:rotate(45deg)}.doodle-6{font-size:2.5rem;top:60%;right:8%;transform:rotate(-25deg)}.cloud-blob{z-index:0;background:#fff6;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.blob-1{width:15vw;height:15vw;animation-duration:8s;top:15%;left:10%}.blob-2{width:25vw;height:25vw;animation-duration:10s;animation-direction:reverse;top:40%;right:5%}.hero-container{z-index:10;width:100%;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;max-width:1400px;margin:0 auto;display:grid}.hero-left-col{justify-content:flex-end;display:flex}.hero-right-col{justify-content:flex-start;display:flex;position:relative}.qq-hero-card{text-align:center;width:100%;max-width:500px;transform-style:preserve-3d;will-change:transform;background:#fff;border-radius:40px;padding:4rem;box-shadow:0 10px 40px #3da4e426}.vf7-scene{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex;position:relative}.vf7-car-wrapper{width:100%;height:350px;animation:4s ease-in-out infinite car-float-no-tilt;position:relative}@keyframes car-float-no-tilt{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.vf7-car-img{object-fit:cover;width:100%;height:100%;-webkit-mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%)}.vf7-overlay-ui{text-align:left;z-index:10;position:absolute;top:20px;left:30px;transform:none}.vf7-battery-stats{color:#22c55e;text-shadow:0 0 20px #22c55ecc;font-size:4rem;font-weight:900;line-height:1}.vf7-status-text{color:#1e293b;letter-spacing:2px;text-transform:uppercase;margin-top:5px;font-size:1.2rem;font-weight:800}.vf7-floor-glow{background:radial-gradient(#22c55e66 0%,#0000 70%);border-radius:50%;width:400px;height:20px;position:absolute;bottom:0}.sleek-energy-wire{z-index:-1;pointer-events:none;width:100px;height:150px;position:absolute;top:10px;left:-20px}.sleek-wire-base{fill:none;stroke:#22c55e33;stroke-width:4px;stroke-linecap:round}.sleek-wire-flow{fill:none;stroke:#22c55e;stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 20;filter:drop-shadow(0 0 8px #22c55ecc);animation:1.5s linear infinite sleek-flow}@keyframes sleek-flow{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.vf7-charge-bar{background-color:#cbd5e1;border-radius:10px;width:150px;height:6px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.vf7-charge-fill{background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:10px;height:100%;transition:width .3s;position:relative}.vf7-charge-fill:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.5s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.delay-1{animation-delay:.2s}.fade-scale-in{opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards fadeScaleIn;transform:translateY(40px)scale(.95)}@keyframes fadeScaleIn{to{opacity:1;transform:translateY(0)scale(1)}}.qq-hero-title{color:var(--text-highlight);margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-2deg)}.qq-hero-subtitle{color:var(--text-main);margin-bottom:2.5rem;font-size:1.25rem;font-weight:600}.qq-app-buttons{justify-content:center;gap:1rem;display:flex}.btn-app img{height:50px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-app:hover img{filter:drop-shadow(0 10px 15px #00000026);transform:translateY(-5px)scale(1.08)}.btn-app-apk{color:#fff;background:#000;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 18px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-app-apk:hover{filter:drop-shadow(0 10px 15px #00000026);color:#fff;transform:translateY(-5px)scale(1.08)}.btn-app-apk-icon{color:#a4c639;align-items:center;display:flex}.btn-app-apk-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.btn-app-apk-sub{font-size:11px;font-weight:500}.btn-app-apk-main{letter-spacing:.5px;font-size:16px;font-weight:700}.bounce-arrow{color:var(--text-main);z-index:10;opacity:.5;font-size:2rem;animation:2s infinite bounce;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-20px)translate(-50%)}60%{transform:translateY(-10px)translate(-50%)}}@media (width<=768px){.hero-grid{grid-template-columns:1fr}.qq-hero-card{border-radius:24px;padding:2.5rem 1.5rem}.qq-app-buttons{flex-direction:column;align-items:center}.hero-left-col,.hero-right-col{justify-content:center}}.app-showcase{color:#fff;background:#0a0e1a;padding:7rem 0 5rem;position:relative;overflow:hidden}.sc-orb{filter:blur(100px);pointer-events:none;opacity:0;border-radius:50%;transition:opacity 2s;position:absolute}.app-showcase.visible .sc-orb{opacity:1}.sc-orb-1{background:radial-gradient(circle,#22c55e1f 0%,#0000 70%);width:700px;height:700px;top:-200px;left:-150px}.sc-orb-2{background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:500px;height:500px;bottom:-100px;right:-100px}.sc-orb-3{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:400px;height:400px;top:40%;left:50%;transform:translate(-50%)}.sc-header{text-align:center;opacity:0;max-width:700px;margin:0 auto 3.5rem;padding:0 1.5rem;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.app-showcase.visible .sc-header{opacity:1;transform:translateY(0)}.sc-overline{letter-spacing:.2em;color:#22c55e;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:800}.sc-title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:900;line-height:1.1}.sc-title-accent{background:linear-gradient(135deg,#22c55e 0%,#06b6d4 60%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sc-lead{color:#ffffff73;font-size:1.1rem;font-weight:500}.sc-stage{perspective:1400px;opacity:0;max-width:1100px;height:620px;margin:0 auto 2.5rem;transition:all .9s cubic-bezier(.16,1,.3,1) .15s;position:relative;transform:translateY(40px)}.app-showcase.visible .sc-stage{opacity:1;transform:translateY(0)}.sc-arrow{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sc-arrow:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-50%)scale(1.06)}.sc-arrow-prev{left:20px}.sc-arrow-next{right:20px}.sc-phones{width:100%;height:100%;position:relative}.sc-phone{cursor:pointer;will-change:transform, opacity;transition:all .65s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%}.pos-center{z-index:10;opacity:1;transform:translate(-50%,-50%)scale(1)rotateY(0)}.pos-right-1{z-index:5;opacity:.65;transform:translate(25%,-50%)scale(.82)rotateY(-12deg)}.pos-right-2{z-index:2;opacity:.25;transform:translate(85%,-50%)scale(.62)rotateY(-22deg)}.pos-left-1{z-index:5;opacity:.65;transform:translate(-125%,-50%)scale(.82)rotateY(12deg)}.pos-left-2{z-index:2;opacity:.25;transform:translate(-185%,-50%)scale(.62)rotateY(22deg)}.pos-hidden{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.4)}.sc-device{background:linear-gradient(160deg,#222 0%,#111 100%);border-radius:42px;width:280px;height:580px;padding:10px;transition:box-shadow .5s;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0009,0 8px 30px #0006}.pos-center .sc-device{box-shadow:0 0 0 1px #ffffff14,0 40px 100px #000000b3,0 0 120px #22c55e14,0 12px 40px #00000080}.sc-dynamic-island{z-index:10;background:#000;border-radius:20px;width:90px;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sc-screen{background:#f8f9fa;border-radius:32px;width:100%;height:100%;overflow:hidden}.sc-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sc-edge-light{pointer-events:none;background:linear-gradient(160deg,#ffffff0f 0%,#0000 30% 70%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:42px;position:absolute;inset:0}.pos-center .sc-edge-light{border-color:#ffffff1f}.sc-floor{filter:blur(20px);z-index:1;background:radial-gradient(#22c55e26 0%,#0000 70%);width:320px;height:50px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.sc-info-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:1.2rem;max-width:500px;margin:0 auto 2.5rem;padding:1.2rem 1.8rem;transition:all .8s cubic-bezier(.16,1,.3,1) .3s;display:flex;transform:translateY(20px)}.app-showcase.visible .sc-info-bar{opacity:1;transform:translateY(0)}.sc-step-num{background:linear-gradient(135deg,#22c55e,#06b6d4);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:2rem;font-weight:900;line-height:1}.sc-info-text h3{color:#f1f5f9;margin-bottom:.15rem;font-size:1.1rem;font-weight:800}.sc-info-text p{color:#ffffff73;font-size:.88rem;line-height:1.45}.sc-tabs{opacity:0;justify-content:center;gap:.4rem;padding:0 1rem;transition:all .8s cubic-bezier(.16,1,.3,1) .45s;display:flex;transform:translateY(20px)}.app-showcase.visible .sc-tabs{opacity:1;transform:translateY(0)}.sc-tab{color:#ffffff59;font-size:.82rem;font-weight:700;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;transition:all .35s;display:flex;position:relative;overflow:hidden}.sc-tab:hover{color:#fff9;background:#ffffff0a}.sc-tab.active{color:#fff;background:#22c55e1a;border-color:#22c55e33}.sc-tab-num{opacity:.5;font-size:.75rem;font-weight:900}.sc-tab.active .sc-tab-num{opacity:1;color:#22c55e}.sc-tab-progress{background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:2px;height:2px;animation:4.5s linear forwards tab-fill;position:absolute;bottom:0;left:0}@keyframes tab-fill{0%{width:0%}to{width:100%}}@media (width<=1024px){.sc-stage{height:550px}.sc-device{border-radius:38px;width:250px;height:520px}.sc-screen{border-radius:28px}.sc-edge-light{border-radius:38px}.sc-dynamic-island{width:80px;height:20px;top:12px}}@media (width<=768px){.app-showcase{padding:5rem 0 3.5rem}.sc-stage{height:480px}.sc-device{border-radius:34px;width:220px;height:455px;padding:8px}.sc-screen{border-radius:26px}.sc-edge-light{border-radius:34px}.sc-dynamic-island{width:70px;height:18px;top:10px}.pos-right-1{transform:translate(15%,-50%)scale(.75)rotateY(-10deg)}.pos-left-1{transform:translate(-115%,-50%)scale(.75)rotateY(10deg)}.pos-right-2,.pos-left-2{opacity:0;pointer-events:none}.sc-arrow{width:42px;height:42px}.sc-arrow-prev{left:8px}.sc-arrow-next{right:8px}.sc-tab-label{display:none}.sc-tab{border-radius:10px;padding:.6rem .8rem}.sc-tab-num{font-size:.85rem}.sc-info-bar{margin-left:1rem;margin-right:1rem}}@media (width<=480px){.sc-stage{height:420px}.sc-device{border-radius:30px;width:190px;height:395px;padding:7px}.sc-screen{border-radius:23px}.sc-edge-light{border-radius:30px}.sc-dynamic-island{width:60px;height:16px;top:9px}.sc-arrow{width:36px;height:36px}.sc-arrow svg{width:18px;height:18px}.sc-title{font-size:1.8rem}.sc-lead{font-size:.95rem}}.qq-features{z-index:20;margin-top:-3rem;padding:4rem 0;position:relative}.qq-grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.qq-card{background:#fff;border-radius:24px;flex-direction:column;align-items:flex-start;padding:3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 30px #0000000d}.qq-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}.qq-card-title{margin-bottom:1rem;font-size:2rem}.qq-card-desc{color:var(--text-main);flex-grow:1;margin-bottom:2rem;font-size:1.1rem}.qq-card-actions{flex-wrap:wrap;gap:1rem;display:flex}.card-green .qq-card-title{color:var(--accent-green)}.card-orange .qq-card-title{color:var(--accent-orange)}.card-orange .btn-white{color:var(--accent-orange);border:2px solid var(--accent-orange)}@media (width<=900px){.qq-grid-2{grid-template-columns:1fr}}.qq-team-section{background-color:var(--bg-body);padding:6rem 0;position:relative;overflow:hidden}.team-header-box{flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.qq-badge{color:var(--accent-green);letter-spacing:1px;text-transform:uppercase;background:#2d9b4b26;border-radius:100px;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:800}.qq-team-title{color:var(--text-main);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem)}.qq-team-subtitle{color:var(--text-main);opacity:.8;max-width:500px;margin:0 auto;font-size:1.1rem}.qq-team-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;display:grid;position:relative}.qq-team-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:30px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 10px 30px #00000008}.qq-team-card:hover{border-color:#3da4e44d;transform:translateY(-10px);box-shadow:0 20px 40px #3da4e426}.avatar-wrapper{width:140px;height:140px;margin:0 auto 1.5rem;position:relative}.qq-avatar{object-fit:cover;z-index:5;border:4px solid #fff;border-radius:40% 60% 70% 30%/40% 50% 60%;width:100%;height:100%;transition:border-radius .5s;position:relative;box-shadow:0 10px 20px #0000001a}.qq-team-card:hover .qq-avatar{border-radius:50%!important}.avatar-bubble{z-index:0;border-radius:50%;transition:all .5s;position:absolute}.b1{background:var(--accent-orange);opacity:.2;width:40px;height:40px;animation:4s ease-in-out infinite float;top:-10px;right:-10px}.b2{background:var(--bg-hero);width:30px;height:30px;animation:5s ease-in-out infinite reverse float;bottom:-5px;left:-5px}.qq-team-card:hover .b1{opacity:.5;transform:scale(1.5)translate(10px,-10px)}.qq-team-card:hover .b2{transform:scale(1.5)translate(-10px,10px)}.team-info h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.qq-role{color:var(--accent-green);font-size:.9rem;font-weight:700;display:block}.qq-footer{color:#fff;background-color:#6ea1c9;border-radius:40px 40px 0 0;margin-top:4rem;padding:4rem 0 2rem}.footer-content{border-bottom:1px solid #fff3;justify-content:space-between;padding-bottom:2rem;display:flex}.footer-company h2{color:#fff;margin-bottom:1rem;font-size:1.25rem}.footer-company p{color:#ffffffe6;margin-bottom:.5rem;font-weight:600}.footer-links{text-align:right;flex-direction:column;gap:1rem;display:flex}.footer-links a{color:#fff;font-weight:700;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.8}@media (width<=768px){.footer-content{flex-direction:column;gap:2rem}.footer-links{text-align:left}}.chatbot-fab{cursor:pointer;z-index:9999;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 4px 20px #22c55e66,0 0 #22c55e66}.chatbot-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #22c55e80}.chatbot-fab--open{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444466}.chatbot-fab--open:hover{box-shadow:0 6px 28px #ef444480}.chatbot-fab-img{object-fit:cover;border-radius:50%;width:48px;height:48px}.chatbot-fab-pulse{pointer-events:none;border:3px solid #22c55e80;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite chatbot-pulse;position:absolute}@keyframes chatbot-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.chatbot-window{z-index:9998;opacity:0;pointer-events:none;background:#fff;border-radius:24px;flex-direction:column;width:380px;height:520px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:105px;right:28px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a}.chatbot-window--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chatbot-header{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.chatbot-header-avatar{background:#fff;border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.chatbot-header-avatar img{object-fit:cover;width:100%;height:100%}.chatbot-header-info{flex:1}.chatbot-header-info h4{color:#fff;margin:0;font-size:16px;font-weight:800;line-height:1.2}.chatbot-status{opacity:.9;align-items:center;gap:5px;font-size:12px;display:flex}.chatbot-status-dot{background:#bbf7d0;border-radius:50%;width:7px;height:7px;animation:2s infinite status-blink}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.chatbot-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.chatbot-close:hover{background:#ffffff59}.chatbot-messages{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chatbot-msg{gap:8px;max-width:88%;animation:.3s ease-out msg-appear;display:flex}@keyframes msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbot-msg--user{flex-direction:row-reverse;align-self:flex-end}.chatbot-msg--assistant{align-self:flex-start}.chatbot-msg-avatar{background:#fff;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-top:2px;overflow:hidden;box-shadow:0 2px 8px #00000014}.chatbot-msg-avatar img{object-fit:cover;width:100%;height:100%}.chatbot-msg-bubble{word-wrap:break-word;border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.5}.chatbot-msg--assistant .chatbot-msg-bubble{color:#334155;background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 4px #0000000f}.chatbot-msg--user .chatbot-msg-bubble{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-bottom-right-radius:6px}.chatbot-typing{align-items:center;gap:4px;display:flex;padding:12px 18px!important}.typing-dot{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chatbot-input-area{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.chatbot-input{font-size:14px;font-family:var(--font-main,"Nunito", sans-serif);background:#f8fafc;border:2px solid #e2e8f0;border-radius:24px;outline:none;flex:1;padding:10px 16px;transition:border-color .2s}.chatbot-input:focus{background:#fff;border-color:#22c55e}.chatbot-input::placeholder{color:#94a3b8}.chatbot-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatbot-send:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #22c55e66}.chatbot-send:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.chatbot-window{border-radius:0;width:100%;height:100%;bottom:0;left:0;right:0}.chatbot-fab{width:56px;height:56px;bottom:20px;right:20px}.chatbot-fab-img{width:42px;height:42px}}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.text-center{text-align:center}.title-tag{background:var(--border-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:100px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.app-page{min-height:calc(100dvh - 72px);padding:28px 32px 38px}.app-page.map-page{height:calc(100dvh - 72px);min-height:calc(100dvh - 72px);padding:0;overflow:hidden}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px;display:flex}.page-heading h1{color:var(--app-text);letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:750;line-height:1.12}.page-heading p{color:var(--app-text-soft);margin:7px 0 0;font-size:14px}.page-actions{align-items:center;gap:9px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;display:flex}.section-heading h2,.section-heading h3{color:var(--app-text);letter-spacing:-.02em;margin:0;font-size:17px}.section-heading p{color:var(--app-text-soft);margin:4px 0 0;font-size:12px}.text-button{color:var(--app-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button,.secondary-button,.danger-button{min-height:42px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.primary-button{border:1px solid var(--app-primary);background:var(--app-primary);color:#fafdff;box-shadow:0 7px 16px #155eef29}.primary-button:hover{background:var(--app-primary-dark);border-color:var(--app-primary-dark)}.secondary-button{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text)}.secondary-button:hover{background:var(--app-surface-muted);border-color:#becae0}.danger-button{color:var(--app-danger);background:#fff8f9;border:1px solid #d13c4b38}.primary-button:active,.secondary-button:active,.danger-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.button-wide{width:100%}.surface-panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius)}.dashboard-grid{grid-template-columns:minmax(280px,.82fr) minmax(520px,1.7fr);align-items:stretch;gap:18px;display:grid}.dashboard-left{gap:18px;display:grid}.station-list-panel{min-height:480px;padding:19px 18px}.map-panel{min-height:620px;position:relative;overflow:hidden}.map-panel .app-map{position:absolute;inset:0}.map-panel-toolbar{z-index:3;gap:8px;display:flex;position:absolute;top:16px;left:16px}.map-control{height:39px;color:var(--app-text);font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffffff0;border:1px solid #cdd7e5e6;border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 5px 14px #2034541a}.map-legend{z-index:3;color:var(--app-text-soft);background:#fffffff0;border:1px solid #cdd7e5e6;border-radius:10px;gap:14px;padding:9px 12px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 5px 14px #2034541a}.legend-item{align-items:center;gap:6px;display:flex}.legend-swatch{background:var(--app-success);border-radius:50%;width:8px;height:8px}.legend-swatch.busy{background:var(--app-warning)}.station-stack{gap:8px;display:grid}.station-card{border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;border-radius:12px;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.station-card:hover{border-color:#c4d1e5;transform:translateY(-1px);box-shadow:0 8px 18px #1c305112}.station-card.active{border-color:#155eef80;box-shadow:0 0 0 3px #155eef12}.station-card-image{object-fit:cover;width:116px;min-height:128px}.station-card-body{flex:1;min-width:0;padding:12px 13px}.station-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.station-card h3{color:var(--app-text);letter-spacing:-.015em;margin:6px 0 0;font-size:14px;line-height:1.25}.station-address{min-width:0;color:var(--app-text-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin:8px 0 9px;font-size:11px;display:flex;overflow:hidden}.station-card-meta{color:var(--app-text-soft);flex-wrap:wrap;align-items:center;gap:6px 13px;font-size:11px;font-weight:650;display:flex}.station-card-meta span{align-items:center;gap:4px;display:inline-flex}.station-card-meta span:nth-child(2){color:#c97512}.station-card.compact{align-items:center;padding:2px;overflow:visible}.station-card.compact .station-card-body{padding:11px 10px}.station-card.compact .station-address{margin-bottom:6px}.station-card-chevron{color:var(--app-text-faint);flex:none;margin-right:8px}.status-badge{min-height:21px;color:var(--app-success);background:var(--app-success-soft);border-radius:6px;align-items:center;padding:0 7px;font-size:9px;font-weight:750;display:inline-flex}.status-badge.busy{color:var(--app-warning);background:var(--app-warning-soft)}.status-badge.offline{color:var(--app-text-soft);background:var(--app-surface-muted)}.upcoming-card{padding:18px}.booking-mini{grid-template-columns:auto 1fr;gap:13px;display:grid}.booking-date-tile{background:var(--app-primary-soft);width:52px;height:60px;color:var(--app-primary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.booking-date-tile strong{font-size:20px;line-height:1}.booking-date-tile small{text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:750}.booking-mini h3{color:var(--app-text);margin:1px 0 5px;font-size:13px}.booking-mini p{color:var(--app-text-soft);margin:0;font-size:11px;line-height:1.55}.booking-mini-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.booking-mini-empty{grid-template-columns:auto 1fr auto;align-items:center}.booking-mini-empty .empty-state-icon{width:48px;height:48px}.map-station-marker{background:var(--app-primary);color:#fff;cursor:pointer;border:3px solid #fafeff;border-radius:11px 11px 11px 3px;place-items:center;width:34px;height:40px;transition:transform .2s,box-shadow .2s;display:grid;transform:rotate(-45deg);box-shadow:0 6px 15px #155eef47}.map-station-marker span{font-family:Segoe UI,sans-serif;font-size:12px;font-weight:800;transform:rotate(45deg)}.map-station-marker.busy{background:var(--app-warning);box-shadow:0 6px 15px #c56a1340}.map-station-marker.offline{background:var(--app-text-faint);box-shadow:none}.map-station-marker:hover,.map-station-marker.selected{transform:rotate(-45deg)scale(1.14);box-shadow:0 7px 20px #155eef5c}.map-user-marker{background:var(--app-primary);cursor:pointer;border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 7px #155eef33,0 5px 16px #155eef47}.maplibregl-popup-content{border-radius:10px!important;padding:10px 12px!important;box-shadow:0 10px 30px #14233e24!important}.map-popup-content{gap:3px;min-width:160px;display:grid}.map-popup-content strong{color:var(--app-text);font-size:12px}.map-popup-content span{color:var(--app-text-soft);font-size:10px}.map-popup-action{background:var(--app-primary);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:7px;margin-top:6px;padding:7px 9px;font-size:10px;font-weight:750}.map-popup-action:hover{background:var(--app-primary-dark)}.map-layout{background:var(--app-surface);grid-template-columns:minmax(330px,390px) minmax(0,1fr);height:100%;display:grid}.map-results{border-right:1px solid var(--app-border);flex-direction:column;min-width:0;min-height:0;display:flex}.map-results-header{padding:20px 18px 14px}.map-results-header h1{color:var(--app-text);letter-spacing:-.03em;margin:0;font-size:22px}.map-results-header p{color:var(--app-text-soft);margin:5px 0 0;font-size:12px}.local-search{border:1px solid var(--app-border);background:var(--app-surface-muted);height:42px;color:var(--app-text-faint);border-radius:10px;align-items:center;gap:9px;margin-top:14px;padding:0 12px;display:flex}.local-search input{width:100%;color:var(--app-text);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.location-status{align-items:center;gap:9px;margin-top:9px;display:flex}.location-status button{border:1px solid var(--app-border);min-height:32px;color:var(--app-primary);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.location-status button:disabled{opacity:.6;cursor:wait}.location-status span{color:var(--app-text-soft);font-size:9px;line-height:1.35}.location-status.error span{color:var(--app-danger)}.filter-row{gap:7px;padding:0 18px 13px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--app-border);background:var(--app-surface);min-height:33px;color:var(--app-text-soft);font:inherit;white-space:nowrap;cursor:pointer;border-radius:9px;padding:0 11px;font-size:10px;font-weight:700}.filter-chip.active{border-color:var(--app-primary);color:var(--app-primary);background:var(--app-primary-soft)}.map-results-list{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;align-content:start;gap:8px;min-height:0;padding:0 12px 18px 18px;display:grid;overflow-y:auto}.nearest-station-card{background:var(--app-primary-soft);width:100%;color:var(--app-text);text-align:left;font:inherit;cursor:pointer;border:1px solid #155eef38;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.nearest-station-icon{background:var(--app-primary);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.nearest-station-card>span:nth-child(2){gap:2px;min-width:0;display:grid}.nearest-station-card small{color:var(--app-primary);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.nearest-station-card strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nearest-station-card em{color:var(--app-text-soft);font-size:10px;font-style:normal}.nearest-station-card>svg{color:var(--app-primary)}.location-consent-card{background:#f7faff;border:1px solid #155eef38;border-radius:11px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;display:grid}.location-consent-card>span{background:var(--app-primary-soft);width:38px;height:38px;color:var(--app-primary);border-radius:10px;place-items:center;display:grid}.location-consent-card strong{color:var(--app-text);font-size:12px;display:block}.location-consent-card p{color:var(--app-text-soft);margin:5px 0 9px;font-size:9px;line-height:1.55}.location-consent-card div>div{flex-wrap:wrap;gap:6px;display:flex}.location-consent-card button{min-height:31px;padding:0 10px;font-size:9px}.map-results-empty{color:var(--app-text-soft);text-align:center;gap:5px;padding:28px 12px;font-size:11px;display:grid}.map-results-empty strong{color:var(--app-text);font-size:13px}.map-canvas{min-width:0;position:relative}.map-canvas .app-map{position:absolute;inset:0}.route-summary-panel{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #155eef33;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(390px,100% - 32px);padding:12px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 14px 34px #182d4f29}.route-summary-icon{background:var(--app-primary);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.route-summary-panel>div{gap:2px;min-width:0;display:grid}.route-summary-panel small{color:var(--app-primary);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.route-summary-panel strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.route-summary-panel p{color:var(--app-text-soft);margin:0;font-size:10px}.route-summary-panel>button{background:var(--app-surface-muted);width:30px;height:30px;color:var(--app-text-soft);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.route-summary-panel.loading .route-summary-icon{animation:1.2s ease-in-out infinite route-pulse}.route-summary-panel.error{border-color:#d13c4b38}.route-summary-panel.error .route-summary-icon{background:var(--app-danger)}@keyframes route-pulse{50%{opacity:.72;transform:scale(.88)}}.map-floating-detail{z-index:4;border:1px solid var(--app-border);border-radius:var(--app-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;width:min(410px,100% - 36px);position:absolute;bottom:18px;left:18px;overflow:hidden;box-shadow:0 18px 46px #182d4f29}.map-floating-detail img{object-fit:cover;float:left;width:120px;height:118px;margin-right:14px}.map-floating-content{padding:13px 13px 12px 0}.map-floating-content h3{color:var(--app-text);margin:6px 0 5px;font-size:14px}.map-floating-content p{color:var(--app-text-soft);margin:0 0 10px;font-size:10px}.map-floating-actions{flex-wrap:wrap;gap:7px;display:flex}.map-floating-actions a,.map-floating-actions button{min-height:32px;padding:0 9px;font-size:10px}.station-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.88fr);align-items:start;gap:20px;display:grid}.station-hero{overflow:hidden}.station-hero-image{object-fit:cover;width:100%;height:clamp(290px,38vw,470px);display:block}.station-info{padding:22px}.station-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.station-info h1{color:var(--app-text);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,39px)}.station-title-rating{color:var(--app-text);white-space:nowrap;align-items:center;gap:5px;font-size:15px;font-weight:750;display:flex}.station-title-rating svg{color:#c97512}.station-detail-address{color:var(--app-text-soft);flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 18px;font-size:12px;display:flex}.station-facts{border-top:1px solid var(--app-border);border-bottom:1px solid var(--app-border);color:var(--app-text-soft);flex-wrap:wrap;gap:8px 20px;padding:13px 0;font-size:11px;display:flex}.station-facts span{align-items:center;gap:6px;display:inline-flex}.station-description{color:var(--app-text-soft);max-width:75ch;margin:18px 0;font-size:13px;line-height:1.7}.station-source{color:var(--app-text-faint);margin:-8px 0 18px;font-size:10px;line-height:1.5}.connector-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.connector-option{border:1px solid var(--app-border);background:var(--app-surface);min-height:105px;color:var(--app-text);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.connector-option.selected{border-color:var(--app-primary);box-shadow:0 0 0 3px #155eef12}.connector-option strong{font-size:14px}.connector-option span{color:var(--app-text-soft);font-size:11px}.connector-option small{color:var(--app-success);font-size:10px;font-weight:700}.booking-panel{padding:21px;position:sticky;top:94px}.booking-panel h2{color:var(--app-text);letter-spacing:-.03em;margin:0 0 19px;font-size:23px}.booking-step{margin-bottom:20px}.booking-step-title{color:var(--app-text);margin-bottom:10px;font-size:12px;font-weight:750;display:block}.date-strip{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.date-option{border:1px solid var(--app-border);background:var(--app-surface);min-height:52px;color:var(--app-text-soft);font:inherit;cursor:pointer;border-radius:9px;padding:5px;font-size:10px}.date-option strong{color:var(--app-text);margin-top:2px;font-size:12px;display:block}.date-option.selected{border-color:var(--app-primary);background:var(--app-primary);color:#fff}.date-option.selected strong{color:#fff}.time-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.time-option{border:1px solid var(--app-border);background:var(--app-surface);min-height:38px;color:var(--app-text);font:inherit;cursor:pointer;border-radius:9px;font-size:10px}.time-option:hover{border-color:#aebcd4}.time-option.selected{border-color:var(--app-primary);background:var(--app-primary);color:#fff}.vehicle-select{border:1px solid var(--app-border);background:var(--app-surface);text-align:left;width:100%;min-height:52px;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.vehicle-select img{object-fit:contain;width:60px;height:36px}.vehicle-type-icon{background:var(--app-primary-soft);width:46px;height:36px;color:var(--app-primary);border-radius:9px;flex:none;place-items:center;display:grid!important}.vehicle-type-icon svg{color:currentColor;margin:0!important}.vehicle-select span{flex-direction:column;gap:2px;display:flex}.vehicle-select strong{color:var(--app-text);font-size:11px}.vehicle-select small{color:var(--app-text-soft);font-size:9px}.vehicle-select svg{color:var(--app-text-faint);margin-left:auto}.payment-choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.payment-choice{border:1px solid var(--app-border);background:var(--app-surface);min-height:62px;color:var(--app-text);text-align:left;font:inherit;cursor:pointer;border-radius:10px;align-content:center;gap:3px;padding:10px;display:grid}.payment-choice strong{font-size:11px}.payment-choice small{color:var(--app-text-soft);font-size:9px}.payment-choice.selected{border-color:var(--app-primary);background:var(--app-primary-soft);box-shadow:0 0 0 3px #155eef0f}.price-summary{background:var(--app-surface-muted);border-radius:11px;gap:8px;margin:17px 0;padding:14px;display:grid}.price-row{color:var(--app-text-soft);justify-content:space-between;align-items:center;font-size:11px;display:flex}.price-row.total{border-top:1px solid var(--app-border);color:var(--app-text);margin-top:3px;padding-top:10px;font-size:13px;font-weight:750}.price-row.total strong{color:var(--app-primary);font-size:18px}.booking-note{color:var(--app-text-soft);align-items:flex-start;gap:7px;margin:11px 0 0;font-size:9px;line-height:1.45;display:flex}.booking-error{color:var(--app-danger);background:#fff0f2;border-radius:8px;margin:10px 0 0;padding:9px 10px;font-size:10px;line-height:1.45}.booking-success{text-align:center;place-items:center;gap:12px;min-height:400px;padding:40px;display:grid}.success-icon{background:var(--app-success-soft);width:64px;height:64px;color:var(--app-success);border-radius:50%;place-items:center;display:grid}.booking-success h2{color:var(--app-text);margin:4px 0 0;font-size:24px}.booking-success p{max-width:420px;color:var(--app-text-soft);margin:0;font-size:13px;line-height:1.6}.tabs{border-bottom:1px solid var(--app-border);align-items:center;gap:4px;margin-bottom:19px;display:flex}.tab{min-height:42px;color:var(--app-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 15px;font-size:12px;font-weight:650}.tab.active{color:var(--app-primary);border-bottom-color:var(--app-primary)}.bookings-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.booking-list{gap:10px;display:grid}.booking-card{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px;display:grid}.booking-card-date{border-right:1px solid var(--app-border);color:var(--app-text-soft);flex-direction:column;align-items:center;padding-right:16px;font-size:10px;display:flex}.booking-card-date strong{color:var(--app-text);font-size:27px;line-height:1}.booking-card-content h3{color:var(--app-text);margin:0 0 6px;font-size:14px}.booking-card-content p{color:var(--app-text-soft);margin:0;font-size:11px;line-height:1.5}.booking-card-meta{color:var(--app-text-soft);flex-wrap:wrap;gap:13px;margin-top:9px;font-size:10px;display:flex}.booking-card-meta span{align-items:center;gap:5px;display:inline-flex}.booking-card-actions{gap:7px;min-width:120px;display:grid}.booking-summary{padding:19px}.booking-summary h2{color:var(--app-text);margin:0 0 14px;font-size:16px}.summary-stat{border-bottom:1px solid var(--app-border);color:var(--app-text-soft);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.summary-stat strong{color:var(--app-text);font-size:13px}.feed-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;max-width:1120px;margin:0 auto;display:grid}.feed-main{gap:13px;display:grid}.post-composer{padding:16px}.composer-row{gap:11px;display:flex}.composer-avatar,.feed-avatar{background:var(--app-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.composer-avatar img,.feed-avatar img{object-fit:cover;width:100%;height:100%}.composer-input{border:1px solid var(--app-border);background:var(--app-surface-muted);min-height:42px;color:var(--app-text);resize:vertical;font:inherit;border-radius:11px;outline:0;flex:1;padding:11px 13px;font-size:12px}.composer-input:focus{border-color:#155eef80;box-shadow:0 0 0 3px #155eef12}.composer-actions{justify-content:space-between;align-items:center;margin:12px 0 0 49px;display:flex}.composer-tools{gap:5px;display:flex}.composer-tools button{color:var(--app-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:10px;display:inline-flex}.feed-post-card{padding:17px}.feed-post-header{align-items:center;gap:10px;display:flex}.feed-post-header strong{color:var(--app-text);font-size:12px;display:block}.feed-time{color:var(--app-text-faint);font-size:10px}.feed-post-content{color:var(--app-text);margin:13px 0;font-size:12px;line-height:1.65}.feed-post-images{border-radius:11px;grid-template-columns:repeat(2,1fr);gap:5px;display:grid;overflow:hidden}.feed-post-images:has(img:only-child){grid-template-columns:1fr}.feed-post-img{object-fit:cover;width:100%;height:230px}.feed-post-actions{border-top:1px solid var(--app-border);gap:6px;margin-top:10px;padding-top:10px;display:flex}.feed-post-actions button{color:var(--app-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:inline-flex}.feed-post-actions button:hover,.feed-post-actions button.liked{color:var(--app-primary);background:var(--app-primary-soft)}.feed-sidebar{gap:13px;display:grid;position:sticky;top:94px}.community-panel{padding:17px}.community-panel h3{color:var(--app-text);margin:0 0 13px;font-size:14px}.community-topic{grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:9px 0;display:grid}.topic-icon{background:var(--app-primary-soft);width:36px;height:36px;color:var(--app-primary);border-radius:9px;place-items:center;display:grid}.community-topic strong{color:var(--app-text);font-size:11px;display:block}.community-topic span{color:var(--app-text-faint);font-size:9px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.saved-card{overflow:hidden}.saved-card-image{height:180px;position:relative}.saved-card-image img{object-fit:cover;width:100%;height:100%}.saved-card-image .icon-button{background:#fffffff0;position:absolute;top:10px;right:10px}.saved-card-content{padding:15px}.saved-card-content h3{color:var(--app-text);margin:8px 0 7px;font-size:14px}.saved-card-content p{min-height:34px;color:var(--app-text-soft);margin:0 0 11px;font-size:11px;line-height:1.5}.saved-card-footer{color:var(--app-text-soft);justify-content:space-between;align-items:center;font-size:10px;display:flex}.profile-hero{grid-template-columns:auto 1fr minmax(260px,.8fr);align-items:center;gap:22px;margin-bottom:20px;padding:22px;display:grid}.profile-avatar-large{background:var(--app-primary-soft);width:82px;height:82px;color:var(--app-primary);border-radius:50%;place-items:center;font-size:25px;font-weight:800;display:grid;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-identity h1{color:var(--app-text);margin:0 0 5px;font-size:22px}.profile-identity p{color:var(--app-text-soft);margin:0;font-size:12px}.profile-identity .secondary-button{min-height:34px;margin-top:12px}.vehicle-summary{border-left:1px solid var(--app-border);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:13px;padding-left:22px;display:grid}.vehicle-summary img{object-fit:contain;width:110px;height:70px}.vehicle-summary strong{color:var(--app-text);font-size:13px;display:block}.vehicle-summary span{color:var(--app-text-soft);font-size:10px}.battery-line{background:var(--app-border);border-radius:2px;height:4px;margin:9px 0 5px;overflow:hidden}.battery-line:after{content:"";background:var(--app-success);width:78%;height:100%;display:block}.vehicle-form-panel{gap:16px;margin-bottom:20px;padding:20px;display:grid}.vehicle-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.vehicle-form-grid label{color:var(--app-text);gap:6px;font-size:10px;font-weight:700;display:grid}.vehicle-form-grid input,.vehicle-form-grid select{border:1px solid var(--app-border);background:var(--app-surface);min-width:0;min-height:42px;color:var(--app-text);font:inherit;border-radius:9px;outline:0;padding:0 11px;font-size:11px}.vehicle-form-grid input:focus,.vehicle-form-grid select:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #155eef12}.profile-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.settings-panel{overflow:hidden}.settings-panel h2{color:var(--app-text);margin:0;padding:17px;font-size:15px}.settings-row{border:0;border-top:1px solid var(--app-border);background:var(--app-surface);width:100%;min-height:49px;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:11px;display:flex}.settings-row:hover{background:var(--app-surface-muted)}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-metric{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:17px;display:grid}.admin-metric>svg{background:var(--app-primary-soft);width:38px;height:38px;color:var(--app-primary);border-radius:10px;grid-row:1/3;padding:9px}.admin-metric span{color:var(--app-text-soft);font-size:10px}.admin-metric strong{color:var(--app-text);letter-spacing:-.03em;font-size:19px}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:16px;display:grid}.admin-table-panel{min-width:0;padding:18px}.admin-table-panel .section-heading>span{color:var(--app-text-soft);font-size:10px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:10px}.admin-table th{border-bottom:1px solid var(--app-border);color:var(--app-text-soft);text-align:left;padding:9px 8px;font-weight:700}.admin-table td{border-bottom:1px solid var(--app-border);color:var(--app-text-soft);padding:11px 8px}.admin-table td strong{color:var(--app-text);font-size:11px}.admin-table select{border:1px solid var(--app-border);min-height:31px;color:var(--app-text);font:inherit;background:#fff;border-radius:7px;padding:0 8px;font-size:10px}.admin-booking-list{gap:7px;display:grid}.admin-booking-list article{border:1px solid var(--app-border);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.admin-booking-list article>div{gap:3px;display:grid}.admin-booking-list article>div:last-child{justify-items:end}.admin-booking-list strong{color:var(--app-text);font-size:11px}.admin-booking-list span,.admin-booking-list small{color:var(--app-text-soft);font-size:9px}.settings-row svg:last-child{color:var(--app-text-faint);margin-left:auto}.payment-card{margin-bottom:13px;padding:18px}.payment-card h2{color:var(--app-text);margin:0 0 14px;font-size:15px}.payment-method{border:1px solid var(--app-border);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.payment-logo{color:var(--app-primary);letter-spacing:-.04em;font-size:15px;font-weight:850}.payment-method span{color:var(--app-text-soft);font-size:11px}.payment-method button{color:var(--app-text-faint);cursor:pointer;background:0 0;border:0;margin-left:auto}.empty-state{text-align:center;align-content:center;place-items:center;gap:10px;min-height:320px;padding:40px;display:grid}.empty-state-icon{background:var(--app-primary-soft);width:58px;height:58px;color:var(--app-primary);border-radius:15px;place-items:center;display:grid}.empty-state h2,.empty-state h3{color:var(--app-text);margin:4px 0 0;font-size:18px}.empty-state p{max-width:390px;color:var(--app-text-soft);margin:0;font-size:12px;line-height:1.6}.skeleton{background:#edf1f7;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.5s infinite skeleton-shift;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shift{to{transform:translate(100%)}}.toast{z-index:50;color:#fff;background:#172238;border-radius:11px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 36px #121f373d}@media (width<=1180px){.dashboard-grid{grid-template-columns:370px minmax(0,1fr)}.station-card-image{display:none}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-detail-grid{grid-template-columns:minmax(0,1.25fr) 350px}.profile-hero{grid-template-columns:auto 1fr}.vehicle-summary{border-left:0;border-top:1px solid var(--app-border);grid-column:1/-1;padding:16px 0 0}}@media (width<=960px){.app-page{min-height:calc(100dvh - 72px);padding:22px 20px 32px}.dashboard-grid{grid-template-columns:1fr}.dashboard-left{grid-template-columns:minmax(0,1fr) 310px}.map-panel{grid-row:1;min-height:520px}.station-list-panel{min-height:auto}.station-card-image{display:block}.station-detail-grid,.bookings-layout,.profile-grid{grid-template-columns:1fr}.vehicle-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-panel,.feed-sidebar{position:static}.feed-layout{grid-template-columns:1fr}.feed-sidebar{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}}@media (width<=760px){.app-page.map-page{height:auto;overflow:visible}.map-layout{flex-direction:column;height:auto;display:flex}.map-results{border-right:0}.map-results-list{min-height:360px;max-height:min(56dvh,520px)}.map-canvas{min-height:520px}.dashboard-left{grid-template-columns:1fr}.station-card-image{display:none}.station-hero-image{height:300px}.station-title-row{flex-direction:column;gap:9px}.connector-grid,.saved-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;justify-items:start}.vehicle-summary{width:100%}.booking-card{grid-template-columns:56px 1fr;gap:12px}.booking-card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.feed-sidebar{grid-template-columns:1fr}}@media (width<=680px){.app-page{min-height:calc(100dvh - 62px);padding:20px 14px 28px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:19px}.page-actions{width:100%}.page-actions>*{flex:1}.page-heading h1{font-size:26px}.map-panel{min-height:460px}.map-legend{flex-wrap:wrap;left:12px;right:auto}.station-list-panel,.upcoming-card,.station-info,.booking-panel{padding:15px}.date-strip{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.time-grid{grid-template-columns:repeat(2,1fr)}.station-hero-image{height:235px}.station-info h1{font-size:25px}.booking-card{padding:14px}.profile-hero{padding:17px}.vehicle-summary{grid-template-columns:85px minmax(0,1fr)}.vehicle-summary>.secondary-button{grid-column:1/-1}.vehicle-summary img{width:85px}.vehicle-form-grid{grid-template-columns:1fr}.feed-post-img{height:180px}.composer-actions{margin-left:0}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metric{padding:12px}.admin-metric strong{font-size:16px}.toast{bottom:78px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}