@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{--primary: #002d63;--primary-light: #0098da;--secondary: #00baff;--tertiary: #e6f4f1;--surface: #ffffff;--surface-soft: #f4f8fc;--surface-muted: #eaf1f8;--ink: #052844;--ink-soft: #5f7a93;--ink-muted: #8ca0b2;--critical: #e94a4a;--warning: #ea9c32;--ok: #36b77b;--border-soft: rgba(0, 45, 99, .11);--shadow: 0 10px 28px rgba(0, 38, 80, .16)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Poppins,sans-serif;color:var(--ink);background:linear-gradient(180deg,#1492d0,#0667ac 36%,#034582,#022f61)}h1,h2,h3,strong{font-family:Nunito,sans-serif;letter-spacing:-.01em}.app-shell{position:relative;overflow-x:hidden;width:100%;padding:0 0 1.5rem}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% -8%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 84% 100%,rgba(255,255,255,.12),transparent 26%)}.dashboard-layout{display:grid;gap:.85rem;margin-top:.9rem;padding:0 clamp(.7rem,2.2vw,2rem)}.overview-layout{margin-top:.7rem}.topbar{background:linear-gradient(160deg,#108ecc,#0563a9 60%,#024988);border-radius:0 0 30px 30px;box-shadow:var(--shadow);width:100%;padding:1rem clamp(.9rem,2.5vw,2rem) 1rem;color:#f2f9ff}.brand-block h1{margin:0;font-size:clamp(1.45rem,3vw,2rem);color:#fff}.brand-block p{margin:.22rem 0 0;font-size:.9rem;color:#ecf7ffd6;max-width:44ch}.brand-tag{display:inline-flex;padding:.18rem .55rem;border-radius:999px;margin-bottom:.26rem;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.38);background:#ffffff1a}.topbar-status-row{margin-top:.72rem;display:flex;align-items:center;gap:.52rem;flex-wrap:wrap}.health-chip,.topbar-metric,.clock{display:inline-flex;align-items:center;gap:.34rem;padding:.36rem .64rem;border-radius:999px;font-size:.8rem;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.26)}.health-chip-normal{color:#c9ffe6}.health-chip-warning{color:#ffe6c1}.health-chip-critical{color:#ffd5d5}.clock{font-family:Nunito,sans-serif;letter-spacing:.04em}.mode-toggle{display:inline-flex;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.24);padding:.2rem;gap:.2rem}.mode-btn{border:0;background:transparent;color:#e6f5ff;font:inherit;font-size:.8rem;padding:.31rem .66rem;border-radius:999px;cursor:pointer}.mode-btn.active{background:#fff;color:var(--primary)}.overview-hero{background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:20px;color:#fff;padding:.82rem .95rem}.overview-eyebrow{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#eff9ffeb}.overview-hero h2{margin:.1rem 0 0;font-size:1.28rem;color:#fff}.overview-hero p{margin:.2rem 0 0;font-size:.9rem;color:#eff9ffe0}.issue-banner{border-radius:20px;padding:.84rem .95rem;display:flex;justify-content:space-between;align-items:center;gap:.65rem;box-shadow:var(--shadow)}.issue-banner-left{display:flex;align-items:center;gap:.62rem}.issue-banner-left h3{margin:0;font-size:1.04rem}.issue-banner-left p{margin:.08rem 0 0;font-size:.82rem}.issue-badge{min-width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-weight:700;font-family:Nunito,sans-serif}.issue-banner-normal{background:linear-gradient(115deg,#11b77f,#18a6a1);color:#fff}.issue-banner-normal .issue-badge{background:#ffffff38}.issue-banner-warning{background:linear-gradient(115deg,#ff7d4a,#f6a51d);color:#fff}.issue-banner-warning .issue-badge{background:#ffffff38}.issue-banner-critical{background:linear-gradient(115deg,#f14659,#f1852f);color:#fff}.issue-banner-critical .issue-badge{background:#ffffff3d}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}.overview-card{border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:var(--shadow);padding:.78rem .86rem}.overview-card p{margin:0;color:var(--ink-muted);font-size:.78rem}.overview-card strong{display:block;margin-top:.16rem;font-size:1.03rem;color:var(--ink)}.overview-card span{display:block;margin-top:.1rem;color:var(--ink-soft);font-size:.8rem}.mode-note{border-radius:16px;padding:.62rem .75rem;background:#ffffff2b;border:1px solid rgba(255,255,255,.28)}.mode-note p{margin:0;color:#fff;font-size:.86rem}.row-grid{display:grid;gap:.85rem}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}.metric-card{border-radius:15px;background:#fff;border:1px solid var(--border-soft);box-shadow:var(--shadow);padding:.63rem .66rem;display:flex;align-items:center;gap:.5rem}.metric-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#0098da1f;color:var(--primary)}.metric-copy p{margin:0;font-size:.76rem;color:var(--ink-muted)}.metric-copy strong{font-size:.95rem;color:var(--ink);line-height:1}.metric-warning{border-color:#ea9c325c}.metric-critical{border-color:#e94a4a5c}.panel{background:#fff;border:1px solid var(--border-soft);border-radius:18px;padding:.86rem;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.panel-header h2{margin:0;font-size:1.02rem;color:var(--ink)}.panel-subtitle{color:var(--ink-muted);font-size:.77rem}.panel-grid{display:grid;gap:.55rem}.panel-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-box{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:12px;padding:.55rem;display:grid;gap:.13rem}.reading-box span{color:var(--ink-muted);font-size:.77rem;display:inline-flex;align-items:center;gap:.3rem}.reading-box strong{font-size:.98rem;color:var(--ink)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.overview-clear{margin:0;color:var(--ok);font-weight:600}.issue-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.issue-item{display:flex;gap:.52rem;align-items:baseline;padding:.54rem .66rem;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-soft);font-size:.88rem;color:var(--ink)}.issue-item strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.issue-warning{border-color:#ea9c3257}.issue-warning strong{color:var(--warning)}.issue-critical{border-color:#e94a4a59}.issue-critical strong{color:var(--critical)}.fault-row{margin-top:.68rem;display:grid;gap:.48rem}.fault-chip{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:999px;padding:.34rem .61rem;display:inline-flex;align-items:center;gap:.32rem;width:fit-content;color:var(--ink);font-size:.8rem}.fault-chip.critical{border-color:#e94a4a6b;color:var(--critical)}.wire-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.43rem}.wire-cell{border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-soft);display:grid;gap:.2rem;place-items:center;padding:.48rem;text-align:center}.wire-cell strong{font-size:.99rem;color:var(--ink)}.wire-cell span{font-size:.74rem;color:var(--ink-muted)}.wire-normal{border-color:#36b77b4d}.wire-critical{border-color:#e94a4a73}.chart-wrap{width:100%;height:220px;min-height:220px}.timeline-wrap{height:210px;min-height:210px}.log-table-wrap{overflow-x:auto}.log-table{width:100%;border-collapse:collapse;min-width:560px}.log-table th,.log-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:.4rem;font-size:.8rem;color:var(--ink)}.log-table th{color:var(--ink-muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.severity{display:inline-flex;padding:.11rem .4rem;border-radius:999px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.04em;font-size:.67rem}.severity-critical{border-color:#e94a4a59;color:var(--critical)}.severity-warning{border-color:#ea9c3259;color:var(--warning)}.severity-info{border-color:#36b77b4d;color:var(--ok)}.empty-log{margin:0;color:var(--ink-muted);font-size:.88rem}.reveal{opacity:0;transform:translateY(9px);animation:revealUp .45s ease forwards;animation-delay:var(--delay, 0s)}.delay-1{--delay: .03s}.delay-2{--delay: .08s}.delay-3{--delay: .12s}.delay-4{--delay: .16s}.delay-5{--delay: .2s}.delay-6{--delay: .24s}.delay-7{--delay: .28s}.delay-8{--delay: .32s}.delay-9{--delay: .36s}.pulse{animation:pulseFault 1.6s ease infinite}@keyframes revealUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseFault{0%,to{box-shadow:0 0 #e94a4a00}50%{box-shadow:0 0 10px #e94a4a40}}@media(max-width:1080px){.overview-grid,.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.two-up{grid-template-columns:1fr}}@media(max-width:760px){.overview-grid,.kpi-strip{grid-template-columns:1fr}.dashboard-layout{padding:0 .74rem}.panel-grid.two-col{grid-template-columns:1fr}.wire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap,.timeline-wrap{height:190px;min-height:190px}}