:root{--bg-primary:#0f1117;--bg-secondary:#161922;--bg-card:#1c1f2e;--bg-card-hover:#232740;--bg-input:#1a1d2b;--border:#2a2d3e;--border-focus:#4ecdc4;--text-primary:#f0f0f5;--text-secondary:#9ca3af;--text-muted:#6b7280;--red:#ff6b6b;--red-light:#ff6b6b26;--red-circle:#ff6b6b14;--green:#4ecdc4;--green-light:#4ecdc426;--blue:#6c9bf2;--blue-light:#6c9bf226;--orange:#ffb347;--orange-light:#ffb34726;--purple:#a78bfa;--purple-light:#a78bfa26;--sidebar-width:400px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-size:14px;line-height:1.5;overflow:hidden}#map{top:0;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));z-index:1;height:100vh;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:fixed}body.sidebar-collapsed #map{width:100vw;left:0}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}body.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.logo-row{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:auto;height:48px}.logo-title{letter-spacing:2px;background:linear-gradient(135deg, var(--red), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;line-height:1.2}.logo-subtitle{letter-spacing:3px;color:var(--text-muted);font-size:10px;font-weight:600}.sidebar-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-expand{z-index:200;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 20px #0006}.sidebar-expand:hover{background:var(--bg-card);color:var(--text-primary)}.stats-grid{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;display:grid}.stat-card{border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);align-items:center;gap:10px;padding:12px 14px;display:flex}.stat-card:hover{border-color:var(--border-focus);transform:translateY(-1px)}.stat-total{background:var(--purple-light)}.stat-covered{background:var(--green-light)}.stat-uncovered{background:var(--orange-light)}.stat-percent{background:var(--blue-light)}.stat-icon{font-size:20px;line-height:1}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:22px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.section{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header.collapsible:hover .section-title{color:var(--text-primary)}.chevron-icon{color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header.collapsed .chevron-icon{transform:rotate(-90deg)}.section-content{transform-origin:top;opacity:1;max-height:500px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),margin-bottom .35s;overflow:hidden}.section-content.collapsed{opacity:0;pointer-events:none;max-height:0;transform:scaleY(.95)}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);transition:var(--transition);font-size:13px;font-weight:700}.filter-row{gap:8px;display:flex}.filter-row .input-field{flex:1}.area-search-wrapper{margin-top:10px;position:relative}.area-search-row{align-items:center;gap:6px;display:flex}.search-input-container{flex:1;align-items:center;display:flex;position:relative}.search-input-container .search-icon{color:var(--text-muted);pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:12px}.search-input-container:focus-within .search-icon{color:var(--green)}.search-input{padding-left:36px!important;padding-right:34px!important}.search-clear-btn{background:var(--bg-card);width:22px;height:22px;color:var(--text-muted);cursor:pointer;transition:var(--transition);z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.search-clear-btn:hover{background:var(--red-light);color:var(--red)}.btn-search{background:linear-gradient(135deg, var(--green), #38b2a9);border-radius:var(--radius-xs);color:#fff;cursor:pointer;min-width:40px;height:40px;transition:var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;width:40px!important;padding:0!important}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4ecdc459}.btn-search:active{transform:translateY(0)}.btn-search.loading{pointer-events:none;opacity:.7}.btn-search.loading svg{animation:.8s linear infinite spin}.search-results{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:50;border-top:none;max-height:220px;animation:.2s ease-out dropdownIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #0006}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-results::-webkit-scrollbar{width:3px}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-icon{background:var(--green-light);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.search-result-info{flex:1;min-width:0}.search-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-result-address{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.search-no-results{text-align:center;color:var(--text-muted);padding:16px;font-size:12px}.search-loading{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.nearest-gyms-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:10px;animation:.25s ease-out dropdownIn;overflow:hidden}.nearest-gyms-header{background:var(--green-light);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.nearest-gyms-title{color:var(--green);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.nearest-gyms-close{width:22px;height:22px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.nearest-gyms-close:hover{color:var(--text-primary);background:#ffffff14}.nearest-gyms-list{max-height:200px;overflow-y:auto}.nearest-gyms-list::-webkit-scrollbar{width:3px}.nearest-gyms-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nearest-gym-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.nearest-gym-item:last-child{border-bottom:none}.nearest-gym-item:hover{background:var(--bg-card-hover)}.nearest-gym-rank{background:var(--red-light);width:24px;height:24px;color:var(--red);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.nearest-gym-info{flex:1;min-width:0}.nearest-gym-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.nearest-gym-detail{color:var(--text-muted);font-size:11px}.nearest-gym-distance{color:var(--green);background:var(--green-light);border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.btn-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;margin-top:10px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.btn-toggle:hover{border-color:var(--text-secondary)}.btn-toggle.active{border-color:var(--blue);color:var(--text-primary)}.toggle-dot{background:var(--border);width:36px;height:20px;transition:var(--transition);border-radius:20px;flex-shrink:0;position:relative}.toggle-dot:after{content:"";background:var(--text-muted);width:16px;height:16px;transition:var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.btn-toggle.active .toggle-dot{background:var(--blue)}.btn-toggle.active .toggle-dot:after{background:#fff;left:18px}.toggle-label{flex:1}.tab-bar{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-family:inherit;font-size:13px;font-weight:600}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{color:var(--green);border-bottom-color:var(--green)}.tab-content{flex:1;padding:0;display:none;overflow-y:auto}.tab-content.active{display:block}.form{border-bottom:1px solid var(--border);padding:16px 20px}.form-title{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.form-group{margin-bottom:12px}.form-group label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #4ecdc41a}.input-field::placeholder{color:var(--text-muted)}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3.5 4.5L6 7l2.5-2.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.btn{border-radius:var(--radius-xs);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.btn-primary{background:linear-gradient(135deg, var(--red), #f44);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ff6b6b4d}.btn-blue{background:linear-gradient(135deg, var(--blue), #5580d4);color:#fff}.btn-blue:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c9bf24d}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-loader{display:none}.btn-loader:not(.hidden){display:inline}.btn-text.hidden{display:none}.hint{color:var(--text-muted);margin-top:10px;font-size:12px}.list-section{padding:16px 20px}.badge{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.item-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.item-list::-webkit-scrollbar{width:3px}.item-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.item-card:hover{background:var(--bg-card-hover);border-color:var(--green);transform:translate(2px)}.item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.item-dot.gym{background:var(--red)}.item-dot.company{background:var(--blue)}.item-dot.covered{background:var(--green)}.item-dot.uncovered{background:var(--orange)}.item-card-info{flex:1;min-width:0}.item-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.item-card-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.coverage-tag{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.coverage-tag.covered{background:var(--green-light);color:var(--green)}.coverage-tag.uncovered{background:var(--orange-light);color:var(--orange)}.item-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-delete{color:var(--text-muted);cursor:pointer;opacity:.5;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex}.btn-delete:hover{background:var(--red-light);color:var(--red);opacity:1}.toast-container{z-index:10000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);color:#fff;max-width:350px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s ease-out toastIn;box-shadow:0 8px 30px #0006}.toast.success{background:linear-gradient(135deg,#10b981,#059669)}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.info{background:linear-gradient(135deg, var(--blue), #5580d4)}.toast.fade-out{animation:.3s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.heatmap-legend{z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:260px;padding:16px;animation:.3s ease-out toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000080}.heatmap-legend h4{text-align:center;margin-bottom:12px;font-size:14px;font-weight:700}.legend-gradient{background:linear-gradient(90deg,#4ecdc499,#6c9bf2cc,#ffb347e6,#ff6b6b);border-radius:6px;width:100%;height:12px;margin-bottom:8px}.legend-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.modal{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:360px;max-width:90vw;padding:24px}.modal-content h3{margin-bottom:8px;font-size:16px;font-weight:700}.coords-text{color:var(--text-muted);margin-bottom:16px;font-family:monospace;font-size:12px}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .btn{flex:1}.loading-overlay{z-index:9999;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-overlay.hidden{display:none}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.marker-gym,.marker-company{cursor:pointer;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;transform:rotate(-45deg);box-shadow:0 2px 10px #0000004d}.marker-gym{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:2px solid #fff}.marker-company{background:linear-gradient(135deg,#6c9bf2,#5580d4);border:2px solid #fff}.marker-company.covered{background:linear-gradient(135deg,#4ecdc4,#38b2a9)}.marker-company.uncovered{background:linear-gradient(135deg,#ffb347,#e6993d)}.marker-gym:hover,.marker-company:hover{transform:rotate(-45deg)scale(1.2)}.marker-inner{font-size:14px;line-height:1;transform:rotate(45deg)}.info-content{min-width:180px;padding:4px;font-family:Inter,sans-serif}.info-content h4{color:#111;margin-bottom:4px;font-size:14px;font-weight:700}.info-content p{color:#555;margin:2px 0;font-size:12px}.info-content .info-badge{border-radius:12px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.info-badge.gym-badge{color:#d63031;background:#ffe5e5}.info-badge.company-badge{color:#2d7fd3;background:#e3f0ff}.info-badge.covered-badge{color:#00a896;background:#d4f5f2}.info-badge.uncovered-badge{color:#e67e22;background:#fff3e0}.hidden{display:none!important}@media (width<=768px){:root{--sidebar-width:100vw}#map{top:50vh;bottom:0;left:0}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100vw;height:50vh}body.sidebar-collapsed .sidebar{transform:translateY(-100%)}body.sidebar-collapsed #map{top:0}}