:root{--bs-primary:#0066cc;--bs-secondary:#f8f9fa;--bs-border-color:#e0e0e0;--bs-text-color:#333333;--country-color-main:#2ba6c8;--country-color-main-rgb:43,166,200;--country-color-second:#fec50c;--accent-color:#4361ee;--accent-color-rgb:67,97,238}body{background:#f5f7f9}.leaflet-container{border-radius:8px;overflow:hidden}.country-color{fill:var(--country-color-main)}.star{font-size:18px}.star.active{color:#ffc107}.star:not(.active){color:#e0e0e0}#map{min-height:500px;border-radius:.375rem}.office-card.highlight{border-color:var(--bs-primary)}.city-card{cursor:pointer;transition:.2s}.city-card:hover{transform:translateY(-2px)}.city-card.border-primary{border-width:2px!important}@media (max-width:768px){#map{min-height:300px}.scroll-hide::-webkit-scrollbar{height:0;display:none}.scroll-hide{-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-show{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-container{position:relative;margin-bottom:20px}.scroll-show::-webkit-scrollbar{height:3px}.scroll-show::-webkit-scrollbar-track{background:#f1f1f1}.scroll-show::-webkit-scrollbar-thumb{background:#888}.scroll-indicator{position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(0,175,102,.2);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .3s;cursor:pointer}.scroll-left{left:0;top:10%;transform:translateY(-10%)}.scroll-right{right:0;top:10%;transform:translateY(-10%)}.pulse{animation:1.5s infinite pulse;opacity:1}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,175,102,.4)}70%{box-shadow:0 0 0 10px rgba(0,175,102,0)}100%{box-shadow:0 0 0 0 rgba(0,175,102,0)}}.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-out{animation:.5s forwards fadeOut}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.hidden{display:none}}