.visitor-tracker-map-icon{position:fixed;bottom:20px;width:50px;height:50px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:all 0.3s ease;color:#fff;font-size:24px}.visitor-tracker-map-icon.position-right{right:20px}.visitor-tracker-map-icon.position-left{left:20px}.visitor-tracker-map-icon.position-center{left:50%;transform:translateX(-50%)}.visitor-tracker-map-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(102,126,234,.6)}.visitor-tracker-map-icon.position-center:hover{transform:translateX(-50%) scale(1.1)}.visitor-tracker-map-icon i{font-size:24px;color:#fff}.visitor-tracker-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.visitor-tracker-modal.active{display:flex;align-items:center;justify-content:center}.visitor-tracker-modal-content{background:#fff;border-radius:15px;width:90%;max-width:1000px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.visitor-tracker-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.visitor-tracker-modal-header h3{margin:0;font-size:20px;font-weight:600}.visitor-tracker-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.visitor-tracker-close:hover{background-color:rgba(255,255,255,.2)}.visitor-tracker-modal-body{flex:1;display:flex;overflow:hidden}#visitor-tracker-map{flex:1;height:100%;min-height:400px}.visitor-tracker-legend{width:300px;background:#f8f9fa;border-left:1px solid #e9ecef;padding:20px;overflow-y:auto}.visitor-tracker-legend h4{margin:0 0 15px 0;color:#495057;font-size:16px;font-weight:600}.visitor-tracker-user-location{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}#show-my-location{width:100%;padding:10px 15px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(40,167,69,.3)}#show-my-location:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,.4)}#show-my-location:disabled{opacity:.7;cursor:not-allowed;transform:none}.visitor-tracker-legend-item{display:flex;align-items:center;padding:10px 8px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color 0.2s;border-radius:6px;margin-bottom:2px}.visitor-tracker-legend-item:hover{background-color:#e9ecef}.visitor-tracker-legend-item:last-child{border-bottom:none}.legend-flag{width:24px;height:18px;margin-right:12px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;border-radius:2px;overflow:hidden;flex-shrink:0}.legend-flag img{width:100%;height:100%;object-fit:cover}.legend-info{flex:1;display:flex;flex-direction:column;min-width:0}.legend-location{font-size:14px;color:#495057;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-country{font-size:12px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-count{font-size:12px;color:#fff;font-weight:600;background:#667eea;padding:4px 8px;border-radius:12px;margin-left:8px;flex-shrink:0}.visitor-tracker-location-marker{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.visitor-tracker-location-marker img{width:32px;height:24px;border:2px solid #fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.country-code-fallback{background:#667eea;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:700;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.visitor-count{background:#dc3545;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;position:absolute;top:-10px;right:-10px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}.visitor-tracker-user-marker{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3)}.visitor-tracker-user-marker.gps-location{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.visitor-tracker-user-marker.ip-location{background:linear-gradient(135deg,#007bff 0%,#6610f2 100%)}.user-marker-icon{font-size:16px;color:#fff;z-index:2}.user-marker-pulse{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;animation:pulse 2s infinite}.visitor-tracker-user-marker.gps-location .user-marker-pulse{background:rgba(40,167,69,.3)}.visitor-tracker-user-marker.ip-location .user-marker-pulse{background:rgba(0,123,255,.3)}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.visitor-tracker-custom-marker,.visitor-tracker-user-custom-marker{background:none!important;border:none!important}.visitor-tracker-popup{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-width:180px}.popup-header{display:flex;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e9ecef}.popup-header img{margin-right:8px!important;border:1px solid #ddd;border-radius:2px}.popup-location{color:#495057;font-size:14px;margin-bottom:6px}.popup-stats{color:#6c757d;font-size:13px;font-weight:500}.visitor-tracker-user-popup{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-width:200px}.user-popup-header{display:flex;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e9ecef}.user-icon{font-size:18px;margin-right:8px}.user-popup-location{color:#495057;font-size:14px;margin-bottom:6px;font-weight:500}.user-popup-accuracy{color:#6c757d;font-size:12px;font-style:italic}.visitor-tracker-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6c757d;font-style:italic}.visitor-tracker-loading::before{content:"🔄";margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.visitor-tracker-no-data{text-align:center;padding:40px 20px;color:#6c757d}.no-data-icon{font-size:48px;margin-bottom:15px}.no-data-subtitle{font-size:12px;color:#adb5bd;margin-top:5px}.visitor-tracker-error{text-align:center;padding:40px 20px;color:#dc3545}.error-icon{font-size:48px;margin-bottom:15px}.error-subtitle{font-size:12px;color:#6c757d;margin-top:5px}@media (max-width:768px){.visitor-tracker-modal-content{width:95%;height:90vh;margin:20px}.visitor-tracker-modal-body{flex-direction:column}.visitor-tracker-legend{width:100%;height:250px;border-left:none;border-top:1px solid #e9ecef}.visitor-tracker-map-icon{width:45px;height:45px;bottom:15px}.visitor-tracker-map-icon.position-right{right:15px}.visitor-tracker-map-icon.position-left{left:15px}.visitor-tracker-modal-header{padding:15px}.visitor-tracker-modal-header h3{font-size:18px}.legend-location{font-size:13px}.legend-country{font-size:11px}}@media (max-width:480px){.visitor-tracker-modal-content{width:100%;height:100vh;border-radius:0;margin:0}.visitor-tracker-legend{height:200px;padding:15px}.visitor-tracker-map-icon{width:40px;height:40px;bottom:10px}.visitor-tracker-map-icon.position-right{right:10px}.visitor-tracker-map-icon.position-left{left:10px}.visitor-tracker-map-icon i{font-size:20px}#show-my-location{padding:8px 12px;font-size:13px}.visitor-tracker-legend-item{padding:8px 6px}.legend-flag{width:20px;height:15px;margin-right:10px}.legend-location{font-size:12px}.legend-country{font-size:10px}.legend-count{font-size:11px;padding:3px 6px}}