:root { --blue:#1e6fff; --bg:#0b0c10; --card:#14161b; --text:#e7eefc; --muted:#9fb3d1; --ok:#20c997; --bad:#ff6b6b; }
*{box-sizing:border-box}
body{margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:var(--bg); color:var(--text)}
.wrap{max-width:1100px; margin:40px auto; padding:0 18px}
h1{font-size:28px; margin:0 0 6px}
.sub{color:var(--muted); margin:0 0 16px}
.badge{display:inline-block; font-size:12px; padding:4px 8px; border-radius:999px; background:var(--blue); color:white; margin-left:8px}
.bar{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(1,minmax(0,1fr));
  margin:18px 0 22px
}
.card{
  background:var(--card);
  border:1px solid #222631;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 6px 16px rgba(0,0,0,.25)
}
.kacheln{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin:4px 0 14px}
a.btn{display:block; padding:14px 14px; text-decoration:none; color:var(--text); border:1px solid #2a3342; border-radius:12px}
a.btn:hover{border-color:var(--blue); outline:2px solid rgba(30,111,255,.25)}
.title{font-weight:700; margin-bottom:6px}
.muted{color:var(--text); font-size:14px}
table{width:100%; border-collapse:collapse}
th,td{padding:10px 8px; border-bottom:1px solid #222631; text-align:left; font-size:14px}
th{color:#cfe0ff; font-weight:600}
.ok{color:var(--ok)} .bad{color:var(--bad)}
.grid2{display:grid; gap:12px; grid-template-columns:2fr 1fr}
.foot{opacity:.7; font-size:13px; margin:18px 2px}
.chip{display:inline-block; padding:2px 8px; border-radius:999px; background:#1a1f2b; border:1px solid #2a3342; font-size:12px; margin-left:6px}
.blue{color:#bcd6ff}
.green{color:#00AD2B}
small{color:#A972AD}
.bar .card p{margin:2px 0}
.no-wrap{white-space:nowrap}