@font-face{font-family:DIN Next Regular;src:url("/fonts/fontawesome/Linotype - DIN Next LT Arabic Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DIN Next Bold;src:url("/fonts/fontawesome/Linotype - DIN Next LT Arabic Bold.ttf") format("truetype");font-weight:700;font-style:normal}h1,h2,h3,h4,h5,h6,strong,b{font-family:DIN Next Bold,sans-serif}:root{--primary-dark: #4a4a4a;--primary-medium: #5a5a5a;--primary-light: #6a6a6a;--accent-orange: #ff8c42;--accent-orange-light: #ffad70;--accent-orange-dark: #e67530;--text-white: #ffffff;--text-gray: #d1d1d1;--text-dim: #b0b0b0;--glass-bg: rgba(74, 74, 74, .05);--border-color: rgba(255, 140, 66, .2);--shadow-color: rgba(0, 0, 0, .3)}body{font-family:DIN Next Regular,sans-serif;background:linear-gradient(135deg,#3a3a3a,#4a4a4a);color:var(--text-white);margin:0;padding:0}input::placeholder{color:#fff}textarea::placeholder{color:#fff}.logo-section{display:flex;align-items:center;gap:15px;cursor:pointer}.logo-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.logo-text{font-family:DIN Next Bold,sans-serif;font-size:28px;font-weight:900;color:var(--accent-orange);text-shadow:0 2px 10px rgba(255,140,66,.3)}.header-btn{font-family:DIN Next Bold,sans-serif;background:var(--accent-orange);border:2px solid var(--accent-orange);color:#fff;font-weight:600;transition:all .3s}.header-btn:hover{background:var(--accent-orange-dark);border-color:var(--accent-orange-dark);transform:translateY(-2px);box-shadow:0 5px 20px #ff8c4266}.map-sidebar{background:#4a4a4af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--accent-orange)}.sidebar-title{font-family:DIN Next Bold,sans-serif;color:var(--accent-orange);font-size:24px;font-weight:700}.sidebar-subtitle{color:var(--text-dim)}.search-input{background:#ffffff1a;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.search-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff8c4233}.filter-chip{background:#ffffff0d;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.filter-chip:hover{background:#ff8c4233;border-color:var(--accent-orange);color:var(--accent-orange)}.filter-chip.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px 15px #ff8c424d}.notification-popup{position:fixed;opacity:0;pointer-events:none;top:45%;right:2%;transform:translateY(-36%);width:290px;height:fit-content;z-index:999;transition:right .5s cubic-bezier(.68,-.55,.265,1.55)}.notification-popup.show{transform:translateY(-50%) translate(0);opacity:1;pointer-events:auto}.notification-card-container{background:#9d9d9d8a;border-radius:0;padding:30px 25px;position:relative;overflow:hidden;max-height:88vh;z-index:10;box-shadow:0 15px 50px #0000001a,0 5px 20px #0000000d;margin-top:50px;z-index:1}.notification-card-container:after{position:absolute;top:-80px;right:-90px;width:250px;height:200px;background:linear-gradient(135deg,#ffcf9e,#f3741f);clip-path:polygon(100% 0,100% 30%,70% 30%,70% 100%,0 100%,0 0);border-radius:32px;box-shadow:0 30px 50px #0003;z-index:-1}.notification-popup{isolation:isolate}.corner-arm{position:absolute;top:-38px;left:-65px;width:263px;height:255px;pointer-events:none;z-index:40}.corner-arm:before,.corner-arm:after{content:"";position:absolute;background:linear-gradient(90deg,#ffb05f,#f3741f 60%,#c24c07);box-shadow:0 15px 40px #f3741f73}.corner-arm:before{top:4.72rem;left:3.5rem;width:110%;height:1.2rem;border-radius:32px 0 0;clip-path:polygon(0 0,100% 8%,97% 100%,0 100%)}.corner-arm:after{top:5.891rem;left:3.5rem;width:1.2rem;height:22rem;border-radius:0}.corner-image{background-image:url(/images/pump-hand.png);position:absolute;top:15%;right:269px;width:40%;height:100%;pointer-events:none;z-index:0;background-size:90%;background-repeat:no-repeat}@media (max-width: 768px){.notification-popup{left:30%}}@media (max-width: 576px){.corner-arm{top:-45px;left:-74px}.notification-card-container:after{width:190px;height:160px;top:-60px;right:-70px;clip-path:polygon(100% 0,100% 35%,70% 35%,70% 100%,0 100%,0 0)}.notification-popup{top:45%;left:20%}}.notification-bell-outer{position:absolute;top:0;left:20px;width:80px;height:80px;z-index:20}.bell-icon{width:100%;height:100%;background:linear-gradient(145deg,#ff9b59,#f37521);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #f3752180,inset 0 -5px 10px #0000001a;position:relative;z-index:2;animation:bellFloat 3s ease-in-out infinite}.bell-icon i{font-size:35px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:bellRing 2s ease-in-out infinite}.bell-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid rgba(243,117,33,.5);border-radius:50%;animation:ringPulse 2s ease-out infinite}@keyframes bellFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bellRing{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}@keyframes ringPulse{0%{width:80px;height:80px;opacity:.8}to{width:120px;height:120px;opacity:0}}.notification-close{position:absolute;top:10px;right:5px;width:30px;height:30px;border:none;background:#f0f0f0;border-radius:50%;color:#5f6d7b;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.notification-close:hover{background:#e0e0e0;transform:rotate(90deg)}.notification-header{text-align:center;margin-bottom:15px}.notification-header h2{font-family:DIN Next Bold,sans-serif;color:#333;font-size:24px;font-weight:700;margin:0 0 5px}.notification-header h3{font-family:DIN Next Regular,sans-serif;color:#777;font-size:14px;font-weight:500;margin:0;letter-spacing:1px}.notification-body{background:#f7f7f7;border-radius:12px;padding:15px;margin-bottom:15px}.notification-body p{color:#555;font-size:13px;line-height:1.7;margin:0;text-align:center}.notification-items{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;align-items:center;gap:10px;background:#66686a99;border-radius:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;border:1px solid #eee;box-shadow:0 2px 5px #0000000d}.notification-item:hover{transform:translate(-3px);border-color:#f37521}.item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.item-icon.purple{background:linear-gradient(135deg,#f37521,#d85c00)}.item-icon.green{background:linear-gradient(135deg,#5f6d7b,#47535e)}.item-content{flex:1}.item-content h4{font-family:DIN Next Bold,sans-serif;color:#eaeaea;font-size:13px;font-weight:600;margin:0}.item-tag{font-family:DIN Next Bold,sans-serif;display:inline-block;padding:2px 8px;border-radius:15px;font-size:10px;font-weight:600;color:#fff;background:#f37521}.item-tag.new{background:#5f6d7b}.item-arrow{color:#aaa;font-size:11px;transition:color .3s ease,transform .3s ease}.notification-item:hover .item-arrow{transform:translate(-3px);color:#5f6d7b}.station-card{background:#4a4a4a99;border:1px solid rgba(255,140,66,.2);transition:all .3s}.station-card:hover{background:#4a4a4acc;border-color:var(--accent-orange);transform:translate(-5px);box-shadow:0 5px 20px #ff8c4233}.station-card.active{background:#ff8c4226;border-color:var(--accent-orange);border-width:2px}.station-name{color:var(--text-white)}.station-location{color:var(--text-dim)}.station-status{font-family:DIN Next Bold,sans-serif;background:var(--accent-orange);color:#fff;font-weight:600}.action-btn{background:#ffffff0d;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.action-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px 12px #ff8c424d}.map-control-btn{background:#4a4a4af2;border:1px solid rgba(255,140,66,.3);color:var(--text-white)}.map-control-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 5px 20px #ff8c4266}.custom-marker{background:var(--accent-orange);border:3px solid white;box-shadow:0 3px 15px #ff8c4280}.custom-marker:hover{box-shadow:0 5px 25px #ff8c42b3}.leaflet-popup-content-wrapper{background:var(--primary-dark);color:#fff;border:2px solid var(--accent-orange)}.popup-title{color:var(--accent-orange)}.popup-location{color:var(--text-dim)}.popup-btn{background:var(--accent-orange);color:#fff;border:none}.popup-btn:hover{background:var(--accent-orange-dark)}.viewer-360-modal{background:#000000f2}.viewer-title{color:var(--accent-orange)}.close-viewer-btn{background:#ffffff1a;border:1px solid rgba(255,140,66,.3)}.close-viewer-btn:hover{background:var(--accent-orange);color:#fff}.viewer-controls{background:#4a4a4af2;border:1px solid rgba(255,140,66,.3)}.viewer-control-btn{background:#ffffff0d;border:1px solid rgba(255,140,66,.2);color:var(--text-white)}.viewer-control-btn:hover,.viewer-control-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.scene-thumbnail{border:2px solid transparent}.scene-thumbnail:hover{border-color:var(--accent-orange)}.scene-thumbnail.active{border-color:var(--accent-orange);box-shadow:0 0 20px #ff8c4299}.station-info-panel{background:#4a4a4afa;border:2px solid var(--accent-orange)}.info-panel-title{color:var(--accent-orange)}.info-panel-location{color:var(--text-dim)}.info-row{border-bottom:1px solid rgba(255,140,66,.2)}.info-label{color:var(--text-dim)}.panel-action-btn{background:var(--accent-orange);color:#fff}.panel-action-btn:hover{background:var(--accent-orange-dark);box-shadow:0 4px 15px #ff8c4266}.panel-action-btn.secondary{background:#ffffff1a;color:var(--accent-orange);border:1px solid var(--accent-orange)}.panel-action-btn.secondary:hover{background:#ff8c4233}.chatbot-toggle{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);box-shadow:0 8px 30px #ff8c4266}.chatbot-toggle:hover{box-shadow:0 12px 40px #ff8c4299}.chatbot-header{background:linear-gradient(135deg,#2f3133,#66686a);border-bottom:2px solid var(--accent-orange)}.bot-info h3{color:var(--accent-orange)}.status-dot{background:var(--accent-orange)}.bot-message .message-bubble{background:#4a4a4acc;color:#fff;border:1px solid rgba(255,140,66,.3)}.user-message .message-bubble{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);color:#fff}.send-btn{font-family:DIN Next Bold,sans-serif;background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);color:#fff}.send-btn:hover{box-shadow:0 4px 12px #ff8c4266}.message-button{font-family:DIN Next Bold,sans-serif;background:var(--accent-orange);color:#fff}.message-button:hover{background:var(--accent-orange-dark);box-shadow:0 4px 12px #ff8c424d}.stations-list::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--accent-orange)}.chatbot-input::-webkit-scrollbar-thumb{background:var(--accent-orange)}.loading-spinner{border:4px solid rgba(255,140,66,.2);border-top-color:var(--accent-orange)}.update-banner{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%);color:#fff}.notification-prompt{background:#4a4a4afa;border:2px solid var(--accent-orange)}.prompt-text h3{color:var(--accent-orange)}.btn-enable{font-family:DIN Next Bold,sans-serif;background:var(--accent-orange);color:#fff}.btn-enable:hover{background:var(--accent-orange-dark);box-shadow:0 5px 15px #ff8c424d}.install-prompt{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%)}.btn-install{font-family:DIN Next Bold,sans-serif;background:var(--primary-dark);color:var(--accent-orange)}.btn-install:hover{background:var(--primary-medium)}.footer{background:var(--primary-dark);border-top:2px solid var(--accent-orange);color:var(--text-white)}.footer-title{color:var(--accent-orange)}.footer a{color:var(--text-dim)}.footer a:hover{color:var(--accent-orange)}button:not(.header-btn):not(.action-btn):not(.send-btn){font-family:DIN Next Regular,sans-serif;background:var(--accent-orange);color:#fff;border:none;border-radius:50px;padding:5px}button:not(.header-btn):not(.action-btn):not(.send-btn):hover{background:var(--accent-orange-dark)}a{color:var(--accent-orange);text-decoration:none}a:hover{color:var(--accent-orange-light)}.gradient-orange{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dark) 100%)}.gradient-gray{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-medium) 100%)}.shadow-orange{box-shadow:0 5px 20px #ff8c424d}.shadow-orange-hover:hover{box-shadow:0 8px 30px #ff8c4280}.logo-icon svg path:first-child{fill:var(--primary-dark)}.logo-icon svg path:last-child{fill:var(--accent-orange)}@keyframes glow-orange{0%,to{box-shadow:0 0 5px #ff8c4280}50%{box-shadow:0 0 20px #ff8c42cc}}.glow-animation{animation:glow-orange 2s infinite}.hover-orange:hover{color:var(--accent-orange);transition:color .3s ease}.hover-scale:hover{transform:scale(1.05);transition:transform .3s ease}.border-orange{border:2px solid var(--accent-orange)}.border-gray{border:1px solid rgba(255,140,66,.2)}.bg-dark{background:var(--primary-dark)}.bg-orange{background:var(--accent-orange)}.bg-orange-light{background:#ff8c421a}.text-orange{color:var(--accent-orange)}.text-gray{color:var(--text-gray)}.text-dim{color:var(--text-dim)}:root{--primary-dark: #002b28;--primary-medium: #003d38;--primary-light: #004d47;--accent-teal: #e57e3a;--accent-teal-dim: rgba(156, 235, 200, .3);--accent-gold: #d4af37;--text-white: #ffffff;--text-dim: #9ab5b2;--bg-card: rgba(0, 60, 55, .6);--transition: all .4s cubic-bezier(.25, .8, .25, 1);--shadow: 0 10px 40px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:DIN Next Regular,sans-serif;color:var(--text-white);display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes countUp{0%{opacity:0}to{opacity:1}}@keyframes markerPulse{0%{box-shadow:0 0 #9cebc8b3}70%{box-shadow:0 0 0 20px #9cebc800}to{box-shadow:0 0 #9cebc800}}header{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(to bottom,rgba(0,43,40,.95),transparent);z-index:1000}.logo-area{align-items:center;gap:12px;cursor:pointer}.logo-area img{height:50px}.logo-icon{width:40px;height:40px}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:DIN Next Bold,sans-serif;font-size:26px;font-weight:900;color:var(--text-white)}.header-controls{display:flex;align-items:center;gap:15px}.icon-btn{background:#ffffff1a;border:none;color:var(--text-white);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-btn:hover{background:var(--accent-teal);color:var(--primary-dark)}.lang-btn{font-family:DIN Next Bold,sans-serif;width:auto;padding:0 15px;border-radius:20px;font-weight:600;font-size:12px}.menu-trigger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px}.menu-trigger span{width:25px;height:2px;background:var(--text-white);border-radius:2px;transition:var(--transition)}.menu-trigger:hover span{background:var(--accent-teal)}.search-bar{position:fixed;top:88px;left:50%;transform:translate(-50%) translateY(-150%);width:90%;max-width:500px;z-index:999;transition:transform .4s ease}.search-bar.active{transform:translate(-50%) translateY(0)}.search-bar input{font-family:DIN Next Regular,sans-serif;width:78%;padding:15px;border:none;border-radius:30px;background:transparent;color:var(--text-white);font-size:10px;box-shadow:var(--shadow)}.search-close-btn{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2}.search-close-btn:hover{background:#f3741f40;border-color:#f3741f8c}.search-bar input::placeholder{color:#c9c9c9}.search-results{background:var(--primary-medium);border-radius:15px;margin-top:10px;max-height:300px;overflow-y:auto;display:none}.search-results.active{display:block}.search-result-item{padding:15px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s}.search-result-item:hover{background:#9cebc81a}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s;z-index:99998}.search-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}#main-container{flex:1;position:relative;overflow:hidden}.view-section{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease;overflow:hidden}.view-section.active{opacity:1;visibility:visible}@keyframes searchInputPop{0%{transform:scale(.985)}to{transform:scale(1)}}#home-view{display:flex;align-items:center;padding:0 60px 70px}.header-search{position:relative;width:min(560px,100%)}.header-search input{font-family:DIN Next Regular,sans-serif;width:100%;padding:12px 48px 12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000002e;color:#fff;box-shadow:0 12px 35px #00000047;outline:none}.header-search input::placeholder{color:#ffffffb3}.header-search .search-close-btn{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000038;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer}.header-search .search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;max-height:300px;overflow-y:auto;z-index:2000}.header-search .search-results.active{display:block}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,43,40,.95) 0%,rgba(0,43,40,.7) 50%,transparent 100%),center/cover;z-index:-1}.hero-content{max-width:600px;animation:fadeInUp .8s ease}.hero-video-container{position:relative;width:100%;height:100vh;overflow:hidden}.hero-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-badge{display:inline-block;background:var(--accent-teal-dim);color:var(--accent-teal);padding:8px 20px;border-radius:30px;font-size:14px;margin-bottom:20px}.hero-content h1{font-family:DIN Next Bold,sans-serif;font-size:56px;font-weight:900;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--text-white),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content h2{font-family:DIN Next Regular,sans-serif;font-size:28px;font-weight:400;color:var(--text-dim);margin-bottom:20px}.hero-content p{font-size:16px;color:var(--text-dim);line-height:1.7;margin-bottom:30px}.hero-buttons{display:flex;gap:15px;margin-bottom:40px}.btn-primary,.btn-secondary{font-family:DIN Next Bold,sans-serif;padding:14px 30px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px}.btn-primary{background:var(--accent-teal);color:var(--primary-dark);border:none}.btn-primary:hover{background:var(--text-white);transform:translateY(-3px);box-shadow:0 10px 30px #9cebc84d}.btn-secondary{background:transparent;color:var(--text-white);border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.hero-stats{display:flex;gap:40px}.stat-item{text-align:center}.stat-number{font-family:DIN Next Bold,sans-serif;display:block;font-size:40px;font-weight:900;color:var(--accent-teal)}.stat-label{font-size:14px;color:var(--text-dim)}.hero-services-preview{position:absolute;bottom:100px;right:60px;display:flex;gap:15px}.preview-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;text-align:center;cursor:pointer;transition:var(--transition);border:1px solid transparent;min-width:100px}.preview-card:hover{background:var(--accent-teal);color:var(--primary-dark);transform:translateY(-5px)}.preview-icon{font-size:30px;margin-bottom:8px}#about-view{display:flex;padding-bottom:70px}.about-container{display:flex;width:100%;height:100%}.about-image{flex:1;background:url(https://images.unsplash.com/photo-1578662996442-48f60103fc96?w=1200) center/cover;position:relative}.about-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,var(--primary-dark))}.about-content{flex:1.2;padding:100px 50px 50px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.section-badge{display:inline-block;background:var(--accent-teal-dim);color:var(--accent-teal);padding:6px 15px;border-radius:20px;font-size:12px;margin-bottom:15px}.about-content h1{font-family:DIN Next Bold,sans-serif;font-size:48px;margin-bottom:20px}.about-content .lead{font-size:18px;color:var(--text-dim);line-height:1.8;margin-bottom:40px;max-width:500px}.vision-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vision-card{background:var(--bg-card);padding:25px;border-radius:15px;border:1px solid transparent;transition:var(--transition)}.vision-card:hover{border-color:var(--accent-teal);transform:translateY(-5px)}.vision-icon{font-size:35px;margin-bottom:15px}.vision-card h3{color:var(--accent-teal);margin-bottom:10px}.vision-card p{font-size:13px;color:var(--text-dim);line-height:1.6}#services-view{padding:90px 40px;overflow-y:auto}.services-page{max-width:1400px;margin:0 auto}.services-header{text-align:center;margin-bottom:40px}.services-header h1{font-family:DIN Next Bold,sans-serif;font-size:36px;margin-bottom:10px}.services-header p{color:var(--text-dim)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{position:relative;height:280px;border-radius:20px;overflow:hidden;cursor:pointer}.service-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .6s}.service-card:hover .service-card-bg{transform:scale(1.1)}.service-card-content{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.service-icon{font-size:40px;margin-bottom:10px}.service-card h3{font-family:DIN Next Bold,sans-serif;font-size:18px;margin-bottom:5px}.service-card p{font-size:12px;color:var(--text-dim);margin-bottom:10px}.service-tag{font-family:DIN Next Bold,sans-serif;display:inline-block;background:var(--accent-teal);color:var(--primary-dark);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;width:fit-content}#map-view{display:flex;padding-bottom:70px}#map-interface{display:flex;width:100%;height:100%}.map-sidebar{width:350px;background:#002320f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);z-index:10}.map-sidebar-header{padding:90px 20px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.map-sidebar-header h3{font-family:DIN Next Bold,sans-serif;color:var(--accent-teal);font-size:20px}.station-count{background:var(--accent-teal-dim);color:var(--accent-teal);padding:5px 15px;border-radius:20px;font-size:13px}.map-filters{display:flex;gap:8px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:8px 15px;border-radius:20px;cursor:pointer;font-size:14px;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--accent-teal);color:var(--primary-dark);border-color:var(--accent-teal)}.locations-list{flex:1;overflow-y:auto;padding:15px}.location-card{background:#ffffff08;border-radius:12px;padding:15px;margin-bottom:10px;cursor:pointer;transition:var(--transition);border:1px solid transparent}.location-card:hover{background:#9cebc81a;border-color:var(--accent-teal)}.location-card h4{font-size:15px;margin-bottom:5px;display:flex;align-items:center;gap:8px}.location-card p{font-size:12px;color:var(--text-dim);margin-bottom:10px}.location-services{display:flex;flex-wrap:wrap;gap:5px}.location-services span{font-size:16px;background:#ffffff0d;padding:4px 8px;border-radius:5px}.view-details-btn{font-family:DIN Next Bold,sans-serif;background:var(--accent-teal);color:var(--primary-dark);border:none;padding:8px 15px;border-radius:20px;font-size:12px;cursor:pointer;margin-top:10px;font-weight:600;transition:var(--transition)}.view-details-btn:hover{background:var(--text-white)}#map-container{flex:1;background:#001a18}.custom-marker{width:30px;height:30px;background:var(--accent-teal);border-radius:50%;border:3px solid white;box-shadow:0 3px 15px #0006;display:flex;align-items:center;justify-content:center;font-size:14px;animation:markerPulse 2s infinite}.leaflet-tile-pane{filter:brightness(.6) invert(1) contrast(1.3) hue-rotate(200deg) saturate(.3) brightness(.8)}.leaflet-popup-content-wrapper{background:var(--primary-dark);color:#fff;border-radius:12px;border:1px solid var(--accent-teal)}.leaflet-popup-tip{background:var(--primary-dark)}.leaflet-popup-content{margin:15px}.popup-content h4{color:var(--accent-teal);margin-bottom:5px}.popup-content p{font-size:12px;color:var(--text-dim)}#station-view{background:var(--primary-dark);padding-bottom:70px;overflow-y:auto}.station-detail{max-width:1200px;margin:0 auto;padding:80px 30px 30px}.back-btn{font-family:DIN Next Regular,sans-serif;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--accent-teal);font-size:14px;cursor:pointer;margin-bottom:20px}.back-btn:hover{text-decoration:underline}.station-header{background:var(--bg-card);border-radius:20px;padding:30px;margin-bottom:20px}.station-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.station-header h1{font-family:DIN Next Bold,sans-serif;font-size:32px;margin-bottom:5px}.station-header .location-text{color:var(--text-dim);font-size:14px}.station-status{font-family:DIN Next Bold,sans-serif;background:#2ecc71;color:#fff;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600}.station-status.closed{background:#e74c3c}.station-services-icons{display:flex;flex-wrap:wrap;gap:10px}.station-services-icons .service-badge{background:#ffffff1a;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:13px}.station-services-icons .service-badge i{font-size:20px}.station-tabs{display:flex;gap:10px;margin-bottom:20px;background:#ffffff08;padding:10px;border-radius:15px}.station-tab{font-family:DIN Next Regular,sans-serif;flex:1;background:none;border:none;color:var(--text-dim);padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;transition:var(--transition)}.station-tab.active{font-family:DIN Next Bold,sans-serif;background:var(--accent-teal);color:var(--primary-dark);font-weight:600}.tab-content{display:none}.tab-content.active{display:block;animation:fadeInUp .4s ease}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overview-card{background:var(--bg-card);padding:25px;border-radius:15px}.overview-card h3{color:var(--accent-teal);margin-bottom:15px;font-size:16px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-dim)}.services-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-detail-card{background:var(--bg-card);padding:20px;border-radius:15px;text-align:center;transition:var(--transition)}.service-detail-card:hover{transform:translateY(-5px);background:#9cebc81a}.service-detail-card .icon{font-size:40px;margin-bottom:10px}.service-detail-card h4{margin-bottom:5px}.service-detail-card p{font-size:12px;color:var(--text-dim)}.service-detail-card .hours{margin-top:10px;font-size:11px;color:var(--accent-teal)}#panorama-container{width:100%;height:400px;border-radius:20px;overflow:hidden;margin-bottom:15px}.tour-controls{display:flex;justify-content:center;gap:10px}.tour-btn{font-family:DIN Next Regular,sans-serif;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);color:var(--text-white);padding:10px 25px;border-radius:25px;cursor:pointer;transition:var(--transition)}.tour-btn:hover,.tour-btn.active{background:var(--accent-teal);color:var(--primary-dark);border-color:var(--accent-teal)}#menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3a3a3a,#4a4a4a);z-index:99999;display:flex;transform:translate(100%);transition:transform .5s cubic-bezier(.7,0,.3,1)}#menu-overlay.open{transform:translate(0)}.close-menu{position:absolute;top:20px;left:30px;background:none;border:none;color:var(--text-white);font-size:30px;cursor:pointer;transition:var(--transition);z-index:10}.close-menu:hover{color:var(--accent-teal);transform:rotate(90deg)}.menu-content{flex:1;padding:50px;overflow-y:auto}.menu-content h2{font-family:DIN Next Bold,sans-serif;color:#ff8c42;margin-bottom:40px;font-size:28px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.menu-grid-2{grid-template-columns:repeat(2,1fr)}.menu-card{background:#ffffff0d;padding:30px;border-radius:15px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,140,66,.2)}.menu-card:hover{border-color:#ff8c42;background:#ff8c421a}.menu-card:hover h3,.menu-card:hover .menu-card-icon{color:#fff}.menu-card-icon{font-size:35px}.menu-card h3{font-size:18px}.menu-services-grid h4{color:var(--text-dim);margin-bottom:15px}.mini-services{display:flex;flex-wrap:wrap;gap:10px}.mini-services span{background:#ffffff0d;padding:8px 15px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:8px}.menu-sidebar{width:300px;background:#0003;padding:100px 30px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05)}.sidebar-link{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;color:var(--text-dim);transition:color .3s}.sidebar-link:hover{color:var(--accent-teal)}.sidebar-footer{margin-top:auto;font-size:12px;color:var(--text-dim)}.sidebar-footer p{margin-bottom:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#081f1df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.05);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-dim);cursor:pointer;padding:10px 20px;border-radius:15px;transition:var(--transition)}.nav-item.active{color:var(--accent-teal);background:#9cebc81a}.nav-item svg{width:22px;height:22px;fill:currentColor}.nav-item span{font-size:11px}@media (max-width: 1024px){.hero-content h1{font-size:40px}.hero-services-preview{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.vision-cards{grid-template-columns:1fr}.about-container{flex-direction:column}.about-image{height:200px}.about-content{padding:30px}.overview-grid{grid-template-columns:1fr}.services-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#home-view{padding:0 20px}.hero-content h1{font-size:32px}.hero-stats{gap:20px}.stat-number{font-size:28px}#map-interface{flex-direction:column-reverse}.map-sidebar{width:100%;height:35%}#map-container{height:65%}.services-grid,.services-detail-grid,.menu-grid{grid-template-columns:1fr}.menu-sidebar{display:none}.logo-area img{height:30px}.search-bar{display:none}.main-header{padding:0}.corner-image{display:none}.vision-logo img{width:60px;height:40px}}.menu-section{margin-bottom:40px}.menu-section-title{font-family:DIN Next Bold,sans-serif;color:#ff8c42;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.16)}.menu-card{position:relative}.menu-card>div{flex:1}.menu-card-desc{font-size:12px;color:var(--text-dim);margin-top:5px}.menu-badge{font-family:DIN Next Bold,sans-serif;position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700}.menu-badge.new{background:var(--accent-gold);color:var(--primary-dark)}.menu-badge.updated{background:#3498db;color:#fff}.sidebar-section{margin-bottom:30px}.sidebar-section h4{color:var(--accent-teal);font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.sidebar-section .sidebar-link{padding:10px 0;font-size:13px}.sidebar-footer{margin-top:auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-footer p{font-size:11px;color:var(--text-dim);margin-bottom:8px}@media (max-width: 768px){.menu-content{padding:80px 20px 30px}.menu-section-title{font-size:14px}.menu-grid{grid-template-columns:1fr}.menu-card{padding:20px}.menu-card-icon{font-size:28px}.menu-card h3{font-size:16px}}@media (max-width: 480px){.menu-content h2{font-size:22px}.menu-card{flex-direction:column;text-align:center}.menu-badge{position:relative;top:0;left:0;margin-top:10px;display:inline-block}}.bottom-menu-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;pointer-events:none;transition:opacity .3s ease;opacity:0}.bottom-menu-popup.active{pointer-events:auto;opacity:1}.bottom-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bottom-menu-content{position:absolute;bottom:70px;left:0;right:0;max-height:70vh;background:var(--primary-dark);border-radius:25px 25px 0 0;padding:25px;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;box-shadow:0 -10px 40px #00000080}.bottom-menu-popup.active .bottom-menu-content{transform:translateY(0)}.bottom-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(229,126,58,.2)}.bottom-menu-header h3{font-family:DIN Next Bold,sans-serif;color:var(--accent-teal);font-size:20px}.close-bottom-menu{background:#ffffff1a;border:none;color:var(--text-white);width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition)}.close-bottom-menu:hover{background:var(--accent-teal);color:var(--primary-dark);transform:rotate(90deg)}.bottom-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:25px}.bottom-menu-section h4{color:var(--accent-teal);font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.bottom-menu-links{display:flex;flex-direction:column;gap:10px}.bottom-menu-link{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:12px;border-radius:12px;text-decoration:none;color:var(--text-white);transition:var(--transition);border:1px solid transparent;position:relative}.bottom-menu-link:hover{background:#9cebc81a;border-color:var(--accent-teal);transform:translate(-3px)}.bottom-menu-link .link-icon{font-size:24px;flex-shrink:0}.bottom-menu-link .link-info{flex:1;display:flex;flex-direction:column;gap:3px}.bottom-menu-link .link-title{font-family:DIN Next Bold,sans-serif;font-size:14px;font-weight:600;color:var(--text-white)}.bottom-menu-link .link-desc{font-size:11px;color:var(--text-dim)}.bottom-menu-link .link-badge{font-family:DIN Next Bold,sans-serif;position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:700}.bottom-menu-link .link-badge.new{background:var(--accent-gold);color:var(--primary-dark)}.bottom-menu-link .link-badge.updated{background:#3498db;color:#fff}.bottom-menu-quick-links{display:flex;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.quick-link-btn{font-family:DIN Next Bold,sans-serif;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-teal);color:var(--primary-dark);padding:12px;border-radius:12px;text-decoration:none;font-weight:600;font-size:13px;transition:var(--transition)}.quick-link-btn:hover{background:var(--text-white);transform:translateY(-2px);box-shadow:0 5px 20px #9cebc84d}.quick-link-btn svg{flex-shrink:0}.bottom-menu-content::-webkit-scrollbar{width:6px}.bottom-menu-content::-webkit-scrollbar-track{background:#0000001a}.bottom-menu-content::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:3px}@media (max-width: 768px){.bottom-menu-grid{grid-template-columns:1fr;gap:20px}.search-bar input{display:none}.bottom-menu-content{padding:20px 15px;max-height:75vh}.bottom-menu-header h3{font-size:18px}.bottom-menu-link{padding:10px}.bottom-menu-link .link-icon{font-size:20px}.bottom-menu-link .link-title{font-size:13px}.bottom-menu-link .link-desc{font-size:10px}}@media (max-width: 480px){.bottom-nav{padding:0 5px}.nav-item{padding:8px 10px;min-width:70px}.nav-item svg{width:20px;height:20px}.nav-item span{font-size:10px}.quick-link-btn{flex-direction:column;gap:5px;font-size:11px;padding:10px 8px}}#nav-more{position:relative}#nav-more:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:pulse 2s infinite}.bottom-nav-extended{position:fixed;bottom:0;background:#66686ae6;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:8px 5px;border-top:1px solid rgba(229,126,58,.2);z-index:1000;box-shadow:0 -5px 20px #0000004d;left:46%;right:auto}.nav-item-ext{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer;border-radius:10px;transition:all .3s ease;color:#c9c9c9;position:relative}.nav-item-ext:hover{background:#ffa25a29;color:#c6c6c6;transform:translateY(-2px)}.nav-item-ext.active{background:#ffa25a29;color:#c6c6c6}.nav-item-ext svg{flex-shrink:0}.nav-item-ext span{font-family:DIN Next Bold,sans-serif;font-size:10px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap}.nav-item-ext.nav-more:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--accent-gold);border-radius:50%;animation:pulse 2s infinite}.extended-menu-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.extended-menu-popup.active{pointer-events:auto;opacity:1}.extended-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.extended-menu-content{position:absolute;bottom:60px;left:0;right:0;max-height:75vh;background:#4f5153;border-radius:25px 25px 0 0;padding:25px 20px;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;box-shadow:0 -10px 40px #00000080}.extended-menu-popup.active .extended-menu-content{transform:translateY(0)}.extended-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(229,126,58,.2)}.extended-menu-header h3{font-family:DIN Next Bold,sans-serif;color:var(--accent-teal);font-size:20px;font-weight:700}.close-extended-menu{background:#ffffff1a;border:none;color:var(--text-white);width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s}.close-extended-menu:hover{background:var(--accent-teal);color:var(--primary-dark);transform:rotate(90deg)}.extended-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.extended-menu-section h4{font-family:DIN Next Bold,sans-serif;color:var(--accent-teal);font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.extended-menu-link{display:flex;align-items:center;gap:12px;padding:12px;background:#66686a;border-radius:10px;text-decoration:none;color:var(--text-white);transition:all .3s;border:1px solid transparent;margin-bottom:8px}.extended-menu-link:hover{background:#ee8b4a1a;border-color:#e57e3a;transform:translate(-3px);color:#fff}.extended-menu-link .link-icon{font-size:22px;flex-shrink:0}.extended-menu-link span:last-child{font-size:14px;font-weight:500}.extended-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.quick-action-btn{font-family:DIN Next Bold,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--accent-teal);color:var(--primary-dark);border-radius:10px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s}.quick-action-btn:hover{background:var(--text-white);transform:translateY(-2px);box-shadow:0 5px 15px #9cebc84d}.extended-menu-content::-webkit-scrollbar{width:6px}.extended-menu-content::-webkit-scrollbar-track{background:#0000001a}.extended-menu-content::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:3px}@media (max-width: 1024px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext:nth-child(n+6){display:none}.nav-item-ext.nav-more{display:flex}}@media (max-width: 768px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr);padding:6px 3px;width:100%;left:0}.nav-item-ext{padding:6px 2px}.nav-item-ext span{font-size:9px}.nav-item-ext svg{width:18px;height:18px}.extended-menu-grid{grid-template-columns:1fr}.extended-menu-content{padding:20px 15px;max-height:80vh}.extended-quick-actions{grid-template-columns:1fr}}@media (max-width: 480px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext span{font-size:8px}.extended-menu-header h3{font-size:18px}.extended-menu-link{padding:10px}.quick-action-btn{font-size:12px;padding:10px}}.bottom-nav{display:none}.extended-menu-note{background:#8a8c8f33;border:1px solid #ffa25ad1;border-radius:10px;padding:15px;margin-top:20px;text-align:center}.extended-menu-note p{color:var(--accent-teal);font-size:12px;margin:0;line-height:1.5}.extended-menu-link.main-page{background:#9cebc814;border:1px solid rgba(229,126,58,.2)}@media (max-width: 768px){.nav-item-ext span{font-size:8.5px;max-width:55px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 380px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr);padding:5px 2px}.nav-item-ext{padding:5px 1px}.nav-item-ext svg{width:16px;height:16px}.nav-item-ext span{font-size:7.5px}.nav-item-ext:nth-child(n+6):not(.nav-more){display:none}}.nav-item-ext:nth-child(-n+9){position:relative}.nav-item-ext:nth-child(-n+9):hover:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:#f3741f;border-radius:2px}@media (max-width: 1024px) and (min-width: 769px){.bottom-nav-extended{grid-template-columns:repeat(5,1fr)}.nav-item-ext:nth-child(n+6):not(.nav-more){display:none}.nav-item-ext.nav-more{display:flex}}@media (min-width: 991px){.bottom-nav-extended{padding:10px 20px;max-width:1400px;margin:0 auto;width:min-content;transform:translate(-48%);border-radius:20px 20px 0 0}.nav-item-ext{padding:10px 8px}.nav-item-ext span{font-size:11px}}.update-banner{position:fixed;top:70px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#9cebc8,#6dd5b0);color:#002b28;padding:15px 25px;border-radius:15px;box-shadow:0 10px 40px #0000004d;z-index:10000;animation:slideDown .4s ease}.update-content{display:flex;align-items:center;gap:15px}.update-content span{font-family:DIN Next Bold,sans-serif;font-weight:600;font-size:14px}.update-content button{font-family:DIN Next Bold,sans-serif;padding:8px 20px;border:none;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.update-content button:first-of-type{background:#002b28;color:#9cebc8}.update-content button:first-of-type:hover{background:#003d38;transform:translateY(-2px)}.update-content button:last-of-type{background:transparent;color:#002b28}.update-content button:last-of-type:hover{background:#002b281a}.notification-prompt{position:fixed;bottom:-200px;left:20px;right:20px;max-width:500px;margin:0 auto;background:#66686ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(156,235,200,.3);border-radius:20px;padding:20px;box-shadow:0 10px 40px #00000080;z-index:10000;transition:bottom .4s cubic-bezier(.25,.8,.25,1)}.notification-prompt.show{bottom:90px}.prompt-content{display:flex;align-items:center;gap:15px}.prompt-icon{font-size:40px;flex-shrink:0}.prompt-text h3{color:#9cebc8;font-size:18px;margin-bottom:5px}.prompt-text p{color:#aebdbb;font-size:13px;line-height:1.5}.prompt-actions{display:flex;flex-direction:column;gap:8px;margin-right:auto}.btn-enable,.btn-dismiss{font-family:DIN Next Bold,sans-serif;padding:10px 20px;border:none;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-enable{background:#9cebc8;color:#002b28}.btn-enable:hover{background:#b8f5dc;transform:translateY(-2px);box-shadow:0 5px 15px #9cebc84d}.btn-dismiss{background:transparent;color:#aebdbb;border:1px solid rgba(255,255,255,.1)}.btn-dismiss:hover{background:#ffffff0d;color:#9cebc8}.install-prompt{position:fixed;bottom:-200px;left:20px;right:20px;max-width:500px;margin:0 auto;background:linear-gradient(135deg,#9cebc8,#6dd5b0);border-radius:20px;padding:20px;box-shadow:0 10px 40px #00000080;z-index:10000;transition:bottom .4s cubic-bezier(.25,.8,.25,1)}.install-prompt.show{bottom:90px}.install-content{display:flex;align-items:center;gap:15px}.install-icon{font-size:40px;flex-shrink:0}.install-text h3{color:#002b28;font-size:18px;margin-bottom:5px}.install-text p{color:#004d47;font-size:13px}.install-actions{display:flex;gap:10px;margin-right:auto}.btn-install{font-family:DIN Next Bold,sans-serif;padding:10px 25px;border:none;border-radius:20px;background:#002b28;color:#9cebc8;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.btn-install:hover{background:#003d38;transform:translateY(-2px)}.btn-close{width:35px;height:35px;border:none;border-radius:50%;background:#002b2833;color:#002b28;font-size:18px;cursor:pointer;transition:all .3s}.btn-close:hover{background:#002b284d;transform:rotate(90deg)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-width: 768px){.notification-prompt,.install-prompt{left:10px;right:10px;padding:15px}.notification-prompt.show,.install-prompt.show{bottom:80px}.prompt-content,.install-content{flex-direction:column;text-align:center}.prompt-actions,.install-actions{width:100%;margin:0}.btn-enable,.btn-dismiss,.btn-install{width:100%}.update-banner{left:10px;right:10px;transform:none}.update-content{flex-direction:column;text-align:center}.update-content button{width:100%}}.chatbot-container{font-family:DIN Next Regular,sans-serif;position:fixed;bottom:20px;left:20px;z-index:9999}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#9cebc8,#6dd5b0);border:none;box-shadow:0 8px 30px #9cebc866;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 12px 40px #9cebc899}.chatbot-toggle:active{transform:scale(.95)}.chatbot-toggle .chat-icon{display:block}.chatbot-toggle .close-icon,.chatbot-toggle.active .chat-icon{display:none}.chatbot-toggle.active .close-icon{display:block}.chatbot-badge{font-family:DIN Next Bold,sans-serif;position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:12px;display:none}.chatbot-badge.show{display:block;animation:badgePulse 1s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chatbot-window{position:absolute;bottom:80px;left:0;width:400px;height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:none;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.25,.8,.25,1)}.chatbot-window.active{display:flex}.chatbot-window.minimized{height:60px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#2f3133,#66686a);color:#fff;border:2px solid #8a8c8f;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-info{display:flex;align-items:center;gap:12px}.avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;border:2px solid #8a8c8f;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.bot-info h3{font-family:DIN Next Bold,sans-serif;font-size:16px;margin-bottom:3px}.status{color:#aebdbb;font-size:12px;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.header-actions{display:flex;gap:8px}.header-btn{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.header-btn:hover{background:#e57e3a33}.quick-actions{display:flex;gap:2px;justify-content:center;padding:4px;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-action{padding:8px;background:#8a8c8f;border:1px solid #dee2e6;border-radius:20px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s;flex-shrink:0}.quick-action:hover{background:#ff8c42;border-color:#f37521;color:#fff;transform:translateY(-2px)}.chatbot-messages{flex:1;overflow-y:auto;padding:10px 20px;background:#f8f9fa;display:flex;flex-direction:column;gap:15px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#e9ecef}.chatbot-messages::-webkit-scrollbar-thumb{background:#9cebc8;border-radius:3px}.message{display:flex;gap:10px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-message{align-self:flex-start}.user-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.user-message .message-avatar{font-family:DIN Next Bold,sans-serif;background:linear-gradient(135deg,#9cebc8,#6dd5b0);display:flex;align-items:center;justify-content:center;color:#002b28;font-size:18px;font-weight:700}.message-content{max-width:75%;display:flex;flex-direction:column;gap:5px}.message-bubble{padding:12px 16px;border-radius:18px;line-height:1.5;font-size:14px}.bot-message .message-bubble{background:#fff;color:#212529;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.user-message .message-bubble{background:linear-gradient(135deg,#9cebc8,#6dd5b0);color:#002b28;border-bottom-right-radius:4px}.message-bubble p{margin:0 0 8px}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul{margin:8px 0;padding-right:20px}.message-bubble li{margin:5px 0}.message-time{font-size:11px;color:#6c757d;align-self:flex-end}.user-message .message-time{align-self:flex-start}.welcome-message .message-bubble{background:#fff;color:#212529;border:2px solid #9a9c9e}.welcome-message .message-bubble ul li{margin:8px 0}.typing-indicator{display:flex;gap:10px;padding:0 20px;margin-bottom:10px}.typing-dots{background:#fff;padding:12px 16px;border-radius:18px 18px 18px 4px;display:flex;gap:4px;box-shadow:0 2px 8px #00000014}.typing-dots span{width:8px;height:8px;background:#9cebc8;border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chatbot-input-area{border-top:1px solid #e9ecef;background:#fff;padding:5px}.input-container{display:flex;align-items:flex-end;gap:8px;background:#f8f9fa;padding:8px;border-radius:25px}.input-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.input-btn:hover{background:#e9ecef;color:#002b28}.chatbot-input{font-family:DIN Next Regular,sans-serif;flex:1;border:none;background:transparent;resize:none;font-size:14px;line-height:1.5;padding:8px 12px;max-height:100px;overflow-y:auto}.chatbot-input:focus{outline:none}.chatbot-input::-webkit-scrollbar{width:4px}.chatbot-input::-webkit-scrollbar-thumb{background:#9cebc8;border-radius:2px}.send-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#ffb072,#f3741f);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.send-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #9cebc866}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:10px;margin-top:8px;max-height:200px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;font-size:24px}.emoji-grid span{cursor:pointer;transition:transform .2s}.emoji-grid span:hover{transform:scale(1.3)}.suggestions-container{padding:10px 15px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.suggestions-container::-webkit-scrollbar{display:none}.suggestion-pill{padding:6px 12px;background:#8a8c8f;border:1px solid #dee2e6;border-radius:15px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s;flex-shrink:0}.suggestion-pill:hover{background:#ff8c42;border-color:#f37521;color:#fff}.message-image{max-width:200px;border-radius:12px;margin-top:5px;cursor:pointer}.message-link{display:inline-block;color:#007bff;text-decoration:none;padding:8px 12px;background:#e7f3ff;border-radius:8px;margin:5px 0;transition:all .3s}.message-link:hover{background:#cce5ff}.message-button{font-family:DIN Next Bold,sans-serif;padding:10px 20px;background:#9cebc8;color:#002b28;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;margin:5px 5px 5px 0;transition:all .3s}.message-button:hover{background:#6dd5b0;transform:translateY(-2px);box-shadow:0 4px 12px #9cebc84d}@media (max-width: 768px){.chatbot-container{bottom:10px;left:10px;right:10px}.chatbot-window{width:calc(100vw - 20px);height:calc(100vh - 100px);max-height:650px}.chatbot-toggle{position:fixed;bottom:8rem;left:10%;transform:translate(-50%)}}@media (max-width: 480px){.message-content{max-width:85%}.quick-action{font-size:12px;padding:6px 12px}}@keyframes messageIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message.new{animation:messageIn .3s ease}.voice-recording{display:flex;align-items:center;gap:10px;padding:10px;background:#fff3cd;border-radius:20px}.recording-indicator{width:8px;height:8px;background:#dc3545;border-radius:50%;animation:recordPulse 1s infinite}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-time{font-family:DIN Next Bold,sans-serif;font-size:14px;color:#856404;font-weight:600}.recording-cancel{margin-right:auto;padding:5px 15px;background:#dc3545;color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:12px}:root{--chat-gap: 16px;--chat-radius: 18px;--chat-w: 400px;--chat-h: 600px}#chatbot-container.chatbot-container{font-family:DIN Next Regular,sans-serif;position:fixed;inset:auto auto var(--chat-gap) var(--chat-gap);z-index:100000}#chatbot-toggle.chatbot-toggle{width:60px;height:60px;border-radius:999px;position:relative}#chatbot-window.chatbot-window{position:fixed;left:var(--chat-gap);bottom:calc(var(--chat-gap) + 70px);width:min(var(--chat-w),calc(100vw - (var(--chat-gap) * 2)));height:min(var(--chat-h),calc(100dvh - 140px));max-height:calc(100dvh - 140px);border-radius:var(--chat-radius);overflow:hidden;display:none}#chatbot-window.chatbot-window.active{display:flex}#chatbot-window .chatbot-messages{min-height:0}@media (max-width: 768px){#chatbot-container.chatbot-container{left:var(--chat-gap);right:auto;bottom:calc(var(--bottom-nav-h) + var(--chat-gap) + env(safe-area-inset-bottom))}#chatbot-window.chatbot-window{left:0;right:0;bottom:0;width:100vw;height:min(78dvh,calc(100dvh - var(--bottom-nav-h) - 16px - env(safe-area-inset-top)));max-height:calc(100dvh - var(--bottom-nav-h) - 16px - env(safe-area-inset-top));border-radius:20px 20px 0 0;transform:translateY(12px);opacity:0;transition:transform .25s ease,opacity .25s ease}#chatbot-window.chatbot-window.active{transform:translateY(0);opacity:1}#chatbot-window .quick-actions{padding:8px 10px;gap:6px}#chatbot-window .quick-action{font-size:12px;padding:7px 10px}#chatbot-window .input-container{flex-wrap:nowrap}#chatbot-window textarea.chatbot-input{max-height:90px}}@media (max-width: 420px){:root{--chat-gap: 12px}#chatbot-toggle.chatbot-toggle{width:56px;height:56px}}