/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background:#f5f6fa; color:#2f3640; }
header { text-align:center; padding:20px; background:#1e90ff; color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.2);}
header h1 { font-size:2rem; }

/* Layout */
.container { display:flex; height:calc(100vh - 80px); }
aside { width:300px; background:#fff; padding:15px; overflow-y:auto; border-right:1px solid #dcdde1; }
main { flex:1; }
#map { width:100%; height:100%; border-radius:10px; }

/* Search */
.search { display:flex; gap:10px; margin-bottom:15px; }
#place-type, #search-btn { padding:8px 12px; border-radius:8px; border:1px solid #dcdde1; outline:none; font-size:1rem; }
#place-type:hover { border-color:#1e90ff; }
#search-btn { background:#1e90ff; color:#fff; border:none; cursor:pointer; font-weight:bold; transition:0.3s; }
#search-btn:hover { background:#3742fa; }

/* List */
#place-list { list-style:none; max-height:calc(100% - 60px); overflow-y:auto; }
#place-list li { padding:10px; border-bottom:1px solid #dcdde1; cursor:pointer; transition:0.2s; }
#place-list li:hover { background:#f1f2f6; }

/* Popup */
.leaflet-popup-content-wrapper { border-radius:10px !important; background:#f1f2f6 !important; padding:10px 15px !important; }
.leaflet-popup-content b { color:#1e90ff; }

/* Responsive */
@media(max-width:768px){
    .container { flex-direction:column; }
    aside { width:100%; height:200px; border-right:none; border-bottom:1px solid #dcdde1; }
    main { flex:1; }
}