:root{--primary: #0d6efd;--secondary: #198754;--danger: #dc3545;--dark: #1f2937;--gray: #6b7280;--light: #f8fafc;--border: #e5e7eb;--wisata: #0d6efd;--budaya: #6f42c1;--kuliner: #fd7e14;--event: #dc3545;--navbar-height: 72px;--mobile-navbar-height: 64px;--sidebar-width: 380px;--radius: 18px;--transition: .3s ease;--sidebar-z: 1200;--overlay-z: 1100;--toolbar-z: 1000;--legend-z: 900}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Poppins,sans-serif;background:var(--light);color:var(--dark)}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}a{text-decoration:none}.portal-map-page{width:100%;height:calc(100dvh - var(--navbar-height));overflow:hidden;background:#eef3f8}.map-layout{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.map-main{flex:1;height:100%;position:relative;overflow:hidden}.portal-sidebar{width:var(--sidebar-width);height:100%;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:var(--sidebar-z);transition:transform .35s ease}.sidebar-header{padding:1rem;background:linear-gradient(135deg,#0d6efd14,#19875414);border-bottom:1px solid var(--border)}.sidebar-badge{display:inline-flex;padding:.3rem .8rem;border-radius:50px;background:#0d6efd1a;color:var(--primary);font-size:.75rem;font-weight:600}.sidebar-header h3{margin:.75rem 0 .5rem;font-size:1.15rem}.sidebar-header p{margin:0;font-size:.75rem;color:var(--gray);line-height:1.6}.sidebar-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-title{display:block;margin-bottom:.75rem;font-size:.85rem;font-weight:700;color:var(--dark)}.destination-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.destination-wrapper.sidebar-section{flex:1;min-height:0;padding:1rem 0 0;overflow:hidden}.destination-wrapper .destination-header{padding:0 1.25rem}.destination-wrapper .destination-list{padding:1rem 1.25rem}.destination-header{display:flex;justify-content:space-between;align-items:center}.destination-list{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem}.destination-list::-webkit-scrollbar{width:6px}.destination-list::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.search-box{position:relative}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--gray)}.search-box input{width:100%;height:44px;padding:.5rem 1rem .5rem 2.75rem;border:1px solid var(--border);border-radius:14px;background:#f8fafc;color:var(--dark);transition:var(--transition)}.search-box input::-moz-placeholder{color:#9ca3af}.search-box input::placeholder{color:#9ca3af}.search-box input:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0d6efd1f}.filter-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:50px;background:#f8fafc;border:1px solid var(--border);cursor:pointer;transition:var(--transition);font-size:.78rem}.filter-item:hover{border-color:var(--primary);background:#0d6efd14}.filter-item input{display:none}.filter-item span{display:flex;align-items:center;gap:.35rem;color:var(--gray)}.filter-item input:checked+span{color:var(--primary);font-weight:600}.sidebar-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-item{padding:.85rem;border-radius:16px;background:#f8fafc;display:flex;flex-direction:column;gap:.3rem}.summary-item span{font-size:.75rem;color:var(--gray)}.summary-item strong{font-size:1.1rem;color:var(--dark)}.destination-card{display:flex;gap:.85rem;padding:.85rem;margin-bottom:.85rem;border:1px solid var(--border);border-radius:18px;background:#fff;cursor:pointer;transition:var(--transition)}.destination-card:hover{transform:translateY(-3px);border-color:#0d6efd59;box-shadow:0 12px 25px #00000014}.destination-card.active{background:#0d6efd0d;border-color:var(--primary)}.destination-image{width:90px;height:90px;flex-shrink:0;overflow:hidden;border-radius:14px;background:#e5e7eb}.destination-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s ease}.destination-card:hover .destination-image img{transform:scale(1.08)}.destination-content{flex:1;min-width:0}.destination-category{display:inline-flex;padding:.25rem .6rem;border-radius:50px;background:#0d6efd1a;color:var(--primary);font-size:.7rem;font-weight:600;margin-bottom:.35rem}.destination-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--dark)}.destination-description{font-size:.78rem;color:var(--gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.destination-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--gray)}.destination-empty i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.sidebar-footer{padding:.75rem 1rem;background:#fff;border-top:1px solid var(--border)}.sidebar-footer .btn{height:38px;border-radius:12px}.sidebar-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s ease;z-index:var(--overlay-z)}.sidebar-overlay.show{opacity:1;visibility:visible}.sidebar-close{display:none;position:absolute;top:15px;right:15px;width:38px;height:38px;border:none;border-radius:50%;background:#f1f5f9;color:var(--dark);z-index:30}.sidebar-close:hover{background:var(--danger);color:#fff}.mobile-sidebar-toggle{display:none;position:absolute;top:95px;left:20px;width:48px;height:48px;border:none;border-radius:15px;background:#fff;color:var(--dark);align-items:center;justify-content:center;box-shadow:0 10px 25px #0000002e;z-index:var(--toolbar-z)}.mobile-sidebar-toggle:hover{background:var(--primary);color:#fff}.map-wrapper{width:100%;height:100%;position:relative;overflow:hidden;background:#dbeafe}#explorerMap{width:100%;height:100%;z-index:1}.leaflet-container{width:100%;height:100%;font-family:Poppins,sans-serif;background:#dbeafe}.map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;transition:opacity .3s ease,visibility .3s ease}.map-loading.hidden{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:992px){:root{--mobile-navbar-height: 64px}.portal-map-page{height:calc(100dvh - var(--mobile-navbar-height))}.portal-sidebar{position:fixed;top:var(--mobile-navbar-height);left:0;bottom:0;width:min(90%,380px);height:calc(100dvh - var(--mobile-navbar-height));background:#fff;transform:translate(-110%);box-shadow:15px 0 35px #00000040;z-index:var(--sidebar-z)}.portal-sidebar.show{transform:translate(0)}.sidebar-close{display:flex;align-items:center;justify-content:center}.mobile-sidebar-toggle{display:flex}.sidebar-overlay{display:block}.map-main{width:100%}}.map-toolbar{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:.75rem;z-index:var(--toolbar-z)}.toolbar-btn{width:46px;height:46px;border:none;border-radius:14px;background:#fffffff2;color:var(--dark);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000026;transition:var(--transition)}.toolbar-btn:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.toolbar-btn i{font-size:1.1rem}.basemap-menu{position:absolute;top:85px;right:20px;width:220px;padding:.75rem;background:#fff;border-radius:16px;box-shadow:0 15px 35px #0000002e;z-index:var(--toolbar-z);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.basemap-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.basemap-item{width:100%;padding:.7rem;border:none;background:transparent;border-radius:10px;text-align:left;font-size:.85rem;color:var(--dark);transition:var(--transition)}.basemap-item:hover{background:#0d6efd1a;color:var(--primary)}.map-information{position:absolute;left:20px;bottom:20px;z-index:800}.coordinate-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffffff2;border-radius:14px;box-shadow:0 10px 25px #0000001f;font-size:.75rem;color:var(--gray)}.coordinate-box i{color:var(--primary)}.leaflet-control{border:none!important;border-radius:14px!important;overflow:hidden;box-shadow:0 10px 25px #00000026!important}.leaflet-control-zoom a{width:42px;height:42px;line-height:42px;background:#fff;color:var(--dark)}.leaflet-control-zoom a:hover{background:var(--primary);color:#fff}.leaflet-control-attribution{font-size:.7rem;background:#ffffffe6!important}.leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 15px 40px #0000002e}.leaflet-popup-content{margin:0;width:300px!important}.leaflet-popup-tip{background:#fff}.leaflet-popup-close-button{top:12px!important;right:12px!important;width:30px!important;height:30px!important;border-radius:50%;background:#ffffffe6;color:var(--dark)!important;z-index:10}.portal-popup{width:100%}.popup-image{width:100%;height:160px;overflow:hidden}.popup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-body{padding:1rem}.popup-body h5{margin:.5rem 0;font-size:1rem}.popup-body p{font-size:.8rem;line-height:1.6}.popup-category{display:inline-flex;padding:.25rem .65rem;border-radius:50px;background:#0d6efd1a;color:var(--primary);font-size:.7rem;font-weight:600}.map-legend{position:absolute;right:20px;bottom:20px;width:230px;padding:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 12px 30px #00000026;z-index:var(--legend-z)}.legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.legend-header h6{margin:0;font-size:.95rem}.legend-toggle{width:32px;height:32px;border:none;border-radius:50%;background:#f1f5f9}.legend-list{display:flex;flex-direction:column;gap:.65rem;transition:.3s ease}.legend-item{display:flex;align-items:center;gap:.65rem;font-size:.8rem;color:var(--gray)}.legend-marker{width:18px;height:18px;border-radius:50%}.legend-marker.wisata{background:var(--wisata)}.legend-marker.budaya{background:var(--budaya)}.legend-marker.kuliner{background:var(--kuliner)}.legend-marker.event{background:var(--event)}.legend-marker.fasilitas{background:#9333ea}.legend-marker.user{background:#111827}.map-legend.collapsed .legend-list{max-height:0;opacity:0}@media(min-width:1400px){:root{--sidebar-width: 420px}}@media(max-width:1200px){:root{--sidebar-width: 340px}.toolbar-btn{width:42px;height:42px}}@media(max-width:992px){.portal-map-page{height:calc(100dvh - var(--mobile-navbar-height))}.map-layout{display:block}.map-main{width:100%;height:100%}.portal-sidebar{position:fixed;top:var(--mobile-navbar-height);left:0;width:min(90%,380px);height:calc(100dvh - var(--mobile-navbar-height));transform:translate(-110%);overflow:hidden}.portal-sidebar.show{transform:translate(0)}.sidebar-close{display:flex}.mobile-sidebar-toggle{display:flex;top:15px;left:15px}.map-toolbar{top:20px;right:15px;bottom:auto}.map-legend{right:15px;bottom:15px;width:200px}}@media(max-width:768px){.sidebar-header{padding:1.25rem}.destination-image{width:75px;height:75px}.destination-card{padding:.75rem}.map-legend{width:180px}.legend-item{font-size:.72rem}}@media(max-width:576px){:root{--mobile-navbar-height: 60px}.portal-map-page{height:calc(100dvh - var(--mobile-navbar-height))}.portal-sidebar{width:100%}.mobile-sidebar-toggle{width:44px;height:44px;top:85px;left:12px}.map-toolbar{flex-direction:column;top:20px;right:12px;bottom:auto;gap:.5rem}.toolbar-btn{width:40px;height:40px}.map-legend{left:12px;right:auto;bottom:12px;width:170px;padding:.75rem}.legend-header h6{font-size:.85rem}.legend-item{font-size:.7rem}.leaflet-popup-content{width:250px!important}.popup-image{height:130px}}@media(max-width:400px){.map-toolbar{top:20px;right:8px}.toolbar-btn{width:36px;height:36px}.map-legend{display:none}}.map-wrapper:fullscreen{width:100vw;height:100vh}.map-wrapper:fullscreen #explorerMap{width:100%;height:100%}.map-wrapper:fullscreen .map-toolbar{top:20px;right:20px}.map-wrapper:fullscreen .map-legend{bottom:20px;right:20px}@media(hover:none){.destination-card:hover,.toolbar-btn:hover{transform:none}}button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 4px #0d6efd40}