body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;height:100vh;display:flex;flex-direction:column}.container-fluid{height:100%;padding:0}.row{height:100%;margin:0}.sidebar{position:absolute;top:10px;left:20px;width:320px;max-height:calc(100% - 20px);background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;overflow-y:auto}.sidebar-content{padding:20px}.station-list{max-height:calc(100vh - 350px);overflow-y:auto;padding-right:10px}.station-list::-webkit-scrollbar{width:6px}.station-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.station-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.app-title{margin:0;font-size:1.5rem;font-weight:600}.search-box{margin-bottom:20px}.station-item{padding:20px;margin-bottom:15px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0}.station-item:hover{box-shadow:0 8px 15px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#e0e0e0}.station-item.active{border-color:#3498db;background-color:#f8f9fa;position:relative}.station-item.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3498db;border-radius:12px 0 0 12px}.station-name{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:8px}.station-operator{font-size:14px;color:#7f8c8d;margin-bottom:8px;display:flex;align-items:center}.station-operator::before{content:"🏢";margin-right:8px}.station-address{font-size:14px;color:#95a5a6;margin-bottom:12px;display:flex;align-items:flex-start}.station-address::before{content:"📍";margin-right:8px;margin-top:2px}.station-sockets{background-color:#f8f9fa;padding:12px;border-radius:8px;margin-top:10px}.station-sockets small{display:inline-block;margin:4px 8px 4px 0;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.station-sockets small[data-type="AC"]{background-color:#e3f2fd;color:#1976d2}.station-sockets small[data-type="DC"]{background-color:#fce4ec;color:#c2185b}.station-popup{padding:1.25rem;max-width:360px;max-height:500px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;scrollbar-width:thin}.station-popup::-webkit-scrollbar{width:6px}.station-popup::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.station-popup::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.station-popup::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.station-popup .station-name{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;line-height:1.4}.station-popup .station-operator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.station-popup .station-operator i{display:none}.station-popup .station-address{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.5}.station-popup .station-address i{display:none}.station-popup .station-sockets{background:#f8f9fa;border-radius:.75rem;padding:1rem;margin-bottom:1rem}.station-popup .socket-title{font-size:.9rem;font-weight:600;color:#1a1a1a;margin-bottom:.75rem}.station-popup .socket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.station-popup small[data-type]{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;font-size:.85rem;font-weight:500;transition:all .2s ease}.station-popup small[data-type] i{display:none}.station-popup small[data-type="AC"]{background-color:rgba(25,118,210,.1);color:#1976d2}.station-popup small[data-type="DC"]{background-color:rgba(194,24,91,.1);color:#c2185b}.station-popup .station-prices{margin-top:0}.station-popup .station-prices select{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;font-size:.9rem;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ stroke=\'%23666\'\ stroke-width=\'2\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'%3E%3Cpolyline\ points=\'6\ 9\ 12\ 15\ 18\ 9\'%3E%3C/polyline%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.station-popup .station-prices select:hover{border-color:#1976d2;background-color:#f8f9fa}.station-popup .station-prices select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.1)}.station-popup .station-navigation{margin-top:1rem}.station-popup .navigation-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#1976d2;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.station-popup .navigation-btn:hover{background-color:#1565c0;transform:translateY(-1px)}.station-popup .navigation-btn i{font-size:1rem}.gm-style .gm-style-iw-c{padding:0!important;border-radius:1rem!important;box-shadow:0 4px 24px rgba(0,0,0,.15)!important;max-height:none!important;background-color:#fff!important}.gm-style .gm-style-iw-d{overflow:hidden!important;padding:0!important;max-height:none!important}.gm-style .gm-style-iw-t::after{background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)!important;box-shadow:none!important}.gm-ui-hover-effect{display:none!important}@media (max-width:768px){.station-popup{padding:1rem;max-width:100%}.station-popup .socket-grid{grid-template-columns:1fr}.station-popup .station-name{font-size:1.1rem}}.filters{background-color:#fff;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.filters h5{margin-bottom:10px;color:#333}.form-check{margin-bottom:5px}.loading{text-align:center;padding:20px;color:#666}.error{text-align:center;padding:20px;color:#dc3545;background-color:#f8d7da;border-radius:5px}.no-results{text-align:center;padding:20px;color:#666;font-style:italic}@media (max-width:768px){.sidebar{position:fixed;top:auto;bottom:30px;left:10px;right:10px;width:auto;max-height:50vh}.station-list{max-height:calc(50vh - 200px)}.map-container{bottom:30px}.station-popup{max-width:90vw;width:100%;padding:12px}.station-popup .socket-grid{grid-template-columns:1fr}.route-panel{position:fixed;bottom:80px;left:-100%;width:calc(100% - 20px);max-height:40vh;margin:0 10px;background:#fff;border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.1);z-index:1000;padding:12px}.route-panel.active{transform:translateX(100%)}.route-inputs{padding:0;margin-bottom:12px}.route-inputs .input-group{margin-bottom:8px}.route-inputs .form-control{height:36px;font-size:14px}.route-inputs .btn{height:36px;font-size:14px}.route-info{padding:8px;margin-top:8px;font-size:13px}.route-summary{font-size:13px;margin-bottom:8px;padding-bottom:8px}.route-station-item{padding:8px;margin:4px 0}.route-toggle-btn{bottom:80px;left:10px;width:36px;height:36px;font-size:16px}.header-content{padding:10px}.header-left{width:100%}.location-search-input{width:100%;min-width:200px}.header-filters{padding:8px 0;margin:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.header-filters::-webkit-scrollbar{display:none}.modal-content{width:95%;margin:10px;max-height:90vh;overflow-y:auto}.socket-type-buttons{flex-direction:column}.socket-type-btn{width:100%;justify-content:center;padding:12px}.header-actions{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:.75rem;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:998;display:flex;flex-direction:row;gap:.75rem;margin:0;justify-content:center}.app-footer{display:none}.footer-content{padding:.25rem .5rem;font-size:.8rem;display:flex;justify-content:space-between;align-items:center;width:100%}.footer-links{display:flex;align-items:center;gap:.5rem}.footer-link{font-size:.7rem;color:#6c757d}.footer-separator{color:#dee2e6;font-size:.7rem}.footer-copyright{font-size:.7rem;color:#6c757d}}@media (min-width:769px) and (max-width:1024px){.header-content{padding:15px}.route-panel{width:350px}.station-popup{max-width:350px}}@media (hover:none){.filter-chip,.socket-type-btn,.operator-item,.route-station-item{-webkit-tap-highlight-color:transparent}.custom-map-control-button{padding:12px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-text{font-size:1.2rem;color:#333;margin-bottom:.5rem}.loading-progress{font-size:1rem;color:#666}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.map-container{will-change:transform;transform:translateZ(0)}.map-controls-container{display:flex;flex-direction:column;gap:.5rem;margin:10px}.custom-map-control-button{position:absolute;bottom:90px;right:10px;background:#fff;border:none;border-radius:25px;box-shadow:0 2px 5px rgba(0,0,0,.2);padding:8px 15px;font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease;z-index:1}.custom-map-control-button i{font-size:16px;color:#4285f4}.custom-map-control-button:hover{background:#f8f8f8;box-shadow:0 3px 8px rgba(0,0,0,.15)}.custom-map-control-button:active{transform:scale(.98)}@media (max-width:768px){.custom-map-control-button{bottom:25px;right:10px;padding:8px 12px}}.gm-style .gm-style-mtc button{border-radius:4px!important;margin:10px 5px!important;padding:8px 16px!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}.gm-style .gm-style-mtc button:hover{background-color:#f8f9fa!important}.gm-style .gm-style-mtc ul{border-radius:4px!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}.gm-style .gm-bundled-control{margin:10px!important}.gm-style .gm-bundled-control .gmnoprint>div{border-radius:4px!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}.gm-style .gm-style-iw-c{padding:12px!important;max-width:300px!important}.gm-style .gm-style-iw-d{overflow:hidden!important;max-width:300px!important}.gm-style .gm-style-iw-t::after{background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)!important;box-shadow:none!important}.gm-ui-hover-effect{display:none!important}.app-header{background-color:#1976d2;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.app-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.header-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-chip{height:40px;padding:0 1.25rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:rgba(255,255,255,.15);color:#fff}.filter-chip:hover{background-color:rgba(255,255,255,.25);transform:translateY(-1px)}.filter-chip.active{background-color:#fff;color:#1976d2}.location-search{position:relative;display:flex;align-items:center;width:300px;margin:0 10px;background:#fff;border-radius:25px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.location-search-input{width:100%;height:40px;padding:0 40px 0 15px;border:none;border-radius:25px;font-size:14px;background:transparent;color:#333}.location-search-input:focus{outline:none;box-shadow:0 0 0 2px #4285f4}.location-search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:#4285f4;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.location-search-btn:hover{background:#3367d6}.pac-container{border-radius:15px;margin-top:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:none;font-family:inherit}.pac-item{padding:8px 15px;cursor:pointer;font-size:14px;border:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-selected{background-color:#f0f0f0}.header-actions{display:flex;gap:.75rem;margin-top:1rem}.add-station-btn,.charging-calculator-btn{height:44px;padding:0 1.5rem;border-radius:22px;font-size:.95rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:#ff6b35;color:#fff;flex:1}.add-station-btn{background-color:#4caf50;color:#fff}.charging-calculator-btn:hover{background-color:#ff5722;transform:translateY(-1px)}@media (max-width:768px){.header-filters{flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0;gap:.5rem;margin:0;-webkit-overflow-scrolling:touch}.header-filters::-webkit-scrollbar{display:none}.filter-chip{height:36px;padding:0 1rem;font-size:.85rem;white-space:nowrap}.location-search{height:36px;min-width:160px}.header-actions{flex-direction:column;gap:.5rem}.add-station-btn,.charging-calculator-btn{height:40px;font-size:.9rem;padding:0 1.25rem}}.operator-dropdown,.price-dropdown{position:relative}.operator-dropdown-content,.price-dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:.5rem;min-width:200px;z-index:1000}.operator-dropdown-content.show,.price-dropdown-content.show{display:block}.operator-search{padding:.75rem;border-bottom:1px solid #eee}.operator-search input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.operator-list{max-height:300px;overflow-y:auto;padding:.5rem 0}.operator-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.operator-item:hover{background:#f5f5f5}.price-range{padding:1rem}.price-inputs{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.price-inputs input{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.price-apply-btn{width:100%;padding:.5rem;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.price-apply-btn:hover{background:#1565c0}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.main-content .row{height:100%;margin:0}.app-footer{background-color:rgba(25,118,210,.1);padding:1rem 0;border-top:1px solid rgba(25,118,210,.1)}.footer-content{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#1976d2;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#1565c0}.footer-copyright{color:#666;font-size:.9rem}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-link{font-size:.85rem}.footer-copyright{font-size:.85rem}}.error-container{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:1000;width:auto;max-width:90%}.error{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:1rem;text-align:center;font-size:14px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}.route-toggle-btn{position:fixed;bottom:120px;left:30px;z-index:1000;width:50px;height:50px;border:none;border-radius:50%;background-color:#007bff;color:#fff;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.route-toggle-btn i{font-size:1.5rem}.route-toggle-btn:hover{background-color:#0056b3;transform:scale(1.05)}@media (max-width:768px){.route-toggle-btn{bottom:90px;left:20px;width:45px;height:45px}.route-toggle-btn i{font-size:1.3rem}.route-panel{position:fixed;left:-100%;top:auto;bottom:90px;width:calc(100% - 85px);height:auto;max-height:60vh;margin-left:75px;background:#fff;z-index:1001;transition:left .3s ease;padding:15px;box-shadow:2px 0 10px rgba(0,0,0,.1);overflow-y:auto;border-radius:8px}.route-panel.active{left:0}}.route-panel{position:fixed;bottom:120px;left:-350px;width:350px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999;transition:left .3s ease;padding:20px;max-height:calc(100vh - 250px);overflow-y:auto}.route-panel.active{left:100px}.route-inputs{margin-bottom:20px}.route-inputs .input-group{margin-bottom:10px}.route-inputs .form-control{border-radius:4px;border:1px solid #ddd}.route-inputs .btn{width:100%;background-color:#1976d2;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.route-inputs .btn:hover{background-color:#1565c0}.route-info{padding:15px;background:#f8f9fa;border-radius:4px;margin-top:15px}.route-summary{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ddd}.route-stations{max-height:300px;overflow-y:auto;padding-right:5px}.route-station-item{display:flex;align-items:center;padding:10px;background:#fff;border-radius:4px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;border:1px solid #eee}.route-station-item:hover{background:#f0f7ff;transform:translateX(5px)}.route-station-icon{margin-right:15px;color:#1976d2}.route-station-icon i{font-size:20px}.route-station-info{flex:1}.route-station-name{font-weight:600;margin-bottom:3px}.route-station-operator{font-size:.9em;color:#666;margin-bottom:3px}.route-station-sockets{font-size:.8em;color:#888}.route-station-sockets small{background:#f0f7ff;padding:2px 6px;border-radius:3px;margin-right:5px}.header-left{display:flex;flex-direction:column;gap:10px;flex:1}.header-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.add-station-btn,.charging-calculator-btn{height:40px;padding:0 1.25rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#1976d2}.add-station-btn:hover,.charging-calculator-btn:hover{background-color:rgba(255,255,255,.9);transform:translateY(-1px)}@media (max-width:768px){.header-filters{flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0;gap:.5rem;margin:0;-webkit-overflow-scrolling:touch}.header-filters::-webkit-scrollbar{display:none}.filter-chip{height:36px;padding:0 1rem;font-size:.85rem;white-space:nowrap}.location-search{height:36px;min-width:160px}.header-actions{position:static;background:transparent;padding:.5rem;box-shadow:none;z-index:1;display:flex;flex-direction:row;gap:.5rem;margin-left:0}.header-actions .charging-calculator-btn,.header-actions .add-station-btn{height:36px;font-size:.85rem;padding:0 .75rem}.header-actions .charging-calculator-btn:hover,.header-actions .add-station-btn:hover{background-color:rgba(255,255,255,.25)}.main-content{padding-bottom:0}}.filter-chip,.add-station-btn,.charging-calculator-btn{height:40px;padding:0 1.25rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:rgba(255,255,255,.15);color:#fff}.filter-chip:hover{background-color:rgba(255,255,255,.25);transform:translateY(-1px)}.filter-chip.active{background-color:#fff;color:#1976d2}.location-search{height:40px;background:rgba(255,255,255,.15);border-radius:20px;display:flex;align-items:center;padding:0 1rem;flex:1;max-width:300px;transition:all .2s ease}.location-search:focus-within{background:#fff}.location-search-input{background:none;border:none;height:100%;padding:0 .5rem;color:#fff;font-size:.9rem;width:100%;outline:none}.location-search-input::placeholder{color:rgba(255,255,255,.8)}.location-search:focus-within .location-search-input{color:#333}.location-search:focus-within .location-search-input::placeholder{color:#666}.location-search-btn{background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.location-search:focus-within .location-search-btn{color:#1976d2}.header-actions{display:flex;gap:.75rem;margin-top:1rem}.add-station-btn,.charging-calculator-btn{height:44px;padding:0 1.5rem;border-radius:22px;font-size:.95rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:#ff6b35;color:#fff;flex:1}.add-station-btn{background-color:#4caf50;color:#fff}.charging-calculator-btn:hover{background-color:#ff5722;transform:translateY(-1px)}@media (max-width:768px){.header-filters{flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.header-filters::-webkit-scrollbar{display:none}.filter-chip{height:36px;padding:0 1rem;font-size:.85rem;white-space:nowrap}.location-search{height:36px;min-width:160px}.header-actions{position:static;background:transparent;padding:.5rem;box-shadow:none;z-index:1;display:flex;flex-direction:row;gap:.5rem;margin-left:0}.header-actions .charging-calculator-btn,.header-actions .add-station-btn{height:36px;font-size:.85rem;padding:0 .75rem}.header-actions .charging-calculator-btn:hover,.header-actions .add-station-btn:hover{background-color:rgba(255,255,255,.25)}.main-content{padding-bottom:0}}.charging-calculator-modal,.add-station-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:450px;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.15);z-index:9999}.charging-calculator-modal.active,.add-station-modal.active{display:block;animation:modalFadeIn .2s ease-out}.modal-content{width:100%;padding:24px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:1.3rem;color:#333;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px;line-height:1;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #eee}.modal-footer .btn{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .btn-cancel{background:#f5f5f5;border:1px solid #ddd;color:#666}.modal-footer .btn-cancel:hover{background:#eee}.modal-footer .btn-submit{background:#2196f3;border:1px solid #1976d2;color:#fff}.modal-footer .btn-submit:hover{background:#1976d2}@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -48%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9998}.modal-overlay.active{display:block}@media (max-width:768px){.charging-calculator-modal,.add-station-modal{width:90%;margin:0 auto}.modal-content{padding:16px}.modal-header h3{font-size:1.2rem}}#calculationResult{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:20px;display:none}#calculationResult.show{display:block;animation:fadeIn .3s ease-out}.result-container{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;display:none}.result-container.show{display:block;animation:fadeIn .3s ease-out}.result-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:12px}.result-info{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.result-item:last-child{border-bottom:none}.result-label{font-size:.9rem;color:#666}.result-value{font-size:.9rem;font-weight:500;color:#333}@media (max-width:768px){.calculator-container{margin:10px;padding:15px}.calculator-title{font-size:1.3rem}.form-input,.form-select,.calculate-btn{padding:12px;font-size:16px}.result-container{padding:15px}}.socket-type-buttons{display:flex;gap:10px;margin-bottom:20px}.socket-type-btn{flex:1;padding:15px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.socket-type-btn:hover{border-color:#1976d2;background:#f8f9fa}.socket-type-btn.active{border-color:#1976d2;background:#e3f2fd;color:#1976d2}@media (max-width:768px){.socket-type-buttons{flex-direction:column}.socket-type-btn{padding:12px}}@supports (-webkit-touch-callout: none) {
    .main-content {
        height: calc(100vh - 180px);
        height: calc(-webkit-fill-available - 180px);
    }
    
    .map-container {
        height: 100%;
    }

    #map {
        height: 100% !important;
    }
}main{flex:1}main .container{max-width:1400px;width:100%;padding:0 1.5rem}.about-content,.contact-content,.terms-content{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.app-header .app-title a{color:#fff;text-decoration:none}.app-header .app-title a:hover{color:#fff}.nearby-stations-info{padding:10px;max-width:300px}.nearby-stations-info h3{font-size:16px;margin-bottom:10px;color:#333}.station-list{max-height:300px;overflow-y:auto}.station-item{padding:8px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.station-item:hover{background-color:#f5f5f5}.station-item:last-child{border-bottom:none}.station-item .station-name{font-weight:500;color:#1976d2;margin-bottom:2px}.station-item .station-operator{font-size:12px;color:#666;margin-bottom:2px}.station-item .station-distance{font-size:12px;color:#888;font-weight:500}.location-search{position:relative;display:flex;align-items:center;width:300px;margin:0 10px;background:#fff;border-radius:25px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.location-search-input{width:100%;height:40px;padding:0 40px 0 15px;border:none;border-radius:25px;font-size:14px;background:transparent;color:#333}.location-search-input:focus{outline:none;box-shadow:0 0 0 2px #4285f4}.location-search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:#4285f4;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.location-search-btn:hover{background:#3367d6}.pac-container{border-radius:15px;margin-top:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:none;font-family:inherit}.pac-item{padding:8px 15px;cursor:pointer;font-size:14px;border:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-selected{background-color:#f0f0f0}@media (max-width:768px){.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.5rem}.header-content{padding:.5rem}.header-filters{flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0;gap:.5rem;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative}.header-filters::-webkit-scrollbar{display:none}.filter-chip{height:40px;padding:0 1rem;font-size:1rem;white-space:nowrap;min-width:auto;flex-shrink:0}.location-search{height:40px;min-width:200px;flex-shrink:0}.location-search-input{height:40px;font-size:1rem;padding:0 1rem}.header-actions{display:flex;flex-direction:row;gap:.5rem;padding:.5rem;margin:0}.add-station-btn,.charging-calculator-btn{height:40px;font-size:1rem;padding:0 1rem;flex:1}.main-content{position:fixed;top:180px;left:0;right:0;bottom:0;padding:0;margin:0;overflow:hidden;z-index:1}.map-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2}#map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important}.route-panel{position:fixed;left:-100%;bottom:80px;width:calc(100% - 20px);max-height:50vh;margin:0 10px;background:#fff;border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.1);z-index:1000;padding:15px;transition:left .3s ease}.route-panel.active{left:0;transform:none}.route-toggle-btn{bottom:20px;left:20px;width:50px;height:50px;z-index:999}.station-popup{max-width:90vw;min-width:280px;width:calc(100% - 40px);padding:15px}.station-popup .socket-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.operator-dropdown-content,.price-dropdown-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:320px;max-height:80vh;margin:0;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.2);z-index:1001}.operator-dropdown.show::before,.price-dropdown.show::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}.operator-search input,.price-inputs input{height:48px;font-size:16px;padding:0 12px}.operator-item{padding:12px;font-size:16px;min-height:48px}.nearby-stations-info{position:fixed;bottom:80px;left:10px;right:10px;background:#fff;border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.1);max-width:none;z-index:998;padding:15px;max-height:40vh;overflow-y:auto}.station-list{max-height:calc(40vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.station-item{padding:12px;border-bottom:1px solid #eee}.station-item:last-child{border-bottom:none}.app-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:997;padding:5px 0}}@media (hover:none){.filter-chip:hover,.add-station-btn:hover,.charging-calculator-btn:hover,.operator-item:hover,.station-item:hover{transform:none}}@supports (-webkit-touch-callout: none) {
    .main-content {
        height: calc(100vh - 180px);
        height: calc(-webkit-fill-available - 180px);
    }
    
    .map-container {
        height: 100%;
    }

    #map {
        height: 100% !important;
    }
}.calculator-container{max-width:600px;margin:20px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.calculator-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.calculator-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.9rem;font-weight:500;color:#666}.form-input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.form-select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ stroke=\'%23666\'\ stroke-width=\'2\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'%3E%3Cpolyline\ points=\'6\ 9\ 12\ 15\ 18\ 9\'%3E%3C/polyline%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.calculate-btn{background-color:#1976d2;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.calculate-btn:hover{background-color:#1565c0;transform:translateY(-1px)}.result-container{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;display:none}.result-container.show{display:block;animation:fadeIn .3s ease-out}.result-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:12px}.result-info{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.result-item:last-child{border-bottom:none}.result-label{font-size:.9rem;color:#666}.result-value{font-size:.9rem;font-weight:500;color:#333}@media (max-width:768px){.calculator-container{margin:10px;padding:15px}.calculator-title{font-size:1.3rem}.form-input,.form-select,.calculate-btn{padding:12px;font-size:16px}.result-container{padding:15px}}