.ph-layout{display:flex;height:calc(100vh - 180px)}.ph-list{width:400px;flex-shrink:0;overflow-y:auto;border-right:1px solid #e5e5e5}.ph-list-header{padding:8px 12px;border-bottom:1px solid #e5e5e5;font-size:13px;color:#6c757d;position:sticky;top:0;background:#fff;z-index:1}.ph-map{flex:1}.ph-detail-panel{position:fixed;top:0;right:-480px;width:460px;height:100vh;background:#fff;z-index:2000;box-shadow:-4px 0 24px #0000001f;transition:right .3s ease;overflow-y:auto;border-radius:16px 0 0 16px}.ph-detail-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1999;cursor:pointer}#detail-content{padding:24px}.ph-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:20px 0}.ph-header h1{font-size:1.4rem;font-weight:700;color:#212529;margin:0;white-space:nowrap}.ph-container{padding-inline:clamp(10px,4vw,20px)}.ph-search-bar{display:flex;align-items:center;flex:1;min-width:240px;max-width:440px;border:1.5px solid #dee2e6;border-radius:24px;overflow:hidden;background:#fff}.ph-search-icon{margin-left:14px;flex-shrink:0}.ph-search-input{border:none;outline:none;padding:10px 12px;font-size:14px;background:transparent;width:100%;font-family:inherit}.ph-locate-btn{border:none;background:transparent;padding:10px 14px;cursor:pointer;color:#6c757d;display:flex;align-items:center;border-left:1px solid #dee2e6}.ph-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ph-toolbar--filters{margin-top:12px;gap:16px}.ph-btn-primary{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-family:inherit;background:#009bac;color:#fff;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:500}.ph-btn-primary:hover{background:#007f8e}.ph-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ph-filters-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6c757d}.ph-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}