.map-container{width:100vw;height:100dvh;position:fixed;top:78px;overflow:hidden}@media (max-width:768px){.map-container{top:74px}}.map-container .pin-container{cursor:pointer;filter:drop-shadow(0 2px 4px #0003);width:32px;height:40px;transition:transform .2s;position:relative}.map-container .pin-container:before{content:"";background:#ea4335;border:3px solid #fff;border-radius:50% 50% 50% 0;width:28px;height:28px;transition:background .2s;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-45deg);box-shadow:0 2px 8px #00000026}.map-container .pin-container:after{content:"";z-index:2;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.map-container .pin-container.claimed:before{background:#34a853}.map-container .pin-container.claimed:hover:before{background:#2d8e47}.map-container .pin-container:hover{filter:drop-shadow(0 4px 8px #00000040);transform:translateY(-4px)}.map-container .pin-container:hover:before{background:#d93025}.map-container .pin-container:active{transform:translateY(-2px)}.map-container.loading,.map-container.error{background-color:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;display:flex}.map-container .map-loading{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-container .map-wrapper{width:100%;height:100%}.info-window-content{min-width:200px;max-width:300px;padding:12px}.info-window-content h3{color:#2c3e50;margin:0 0 8px;font-size:16px;font-weight:600}.info-window-content .info-window-address{color:#000;margin:0 0 8px;font-size:13px}.info-window-content .recent-comment{border-top:1px solid #e1e8ed;margin-top:8px;padding-top:8px}.info-window-content .recent-comment p{color:#555;margin:0;font-size:14px;line-height:1.4}.info-window-content .recent-comment strong{color:#2c3e50}.info-window-content .property-link{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;margin-top:10px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.info-window-content .property-link:hover{background-color:#2980b9}.side-panel{z-index:1000;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);flex-direction:column;width:35vw;height:calc(100vh - 78px);padding:0;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:78px;left:-35vw;overflow-y:auto;box-shadow:4px 0 20px #0000004d}@media (max-width:768px){.side-panel{height:calc(100vh - 74px);top:74px}}.side-panel.active{left:0}.dark-theme .side-panel{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)}.side-panel .panel-header{color:#fff;z-index:1002;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);padding:20px;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.dark-theme .side-panel .panel-header{background:linear-gradient(135deg,#1a252f 0%,#2c3e50 100%)}.side-panel .panel-header .close-button{z-index:1001;color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #0003}.side-panel .panel-header .close-button:hover{background:#c0392b;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.side-panel .panel-content{flex:1;height:calc(100% - 78px);padding:20px;overflow-y:auto}@media (max-width:768px){.side-panel .panel-content{height:calc(100% - 74px)}}.side-panel .panel-content .property-header{border-bottom:2px solid var(--border-color-light);margin-bottom:25px;padding-bottom:15px}.side-panel .panel-content .property-header:hover{border-bottom:2px solid #64b5f6}.side-panel .panel-content .property-header .property-title{color:var(--text-color);margin-bottom:8px;font-size:1.4em;font-weight:700;line-height:1.3;display:block}.side-panel .panel-content .property-header .property-address{color:#3498db;cursor:pointer;align-items:center;gap:3px;text-decoration:none;transition:color .2s;display:inline-flex}.side-panel .panel-content .property-header .property-address:hover{color:#1d6fa5}.dark-theme .side-panel .panel-content .property-header .property-address{color:#64b5f6}.dark-theme .side-panel .panel-content .property-header .property-address:hover{color:#90caf9}.side-panel .panel-content .property-header .property-address .external-link-icon{width:18px;height:18px;margin-top:-3px}.side-panel .panel-content .property-header .property-meta{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.side-panel .panel-content .property-header .property-meta .property-type{color:#fff;text-transform:capitalize;background:#3498db;border-radius:12px;padding:4px 12px;font-size:.85em;font-weight:500;display:inline-block}.side-panel .panel-content .property-header .property-meta .claimed-badge{color:#fff;background:#34a853;border-radius:12px;padding:4px 12px;font-size:.85em;font-weight:500;display:inline-block}.side-panel .panel-content .main-content{flex-direction:column;gap:25px;height:calc(100vh - 280px);display:flex}.side-panel .panel-content .content-section{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.dark-theme .side-panel .panel-content .content-section{background:#2d2d2d;border-color:#444}.side-panel .panel-content .content-section h4{color:#2c3e50;border-bottom:2px solid #3498db;margin:0 0 15px;padding-bottom:10px;font-size:1.1em;font-weight:600}.dark-theme .side-panel .panel-content .content-section h4{color:#e0e0e0;border-bottom-color:#64b5f6}.side-panel .panel-content .scrollable-section{max-height:300px;padding-right:10px;overflow-y:auto}.side-panel .panel-content .scrollable-section::-webkit-scrollbar{width:6px}.side-panel .panel-content .scrollable-section::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.side-panel .panel-content .scrollable-section::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.side-panel .panel-content .scrollable-section::-webkit-scrollbar-thumb:hover{background:#95a5a6}.dark-theme .side-panel .panel-content .scrollable-section::-webkit-scrollbar-track{background:#2d2d2d}.dark-theme .side-panel .panel-content .scrollable-section::-webkit-scrollbar-thumb{background:#555}.dark-theme .side-panel .panel-content .scrollable-section::-webkit-scrollbar-thumb:hover{background:#777}.side-panel .panel-content .empty-state{text-align:center;color:#7f8c8d;padding:20px;font-style:italic}.dark-theme .side-panel .panel-content .empty-state{color:#aaa}.side-panel .panel-content .comments-list{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.side-panel .panel-content .comment-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:15px;position:relative}.side-panel .panel-content .comment-item:before{content:"";background:linear-gradient(#3498db,#2ecc71);border-radius:2px;width:3px;position:absolute;top:15px;bottom:15px;left:-1px}.dark-theme .side-panel .panel-content .comment-item{background:#3d3d3d;border-color:#555}.side-panel .panel-content .comment-author{color:var(--text-color);align-items:center;margin-bottom:8px;font-size:.9em;font-weight:700;display:flex}.side-panel .panel-content .comment-author .comment-profile-image{object-fit:cover;border-radius:50%;width:30px;height:30px;margin-right:10px}.side-panel .panel-content .comment-content{color:#555;border-left:2px solid #ecf0f1;margin:0 0 8px;padding-left:15px;font-size:.9em;line-height:1.6}.dark-theme .side-panel .panel-content .comment-content{color:#bbb;border-left-color:#555}.side-panel .panel-content .comment-attachment{margin-top:8px}.side-panel .panel-content .comment-attachment a{color:#3498db;font-size:.85em;text-decoration:none}.side-panel .panel-content .comment-attachment a:hover{text-decoration:underline}.dark-theme .side-panel .panel-content .comment-attachment a{color:#64b5f6}.side-panel .panel-content .comment-date{color:#95a5a6;margin-top:8px;font-size:.8em}.dark-theme .side-panel .panel-content .comment-date{color:#888}.side-panel .panel-content .claims-list{flex-direction:column;gap:12px;display:flex}.side-panel .panel-content .claim-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:12px}.dark-theme .side-panel .panel-content .claim-item{background:#3d3d3d;border-color:#555}.side-panel .panel-content .claim-type{color:#2c3e50;text-transform:capitalize;margin-bottom:4px;font-size:.95em;font-weight:600}.dark-theme .side-panel .panel-content .claim-type{color:#e0e0e0}.side-panel .panel-content .claim-unit{color:#7f8c8d;margin-bottom:4px;font-size:.85em}.dark-theme .side-panel .panel-content .claim-unit{color:#aaa}.side-panel .panel-content .claim-date{color:#95a5a6;font-size:.8em}.dark-theme .side-panel .panel-content .claim-date{color:#888}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.side-panel{width:85vw;height:calc(100vh - 60px);top:70px;left:-85vw}.main-content{gap:20px;height:calc(100vh - 200px)}.content-section{padding:15px}.scrollable-section{max-height:250px}}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.error{text-align:center;padding:40px 20px}.error button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;font-size:16px;transition:background-color .3s}.error button:hover{background-color:#2980b9}