*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a6b3c;--primary-lt:#e8f5ee;--secondary:#f5a623;--danger:#e74c3c;--text:#2c3e50;--text-muted:#6c757d;--border:#e1e8ed;--bg:#f8f9fa;--white:#ffffff;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.18);--radius:10px;--radius-lg:16px;--sidebar-w:360px;--header-h:56px;--transition:.2s ease}body,html{height:100%;font-family:'Segoe UI','Be Vietnam Pro',sans-serif;color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 16px;background:var(--primary);color:var(--white);box-shadow:var(--shadow-md);z-index:1100;flex-shrink:0}.header__logo{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:var(--white);text-decoration:none;white-space:nowrap}.header__logo img{height:32px}.header__logo i{font-size:1.3rem;color:var(--secondary)}.header__search{flex:1;max-width:420px;margin-left:8px;position:relative}.header__search input{width:100%;padding:8px 36px;border:none;border-radius:20px;background:rgba(255,255,255,.15);color:var(--white);font-size:.9rem;outline:0;transition:background var(--transition)}.header__search input::placeholder{color:rgba(255,255,255,.65)}.header__search input:focus{background:rgba(255,255,255,.25)}.header__search .search-clear,.header__search .search-icon{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:rgba(255,255,255,.7);font-size:.9rem}.header__search .search-icon{left:12px;pointer-events:none}.header__search .search-clear{right:10px}.header__search .search-clear:hover{color:var(--white)}.header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(255,255,255,.15);color:var(--white);cursor:pointer;font-size:.95rem;transition:background var(--transition)}.icon-btn:hover{background:rgba(255,255,255,.3)}.main{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--border);z-index:900;overflow:hidden;transition:transform var(--transition)}.filters{padding:12px 12px 8px;border-bottom:1px solid var(--border);background:var(--bg)}.filters__title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.filters__row{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1.5px solid var(--border);border-radius:20px;background:var(--white);color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--cat-color,var(--primary));border-color:var(--cat-color,var(--primary));color:var(--white)}.filter-btn--all.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px}.list-header h2{font-size:.9rem;font-weight:600}.list-count{font-size:.78rem;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:10px}.location-list{flex:1;overflow-y:auto;padding:4px 10px 10px}.location-list::-webkit-scrollbar{width:4px}.location-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.location-card{display:flex;flex-direction:column;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);background:var(--white)}.location-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.location-card__img{height:110px;background-size:cover;background-position:center;background-color:var(--bg)}.location-card__body{padding:10px 12px}.location-card__meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;color:var(--white)}.location-card__name{font-size:.9rem;font-weight:600;margin-bottom:3px;line-height:1.3}.location-card__address{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-card__address i{margin-right:3px;color:var(--danger)}.location-card__rating{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--secondary);margin-top:4px}.location-card__rating span{color:var(--text);font-weight:600}.map-wrap{flex:1;position:relative;z-index:1}#map{width:100%;height:100%}.map-marker-wrap{background:0 0!important;border:none!important;position:relative}.map-pin{display:flex;align-items:center;justify-content:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid rgba(255,255,255,.85);box-shadow:var(--shadow-md);transition:width .2s,height .2s,box-shadow .2s;position:relative;z-index:2}.map-pin i{transform:rotate(45deg);color:var(--white)}.map-pin--highlight{border-width:3px;box-shadow:0 4px 20px rgba(0,0,0,.35);z-index:10}.map-pin-pulse{position:absolute;top:0;left:0;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:3px solid currentColor;pointer-events:none;z-index:1;animation:1.4s ease-out infinite pinPulse}@keyframes pinPulse{0%{opacity:.8;transform:rotate(-45deg) scale(1)}100%,70%{opacity:0;transform:rotate(-45deg) scale(1.7)}}.marker-label--active{background:var(--white);border:2px solid var(--primary);border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;color:var(--primary);white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.22);pointer-events:none}.marker-label--active.leaflet-tooltip-top::before{border-top-color:var(--primary)}.detail-panel{position:absolute;top:0;right:0;width:340px;height:100%;background:var(--white);box-shadow:var(--shadow-lg);z-index:800;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}.detail-panel.visible{transform:translateX(0)}.detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--white);z-index:1}.detail-panel__header span{font-size:.85rem;font-weight:600;color:var(--text-muted)}.detail-close{width:28px;height:28px;border:none;border-radius:50%;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;transition:background var(--transition)}.detail-close:hover{background:var(--border)}.detail-hero{height:180px;background-size:cover;background-position:center;background-color:var(--bg);position:relative;display:flex;align-items:center;justify-content:center}.detail-hero__icon{font-size:3.5rem;opacity:.3}.detail-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 50%)}.detail-hero__badge{position:absolute;bottom:10px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;color:var(--white)}.detail-body{padding:16px}.detail-name{font-size:1.1rem;font-weight:700;margin-bottom:6px;line-height:1.3}.detail-rating{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:.85rem;margin-bottom:10px}.detail-rating strong{color:var(--text)}.detail-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:14px}.detail-info{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.detail-info li{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--text)}.detail-info li i{color:var(--primary);width:14px;margin-top:2px;flex-shrink:0}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{padding:3px 10px;background:var(--primary-lt);color:var(--primary);border-radius:10px;font-size:.72rem;font-weight:500}.detail-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none}.btn--primary{background:var(--primary);color:var(--white);flex:1;justify-content:center}.btn--primary:hover{background:#145230;text-decoration:none;color:var(--white)}.btn--secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{background:var(--border)}.project-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.project-summary__title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.project-summary__table{width:100%;border-collapse:collapse;font-size:.82rem}.project-summary__table tr{border-bottom:1px solid var(--border)}.project-summary__table tr:last-child{border-bottom:none}.project-summary__table td{padding:6px 4px;vertical-align:middle}.project-summary__table td:first-child{color:var(--text-muted);width:55%;display:flex;align-items:center;gap:6px}.project-summary__table td:first-child i{color:var(--primary);width:14px;flex-shrink:0}.project-summary__table td:last-child{font-weight:600;color:var(--text);text-align:right}.btn--site-photos{background:var(--bg);color:var(--text-muted);border-color:var(--border)}.btn--site-photos:hover{background:var(--border);color:var(--text)}.btn--gallery{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;margin-bottom:10px;background:var(--white);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--transition),color var(--transition)}.btn--gallery:hover{background:var(--primary);color:var(--white)}.gallery-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary);color:var(--white);border-radius:50%;font-size:.7rem;font-weight:700;margin-left:2px}.btn--gallery:hover .gallery-count{background:var(--white);color:var(--primary)}.gallery-modal{display:none;position:fixed;inset:0;z-index:9000;flex-direction:column;align-items:center;justify-content:center}.gallery-modal.visible{display:flex}.gallery-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92)}.gallery-modal__stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:70vh}.gallery-modal__stage img{max-width:90vw;max-height:68vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px rgba(0,0,0,.6);display:block}.gallery-modal__counter{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.65);font-size:.8rem;white-space:nowrap}.gallery-modal__close{position:absolute;top:16px;right:20px;z-index:2;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);color:var(--white);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.gallery-modal__close:hover{background:rgba(255,255,255,.2)}.gallery-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);color:var(--white);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.gallery-modal__nav:hover{background:rgba(255,255,255,.2)}.gallery-modal__prev{left:16px}.gallery-modal__next{right:16px}.gallery-modal__thumbs{position:relative;z-index:1;display:flex;gap:8px;margin-top:44px;flex-wrap:wrap;justify-content:center;max-width:90vw}.gallery-thumb{width:56px;height:56px;border-radius:6px;background-size:cover;background-position:center;background-color:rgba(255,255,255,.1);cursor:pointer;border:2px solid transparent;transition:border-color var(--transition),opacity var(--transition);opacity:.55}.gallery-thumb:hover{opacity:.85}.gallery-thumb--active{border-color:var(--white);opacity:1}.btn--vr360{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;margin-bottom:10px;background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);color:var(--white);border-radius:var(--radius);font-size:.9rem;font-weight:700;letter-spacing:.3px;border:none;cursor:pointer;box-shadow:0 2px 12px rgba(15,52,96,.35);transition:opacity var(--transition),transform var(--transition)}.btn--vr360:hover{opacity:.88;transform:translateY(-1px);text-decoration:none;color:var(--white)}#loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.9);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#error-banner{display:none;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--danger);color:var(--white);padding:10px 20px;border-radius:var(--radius);font-size:.85rem;z-index:9998;box-shadow:var(--shadow-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:10px}.empty-state i{font-size:2rem;opacity:.4}.empty-state p{font-size:.85rem}#sidebar-toggle{display:none}@media (max-width:768px){:root{--sidebar-w:100vw}.sidebar{position:absolute;top:0;left:0;height:100%;transform:translateX(-100%);z-index:950}.sidebar--open{transform:translateX(0)}#sidebar-toggle{display:flex}.detail-panel{width:100%}.header__search{max-width:220px}}