@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.monitoring-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f1f5f9);position:relative;overflow-x:hidden}.monitoring-page *{font-family:Inter,sans-serif}.hero-gradient{background:linear-gradient(135deg,#0f172af2,#1e293be6,#334155d9)}.glass-effect{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #0000001a}.monitoring-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.05) 0%,transparent 50%);background-size:400px 400px,350px 350px}@keyframes monitoring-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes monitoring-pulse{0%,to{opacity:1}50%{opacity:.5}}.monitoring-float{animation:monitoring-float 6s ease-in-out infinite}.monitoring-text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.monitoring-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}.monitoring-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.map-container{position:relative;z-index:1;width:100%;height:100%;background:#f8fafc}#coverage-map-container .map-container{background:#fff;border-radius:8px}.leaflet-container{height:100%;width:100%;background:#f8fafc}.coverage-map,.coverage-map .leaflet-container{background:#fff!important}.control-panel{position:absolute;top:60px;right:15px;z-index:10;max-width:320px}.info-panel{position:absolute;bottom:15px;left:15px;z-index:10;max-width:380px}.floating-card{transition:all .3s ease;transform:translateY(0)}.floating-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tvri-logo{width:40px;height:40px;background:linear-gradient(45deg,#1e40af,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.channel-badge{background:linear-gradient(45deg,#059669,#10b981);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600}.tech-specs{background:#0f172ae6;color:#e2e8f0;border-radius:8px;padding:12px;margin-top:8px}.coverage-area{fill:#3b82f633;stroke:#3b82f6;stroke-width:2;stroke-dasharray:5,5}.coverage-circle{transition:none!important;animation:none!important}.leaflet-interactive{transition:none!important}.leaflet-overlay-pane svg,.leaflet-overlay-pane path{transition:none!important;animation:none!important;will-change:auto!important}.leaflet-overlay-pane circle{transition:none!important;animation:none!important}.leaflet-popup-content-wrapper{background:#0f172af2!important;color:#fff!important;border-radius:12px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaflet-popup-content{color:#fff!important}.leaflet-popup-tip{background:#0f172af2!important}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-active{background:#10b981}.status-inactive{background:#ef4444}.status-maintenance{background:#f59e0b}.mobile-controls{display:none;justify-content:space-between;gap:10px;padding:10px;background:#fffffff2;border-radius:8px;margin:10px;position:absolute;bottom:10px;left:10px;right:10px;z-index:10;box-shadow:0 4px 12px #00000026}.mobile-controls button{flex:1;font-size:14px}.toggle-switch{width:40px;height:20px;background:#cbd5e1;border-radius:10px;position:relative;cursor:pointer;transition:background .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.toggle-switch:checked{background:#3b82f6}.toggle-switch:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}.toggle-switch:checked:before{transform:translate(20px)}.modal-overlay{z-index:100}.monitoring-status-excellent{color:#059669}.monitoring-status-good{color:#d97706}.monitoring-status-fair{color:#ea580c}.monitoring-status-poor{color:#dc2626}.monitoring-badge{padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.monitoring-badge-excellent{background-color:#ecfdf5;color:#047857}.monitoring-badge-good{background-color:#fef3c7;color:#92400e}.monitoring-badge-fair{background-color:#fed7aa;color:#ea580c}.monitoring-badge-poor{background-color:#fee2e2;color:#dc2626}.monitoring-progress-bar{width:100%;height:12px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.monitoring-progress-fill{height:100%;transition:width 1s ease-out;border-radius:inherit;box-shadow:0 1px 3px #0000001a}.monitoring-gradient-green{background:linear-gradient(90deg,#10b981,#059669)}.monitoring-gradient-blue{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.monitoring-gradient-orange{background:linear-gradient(90deg,#f59e0b,#d97706)}.monitoring-gradient-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.monitoring-alert{padding:16px;border-radius:12px;border-left:4px solid;transition:all .3s ease}.monitoring-alert:hover{box-shadow:0 4px 12px #0000001a}.monitoring-alert-warning{border-left-color:#f59e0b;background:linear-gradient(to right,#fef3c7,#fed7aa)}.monitoring-alert-success{border-left-color:#10b981;background:linear-gradient(to right,#ecfdf5,#d1fae5)}.monitoring-alert-info{border-left-color:#3b82f6;background:linear-gradient(to right,#dbeafe,#bfdbfe)}@media (max-width: 768px){.monitoring-page{padding:0}.monitoring-card{padding:16px!important}.monitoring-text-gradient{font-size:2rem!important}.control-panel{top:50px!important;right:10px!important;max-width:160px!important}.control-panel .glass-effect{padding:8px!important}.control-panel h3{font-size:11px!important;margin-bottom:6px!important}.control-panel .text-sm{font-size:10px!important}.control-panel .toggle-switch{width:32px!important;height:16px!important}.control-panel .toggle-switch:before{width:12px!important;height:12px!important}.control-panel .toggle-switch:checked:before{transform:translate(16px)!important}.info-panel,.mobile-controls{display:none!important}.max-w-7xl{padding-left:8px!important;padding-right:8px!important}.relative.bg-white{height:60vh!important;min-height:400px!important}}@media (min-width: 769px){.mobile-controls{display:none!important}}@media (max-width: 640px){.monitoring-page>div{padding:16px 8px!important}.monitoring-text-gradient{font-size:1.5rem!important}.monitoring-card{padding:12px!important}}