.map-page-container{max-width:1400px;margin:0 auto;padding:100px 24px 60px;min-height:100vh}.map-page-header{margin-bottom:24px}.map-page-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.map-page-subtitle{font-size:16px;color:var(--text-secondary)}.map-controls{justify-content:space-between;margin-bottom:20px;padding:16px 20px;background:var(--surface);border-radius:12px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.map-controls,.map-filters{display:flex;align-items:center}.map-filters{gap:12px}.category-select{padding:10px 16px;font-size:15px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;transition:all .2s ease}.category-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,181,216,.1)}.current-location-button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit}.current-location-button:hover{background:var(--primary-light);border-color:var(--primary)}.map-stats{font-size:14px;color:var(--text-secondary)}.places-count{font-weight:600;color:var(--primary)}.map-error-message{padding:16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;text-align:center}.map-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:20px;gap:20px;height:calc(100vh - 300px);min-height:500px}.map-section,.map-section .map-wrapper{height:100%}.map-sidebar{background:var(--surface);border-radius:16px;padding:20px;overflow-y:auto;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border)}.sidebar-empty,.sidebar-loading{display:flex;align-items:center;justify-content:center;height:200px}.sidebar-empty p,.sidebar-loading p{font-size:14px;color:var(--text-secondary)}.sidebar-places{display:flex;flex-direction:column;gap:12px}.sidebar-place-card{padding:16px;background:var(--background);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.sidebar-place-card.active,.sidebar-place-card:hover{background:var(--primary-light);border-color:var(--primary)}.sidebar-place-card.active{box-shadow:0 2px 8px rgba(255,181,216,.2)}.sidebar-place-category{font-size:11px;font-weight:600;color:var(--primary);margin-bottom:8px;text-transform:uppercase}.sidebar-place-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.sidebar-place-address{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.sidebar-place-amenities{display:flex;gap:6px;font-size:16px;margin-bottom:10px}.sidebar-place-link{display:inline-block;font-size:13px;font-weight:500;color:var(--primary);text-decoration:none;transition:all .2s ease}.sidebar-place-link:hover{text-decoration:underline}.map-fab{position:fixed;bottom:40px;right:40px;z-index:100}.fab-button{display:flex;align-items:center;justify-content:center;width:140px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--primary) 0,#ff8fb8 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 4px 16px rgba(255,181,216,.4);transition:all .3s ease}.fab-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,181,216,.5)}@media (max-width:1024px){.map-layout{grid-template-columns:1fr;grid-template-rows:500px auto}.map-sidebar{height:auto;max-height:400px}}@media (max-width:768px){.map-page-container{padding:80px 16px 40px}.map-page-header h1{font-size:24px}.map-controls{flex-direction:column;align-items:stretch;gap:12px}.map-filters{flex-direction:column;width:100%}.category-select,.current-location-button{width:100%}.map-layout{grid-template-rows:400px auto;height:auto}.map-fab{bottom:20px;right:20px}.fab-button{width:60px;height:60px;border-radius:30px;font-size:24px}}