*{box-sizing:border-box;margin:0;padding:0}html,body,#__next{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{color:#e1e4ea;background:#0f1117}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1d27}::-webkit-scrollbar-thumb{background:#3a3f4b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4f5b}.leaflet-container{background:#0f1117;width:100%;height:100%}.custom-pin{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #0006}.pin-start{background:#22c55e;width:34px;height:34px;font-size:14px}.pin-end{background:#ef4444;width:34px;height:34px;font-size:14px}.pin-stop{background:#3b82f6}.pin-stop.routed{background:#8b5cf6}.route-arrow{color:#fff;text-shadow:0 0 4px #000c,0 0 8px #6366f199;pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:flex}.leaflet-popup-content-wrapper{color:#e1e4ea!important;background:#1a1d27!important;border:1px solid #2a2d37!important;border-radius:8px!important;box-shadow:0 4px 20px #00000080!important}.leaflet-popup-tip{background:#1a1d27!important;border:1px solid #2a2d37!important}.leaflet-popup-content{margin:10px 14px!important;font-family:Inter,sans-serif!important;font-size:13px!important}.locate-btn-container{z-index:1000;position:absolute;top:80px;right:10px}.locate-btn{color:#e1e4ea;cursor:pointer;background:#1a1d27;border:2px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000004d}.locate-btn:hover{background:#2a2d37;border-color:#6366f1}.layer-switcher{z-index:1000;position:absolute;top:10px;right:10px}.layer-switcher-toggle{color:#e1e4ea;cursor:pointer;background:#1a1d27;border:2px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000004d}.layer-switcher-toggle:hover{background:#2a2d37;border-color:#6366f1}.layer-switcher-menu{background:#1a1d27;border:1px solid #2a2d37;border-radius:8px;min-width:140px;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 4px 20px #00000080}.layer-switcher-option{color:#e1e4ea;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.layer-switcher-option:hover{background:#2a2d37}.layer-switcher-option.active{color:#818cf8;background:#2a2d37;font-weight:600}.map-search-container{z-index:1000;width:360px;max-width:calc(100% - 120px);position:absolute;top:10px;left:50%;transform:translate(-50%)}.map-search-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f3f9;background:#1a1d27f2;border:1px solid #2a2d37;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:Inter,sans-serif;font-size:13px;box-shadow:0 2px 12px #0006}.map-search-input:focus{border-color:#6366f1}.map-search-input::placeholder{color:#6b7280}.map-search-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.map-search-results{background:#1a1d27;border:1px solid #2a2d37;border-radius:8px;max-height:240px;position:absolute;top:44px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000080}.map-search-result{cursor:pointer;color:#e1e4ea;border-bottom:1px solid #1e2130;padding:10px 14px;font-size:13px;transition:background .15s}.map-search-result:hover{background:#2a2d37}.map-search-result:last-child{border-bottom:none}.marker-cluster{color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0006}.marker-cluster-small{background:#3b82f6b3;border:3px solid #3b82f666}.marker-cluster-medium{background:#8b5cf6b3;border:3px solid #8b5cf666}.marker-cluster-large{background:#6366f1b3;border:3px solid #6366f166}input:focus{border-color:#6366f1!important}@media (max-width:768px){.sidebar-container{z-index:2000;top:0;bottom:0;left:0;width:100%!important;max-width:100%!important;position:fixed!important}.sidebar-container.collapsed{width:48px!important}.map-search-container{width:280px;left:10px;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}