:root { --bg:#0b1020; --card:#121a33; --text:#e9ecf5; --muted:#a9b0c7; --accent:#6ee7ff; --warn:#ffd36e; --crit:#ff6e6e; }
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:linear-gradient(180deg,#070b18, var(--bg)); color:var(--text); }
.container{ max-width:980px; margin:0 auto; padding:24px; }
.nav{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.brand{ font-weight:800; letter-spacing:.2px; }
a{ color:var(--accent); text-decoration:none; }
.card{ background:rgba(18,26,51,.9); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.grid{ display:grid; gap:16px; grid-template-columns: 1fr; }
@media (min-width:900px){ .grid{ grid-template-columns: 1.1fr .9fr; } }
input, button{ width:100%; padding:12px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:#0c1226; color:var(--text); }
button{ cursor:pointer; background:linear-gradient(90deg,#3be3ff,#7c5cff); border:none; font-weight:700; }
button:disabled{ opacity:.6; cursor:not-allowed; }
.small{ font-size:12px; color:var(--muted); }
.row{ display:flex; gap:12px; align-items:center; }
.row > *{ flex:1; }
.badge{ display:inline-block; padding:6px 10px; border-radius:999px; font-size:12px; border:1px solid rgba(255,255,255,.12); color:var(--muted); }
.kpi{ display:grid; grid-template-columns: repeat(2,1fr); gap:10px; margin-top:10px; }
.kpi .tile{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:10px; }
.k{ font-size:12px; color:var(--muted); }
.v{ font-size:16px; font-weight:800; margin-top:2px; }
.issues{ margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.issue{ padding:10px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); }
.issue.critical{ border-color: rgba(255,110,110,.35); }
.issue.warn{ border-color: rgba(255,211,110,.35); }
.issue.info{ border-color: rgba(110,231,255,.25); }
.issue b{ display:block; margin-bottom:4px; }
hr{ border:none; border-top:1px solid rgba(255,255,255,.08); margin:14px 0; }
.banner {
    padding:12px;
    border-radius:12px;
    border:1px solid rgba(255,211,110,.35);
    background:rgba(255,211,110,.10);
}