@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--background-dark:#121212;--surface-dark:#1e1e1eb3;--surface-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--accent-color:#00d2ff;--accent-gradient:linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);--map-overlay-bg:#12121299}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-dark);color:var(--text-primary);width:100vw;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.glass-panel{background:var(--surface-dark);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-button{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00d2ff4d}.glass-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d2ff80}.glass-button:active{transform:translateY(0)}.input-field{border:1px solid var(--surface-border);color:var(--text-primary);background:#0003;border-radius:8px;width:100%;padding:10px 16px;font-family:inherit;transition:border-color .3s}.input-field:focus{border-color:var(--accent-color);outline:none}.slider-container{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.slider-label{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.mapboxgl-map{z-index:0;width:100%;height:100%;top:0;left:0;position:absolute!important}.mapboxgl-ctrl-bottom-right{display:none!important}.app-container{width:100vw;height:100vh;position:relative}.sidebar{z-index:10;flex-direction:column;gap:24px;width:360px;max-height:calc(100vh - 48px);padding:24px;display:flex;position:absolute;top:24px;left:24px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}