html,body{height:100%;margin:0;padding:0;overflow:hidden}#map{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1;margin-right:400px}#poi-list{position:fixed;right:0;top:0;width:400px;height:100vh;z-index:900;background:#fffffff2;overflow-y:auto;padding:80px 20px 20px;box-shadow:-2px 0 10px #0000001a}.poi-card{background:#fff;border-radius:8px;margin-bottom:10px;padding:15px;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.poi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-toggle{z-index:1000}.auth-buttons{z-index:1001;position:fixed;top:20px;right:20px;background:#fffffff2;padding:10px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.debug-info{position:fixed;bottom:20px;left:20px;background:#000c;color:#fff;padding:10px;border-radius:5px;font-family:monospace;font-size:12px;z-index:2000;max-width:300px}.leaflet-popup-content{font-size:.9rem}.poi-popup h6{color:#333;font-weight:600}.poi-popup .badge{font-size:.75rem}.leaflet-control-container{z-index:1000}.offcanvas{z-index:2001}#filter-form .form-check-inline{margin-right:1rem;margin-bottom:.5rem}#filter-form .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}#filter-form .selectpicker{border-radius:.375rem}.badge{font-size:.8rem;padding:.4em .6em}.badge.bg-secondary{background-color:#6c757d!important}@media (max-width: 768px){#map{height:50vh;margin-right:0}#poi-list{width:100%;height:50vh;bottom:0;top:auto;padding:20px}.auth-buttons{top:10px;right:10px;padding:8px}.auth-buttons .btn{font-size:.875rem;padding:.375rem .75rem}.btn-toggle{margin-top:.5rem!important;margin-left:1rem!important}}@media (max-width: 576px){.auth-buttons{position:relative;top:auto;right:auto;width:100%;margin-bottom:1rem;background:transparent;box-shadow:none;padding:0}#poi-list{padding:15px}.poi-card{padding:12px}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .2rem #0d6efd40}#poi-list::-webkit-scrollbar{width:6px}#poi-list::-webkit-scrollbar-track{background:#f1f1f1}#poi-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#poi-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.btn-toggle,.auth-buttons,.offcanvas{display:none!important}#map{height:70vh;margin-right:0}#poi-list{position:relative;width:100%;height:auto;box-shadow:none;padding:20px 0}}