/* UTF-8 encoded */
:root{
    --bg:#ffffff;
    --text:#111827;
    --accent:#1f6feb;
    --muted:#6b7280;
    --ok:#16a34a;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;}
.container{max-width:1100px;margin:0 auto;padding:20px;}
.site-header{background:#f8fafc;border-bottom:1px solid #e6eef8}
.brand{margin:0;padding:18px 0;display:inline-block;font-size:20px;}
.main-nav{float:right;}
.main-nav a{margin-left:18px;color:var(--muted);text-decoration:none}
.hero{padding:48px 0}
.hero h2{font-size:40px;margin:0 0 10px;color:var(--text)}
.hero p{color:var(--muted);margin:0 0 18px}
.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:13px}
.badge_ok{background:rgba(22,163,74,0.12);color:var(--ok)}
.badge.unknown{background:#f3f4f6;color:var(--muted)}
.quick-actions button{background:var(--accent);color:white;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}
.site-footer{padding:18px 0;border-top:1px solid #e6eef8;color:var(--muted);font-size:13px;text-align:center}
@media (max-width:720px){
    .main-nav{float:none;margin-top:8px}
    .hero h2{font-size:28px}
}