*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;background:#f8f9fa}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.panel-wrapper{flex-shrink:0;width:320px;height:100%;overflow-y:auto;position:relative;z-index:500}.info-panel{width:100%;min-height:100%}.map-area{flex:1;display:flex;flex-direction:column;padding:16px 20px 20px;min-width:0}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.map-container{flex:1;position:relative;border:2px solid #d1d5db;border-radius:12px;overflow:hidden;background:#1a1a2e;box-shadow:0 1px 3px #00000014;min-height:0}.leaflet-container{width:100%;height:100%;background:#1a1a2e}.leaflet-canvas-overlay{pointer-events:none}.pin-marker{width:28px;height:28px;background:#ef4444;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px #0006}.pin-marker-inner{width:10px;height:10px;background:#fff;border-radius:50%;margin:6px auto 0}.mobile-panel-toggle{display:none;position:fixed;top:12px;left:12px;z-index:3000;width:40px;height:40px;border-radius:10px;border:none;background:#fffffff2;box-shadow:0 2px 8px #00000026;font-size:18px;cursor:pointer;align-items:center;justify-content:center;color:#374151;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.app-container{flex-direction:column}.panel-wrapper{position:fixed;top:0;left:0;width:min(300px,85vw);height:100%;z-index:2500;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 16px #00000026;background:#fff}.panel-wrapper.panel-open{transform:translate(0)}.mobile-panel-toggle{display:flex}.map-area{padding:8px 10px 10px;height:100vh;width:100vw}.app-header{padding-left:52px;margin-bottom:8px}.app-header h1{font-size:1.05rem}}@media(max-width:380px){.app-header h1{font-size:.9rem}.app-header p{display:none}}