@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg:#0d1117;--clr-surface:#161b22;--clr-surface2:#21262d;--clr-border:#30363d;--clr-text:#e6edf3;--clr-muted:#8b949e;--clr-accent:#2563eb;--clr-accent-h:#1d4ed8;--clr-normal:#27AE60;--clr-alert:#d4a017;--clr-warning:#e67e22;--clr-danger:#e74c3c;--clr-online:#22c55e;--clr-offline:#ef4444;--clr-na:#555;--nav-h:60px;--radius:10px;--shadow:0 4px 24px rgba(0,0,0,.45);font-size:14px}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100vh}a{color:var(--clr-accent);text-decoration:none}a:hover{text-decoration:underline}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(22,27,34,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--clr-border);transition:transform .3s ease;height:var(--nav-h)}.nav-wrapper.hidden{transform:translateY(-100%)}.nav-inner{max-width:1400px;margin:0 auto;height:100%;padding:0 1.25rem;gap:.25rem}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;color:var(--clr-text);margin-right:1.5rem;gap:.5rem;white-space:nowrap}.nav-brand span.flag{font-size:1.3rem}.nav-links{display:flex;align-items:center;gap:.15rem;flex:1 1}.nav-link{padding:.45rem .8rem;border-radius:6px;font-size:.88rem;font-weight:500;color:var(--clr-muted);transition:background .2s,color .2s;white-space:nowrap;cursor:pointer;border:none;background:none}.nav-link.active,.nav-link:hover{background:var(--clr-surface2);color:var(--clr-text)}.nav-dropdown{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:220px;padding:.4rem;z-index:200;margin-top:8px}.nav-dropdown-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--clr-text);font-size:.88rem;transition:background .15s}.nav-dropdown-item:hover{background:var(--clr-surface2);text-decoration:none}.nav-hamburger{display:none;margin-left:auto;background:none;border:none;color:var(--clr-text);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem}@media (max-width:768px){.nav-hamburger{display:block}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;background:var(--clr-surface);border-bottom:1px solid var(--clr-border);padding:.75rem;display:none}.nav-links.open{display:flex}.nav-dropdown-menu{position:static;box-shadow:none;border:none;margin-left:1rem}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}}.page-wrapper{max-width:1400px;margin:0 auto;padding:calc(var(--nav-h) + 1.5rem) 1.25rem 5rem}.page-header{margin-bottom:1.5rem}.page-title{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;color:var(--clr-text);display:flex;align-items:center;gap:.6rem}.page-subtitle{color:var(--clr-muted);font-size:.88rem;margin-top:.3rem}.status-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;border:1px solid transparent}.status-pill.online{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}.status-pill.offline{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.table-scroll{width:100%;height:520px;overflow:auto;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{background:#1e3a5f;color:#fff;padding:.6rem .5rem;text-align:center;font-weight:600;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap}.data-table th.th-normal{background:#27AE60}.data-table th.th-alert{background:#d4a017}.data-table th.th-warning{background:#e67e22}.data-table th.th-danger{background:#e74c3c}.data-table tbody tr{border-bottom:1px solid var(--clr-border);transition:background .15s}.data-table tbody tr:nth-child(2n){background:rgba(255,255,255,.025)}.data-table tbody tr:hover{background:rgba(37,99,235,.12)}.data-table td{padding:.5rem;text-align:center;border-right:1px solid var(--clr-border);white-space:nowrap}.data-table td.level-na{background:#555;color:#fff;font-weight:600}.data-table td.level-error{background:#DD0000;color:#fff;font-weight:600}.data-table td.level-unknown{color:#000;font-weight:600}.data-table td.level-normal{color:#27AE60;font-weight:600}.data-table td.level-alert{background:#F1C40F;color:#fff;font-weight:600}.data-table td.level-warning{background:#F39C12;color:#fff;font-weight:600}.data-table td.level-danger{background:#DD0000;color:#fff;font-weight:600}.data-table td.rf-na{background:#555;color:#fff}.data-table td.rf-error{background:#DD0000;color:#fff}.data-table td.rf-light{color:#27AE60;font-weight:600}.data-table td.rf-moderate{color:#F1C40F;font-weight:600}.data-table td.rf-heavy{color:#F39C12;font-weight:600}.data-table td.rf-very_heavy{color:#DD0000;font-weight:600}.data-table td.rf-intensity-Light{background:#27AE60;color:#fff}.data-table td.rf-intensity-Moderate{background:#F1C40F;color:#fff}.data-table td.rf-intensity-Heavy{background:#F39C12;color:#fff}.data-table td.rf-intensity-VeryHeavy{background:#DD0000;color:#fff}.data-table td.st-online{background:#00BB00;color:#fff;font-weight:600}.data-table td.st-offline{background:#DD0000;color:#fff;font-weight:600}.data-table td.st-na{background:#555;color:#fff}.trend-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.trend-arrow{font-size:1.1rem}.filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-label{font-size:.85rem;color:var(--clr-muted);white-space:nowrap}.filter-select{background:var(--clr-surface2);border:1px solid var(--clr-border);color:var(--clr-text);border-radius:8px;padding:.4rem .75rem;font-size:.88rem;cursor:pointer;outline:none;transition:border-color .2s}.filter-select:focus,.filter-select:hover{border-color:var(--clr-accent)}.stats-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.stat-card{flex:1 1;min-width:130px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card .stat-value{font-size:1.5rem;font-weight:700}.stat-card .stat-label{font-size:.75rem;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card.danger .stat-value{color:#ef4444}.stat-card.warning .stat-value{color:#f97316}.stat-card.alert .stat-value{color:#eab308}.stat-card.normal .stat-value{color:#22c55e}.stat-card.total .stat-value{color:var(--clr-accent)}.home-hero{background:linear-gradient(135deg,#0f2044,#1a3a6e 50%,#162032);border:1px solid var(--clr-border);border-radius:16px;padding:2.5rem 2rem;margin-bottom:2rem;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.home-hero-title{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:.75rem;position:relative}.home-hero-subtitle{color:#93c5fd;font-size:1rem;position:relative;margin-bottom:1.5rem}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{flex:1 1;padding:.65rem 1rem;border:1px solid var(--clr-border);border-radius:8px;background:var(--clr-surface);color:var(--clr-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--clr-accent);color:var(--clr-text)}.tab-btn.active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.info-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:1.5rem 1.75rem;line-height:1.75;font-size:.93rem;color:var(--clr-text)}.info-block h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.info-block a{color:#f9c74f}.info-block ul{padding-left:1.25rem;margin-top:.5rem}.info-block li{margin-bottom:.35rem}.legend-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:6px}.legend-item.l-normal{background:rgba(39,174,96,.2);color:#27AE60;border:1px solid #27ae60}.legend-item.l-alert{background:rgba(241,196,15,.2);color:#d4a017;border:1px solid #d4a017}.legend-item.l-warning{background:rgba(243,156,18,.2);color:#e67e22;border:1px solid #e67e22}.legend-item.l-danger{background:rgba(221,0,0,.2);color:#ef4444;border:1px solid #ef4444}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:1rem;color:var(--clr-muted)}.spinner{width:40px;height:40px;border:3px solid var(--clr-border);border-top-color:var(--clr-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-banner{background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:var(--radius);padding:1rem 1.25rem;color:#fca5a5;font-size:.9rem;margin-bottom:1rem}.result-count{font-size:.83rem;color:var(--clr-muted);margin-bottom:.5rem}.result-count b{color:var(--clr-text)}.site-footer{position:fixed;bottom:0;left:0;right:0;background:rgba(22,27,34,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--clr-border);padding:.6rem 1.25rem;text-align:center;font-size:.8rem;color:var(--clr-muted);z-index:90}.site-footer a{color:#93c5fd}.btn-refresh{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:var(--clr-surface2);border:1px solid var(--clr-border);border-radius:8px;color:var(--clr-text);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-refresh:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.btn-refresh.spinning svg{animation:spin .8s linear infinite}.no-results{padding:2.5rem;text-align:center;color:var(--clr-muted);font-size:.9rem}.last-updated{font-size:.78rem;color:var(--clr-muted);display:flex;align-items:center;gap:.35rem}