html,body{margin:0;padding:0;height:100%;background:#001528;color:#e8f4fc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box}.map-shell{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#001528}.map-viewport{flex:1;min-height:0;position:relative;width:100%}.map-viewport google-map{display:block;height:100%;width:100%}.map-viewport google-map .map-container{height:100%!important;width:100%!important}.map-panel{position:absolute;z-index:1000;background:#00162cf0;border:1px solid rgba(79,195,247,.35);border-radius:10px;color:#e8f4fc;box-shadow:0 8px 32px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-panel--left{top:60px;left:12px;width:min(300px,100vw - 24px);max-height:calc(100vh - 80px);overflow-y:auto;padding:14px 16px}.map-panel--right{top:60px;right:12px;width:min(220px,100vw - 24px);padding:12px 14px}.map-panel--bottom-right{bottom:12px;right:12px;padding:10px 12px}.map-panel h3,.map-panel h4{margin:0 0 8px;color:#4fc3f7;font-size:.95rem;font-weight:600}.map-panel .lead{font-size:.82rem;color:#a8cce0;margin:0 0 10px}.app-page{min-height:100vh;background:linear-gradient(160deg,#001e3c,#0a2f52 45%,#001528);color:#e8f4fc}.app-page__main{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem}