@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";
:root{--bg-light:#ebf7fc;--surface-light:#fff;--card-light:#fff;--border-light:#cde8f6;--accent-blue:#28a9e0;--accent-cyan:#28a9e0;--text-dark:#0f172a;--offline-grey:#94a3b8;--card-radius:16px;--card-shadow:0 4px 14px #28a9e014}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-light);color:var(--text-dark);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.metric-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #28a9e01f}.metric-card.form-section-card{transition:box-shadow .2s!important;transform:none!important}.metric-card.form-section-card:hover{box-shadow:var(--card-shadow);transform:none!important}body.map-fullscreen-active{overflow:hidden!important}body.map-fullscreen-active .metric-card{transform:none!important}.spot-location-picker-fullscreen{backface-visibility:hidden;transform:none!important}.glass-badge{color:var(--accent-blue);background:#28a9e01a;border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leaflet-control-zoom{border:none!important;margin-bottom:8px!important;margin-right:8px!important;box-shadow:0 2px 8px #00000026!important}.leaflet-control-zoom a{color:#334155!important;border-bottom:1px solid #e2e8f0!important;width:22px!important;height:22px!important;font-size:13px!important;font-weight:700!important;line-height:22px!important}.custom-wind-marker{pointer-events:auto!important}.webcam-cluster-icon{color:#fff;cursor:pointer;background:#28a9e0;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:3px;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #28a9e073}.webcam-cluster-icon:hover{transform:scale(1.08);box-shadow:0 4px 14px #28a9e099}.wind-cluster-icon{cursor:pointer;box-sizing:border-box;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.wind-cluster-icon:hover{transform:scale(1.08)}.custom-webcam-marker{transition:transform .15s}.custom-webcam-marker:hover{transform:scale(1.15)}.spot-webcam-badge{pointer-events:none;z-index:10;background:#28a9e0;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #00000040}.cluster-webcam-badge{pointer-events:none;z-index:10;background:#28a9e0;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 5px #00000040}.breadcrumb-desktop{display:flex!important}.breadcrumb-mobile{display:none!important}@media (max-width:640px){.breadcrumb-desktop{display:none!important}.breadcrumb-mobile{display:inline-flex!important}}.header-nav-desktop{display:flex!important}.header-burger-btn{display:none!important}@media (max-width:768px){.header-nav-desktop{display:none!important}.header-burger-btn{display:inline-flex!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}