@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #f7f6f1;--bg-accent: #efece2;--ink: #1f2430;--ink-soft: #5e6574;--card: #ffffff;--line: #d9dde7;--brand: #0b6f92;--brand-strong: #065a77;--brand-soft: #dff2fa;--error: #a11616;--success: #116d31}*{box-sizing:border-box}body{margin:0;font-family:Sora,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 6% 8%,#f7c8a2 0,transparent 36%),radial-gradient(circle at 86% 11%,#b7e7f7 0,transparent 26%),linear-gradient(135deg,var(--bg) 0%,var(--bg-accent) 100%);min-height:100vh}.layout{max-width:1320px;margin:0 auto;padding:2.1rem 1.25rem 2.75rem}.hero{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono,monospace;color:var(--brand);margin:0;font-size:.75rem}h1{margin:.35rem 0;font-size:clamp(1.8rem,2.9vw,2.65rem);letter-spacing:-.02em}.hero p{margin:0;color:var(--ink-soft)}.ghost-button{border:1px solid var(--line);border-radius:999px;background:#ffffffe0;color:var(--ink);padding:.55rem .95rem}.ghost-button:hover{border-color:var(--brand);color:var(--brand)}.workspace-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:start}.side-menu{background:linear-gradient(180deg,#102d3a,#173f52);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.9rem;position:sticky;top:1rem;box-shadow:0 14px 35px #09222c3d;animation:fade-up .26s ease}.menu-title{margin:0 0 .6rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#b8d8e4;text-transform:uppercase;letter-spacing:.06em}.menu-item{width:100%;text-align:left;background:#ffffff08;color:#edf7fb;border:1px solid rgba(255,255,255,.06);margin-bottom:.5rem;border-radius:12px;padding:.65rem .75rem}.menu-item:hover{border-color:#ffffff38;background:#ffffff1a}.menu-item-active{background:linear-gradient(135deg,#0b6f92,#1690ba);color:#fff;border-color:#ffffff4d}.menu-item-label{display:block;font-size:.92rem;font-weight:600}.menu-item-description{display:block;margin-top:.2rem;font-size:.78rem;color:#c2e2ed}.screen-area{min-width:0;animation:fade-up .3s ease}.grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:linear-gradient(180deg,#fffffff2,#ffffffe6);border:1px solid var(--line);border-radius:18px;padding:1.1rem;box-shadow:0 12px 28px #27394a1c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-x:auto}.panel-header h2{margin:0}.panel-header p{margin:.35rem 0 0;color:var(--ink-soft)}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.stats-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-row div{background:var(--brand-soft);border:1px solid #c6e8f4;border-radius:10px;padding:.72rem}.stats-row span{display:block;font-size:.75rem;color:var(--ink-soft);font-family:JetBrains Mono,monospace}.stats-row strong{display:block;font-size:1.2rem;margin-top:.2rem}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0}.filter-bar label{font-family:JetBrains Mono,monospace;font-size:.8rem}.filter-bar input{min-width:180px;border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;background:#fff}.filter-bar input:focus,.form-stack input:focus,.form-stack select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0b6f9229}.form-stack{display:grid;gap:.45rem;margin-top:.8rem}.form-stack label{font-family:JetBrains Mono,monospace;font-size:.8rem}.form-stack input,.form-stack select{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;background:#fff}button{border:1px solid var(--brand);border-radius:10px;padding:.52rem .86rem;background:linear-gradient(120deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #09546f42}table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .25rem;vertical-align:top}th{font-family:JetBrains Mono,monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}tbody tr:nth-child(odd){background:#dff2fa38}.state{border-radius:10px;border:1px dashed var(--line);padding:.7rem;color:var(--ink-soft)}.state.error{border-color:#f3b3b3;color:var(--error);background:#fff2f2}.state.success{border-color:#9acda8;color:var(--success);background:#f3fff6}.state.compact{margin-bottom:.8rem;font-size:.86rem}.status-text{text-transform:capitalize}.status-healthy{color:#1f7a33}.status-warning{color:#b36200}.status-critical{color:#a11616}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero{align-items:flex-start;flex-direction:column}.workspace-shell{grid-template-columns:1fr}.side-menu{position:static}.stats-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}}