:root{ --bg:#0b0f14; --panel:#0f141b; --card:#111924; --line:#1d2835; --text:#eaf2f8; --muted:#94a3b8; --accent:#4f8cff; --ok:#19c37d }
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Inter; background:var(--bg); color:var(--text)}
header{position:sticky;top:0;background:linear-gradient(180deg, rgba(11,15,20,.95), rgba(11,15,20,.78));backdrop-filter: blur(6px);z-index:20;border-bottom:1px solid var(--line)}
.wrap{max-width:1100px;margin:0 auto;padding:1.1rem}
.title{display:flex;gap:.75rem;align-items:center}
.logo{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#4f8cff,#22d3ee)}
.subtitle{color:var(--muted);font-size:.95rem;margin-top:.2rem}
.searchbar{display:flex;gap:.5rem;align-items:center;margin-top:.8rem}
.searchbar input{flex:1;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--line);background:#0f141b;color:var(--text)}
.searchbar button{padding:.65rem .9rem;border-radius:10px;border:0;background:#4f8cff;color:white;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.grid6{grid-template-columns:repeat(6,1fr)}
@media (max-width: 900px){ .grid{grid-template-columns:repeat(6,1fr)} }
@media (max-width: 600px){ .grid{grid-template-columns:repeat(2,1fr)} }
.card{background:#111924;border:1px solid var(--line);border-radius:14px;padding:1rem}
h1,h2,h3,h4{font-weight:650}
.m0{margin:0}
.mt02{margin-top:.2rem}
.mt1{margin-top:1rem}
.rel{position:relative}
.span3{grid-column: span 3}
.gap075{gap:.75rem}
.muted{color:var(--muted)}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; font-size:.95rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.5rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.table th{color:var(--muted);text-align:left;font-weight:600}
.table tr:hover{background:#0f141b}
.stat{background:#0f141b;border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column}
.stat .k{color:var(--muted);font-size:.85rem}
.stat .v{font-size:1.1rem;font-weight:700}
.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;border-radius:6px;padding:.2rem .5rem;border:1px solid var(--line)}
.ok{background:rgba(25,195,125,.12);color:#aaf0cf}
.flagwrap{display:inline-flex;align-items:center;gap:.35rem}
svg.flag{width:22px;height:14px;border:1px solid #0003;border-radius:2px;display:inline-block}
details{background:#0f141b;border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem}
summary{cursor:pointer;user-select:none}
.summary-pill{display:inline-block;background:#0f141b;border:1px solid var(--line);border-radius:999px;padding:.1rem .45rem;margin-left:.5rem;color:#9fb3c8;font-size:.78rem}
.toolbar{display:flex;justify-content:flex-end;gap:.5rem;margin:.4rem 0 .2rem 0}
.iconbtn{display:inline-flex;align-items:center;gap:.45rem;background:#0f141b;border:1px solid var(--line);color:var(--text);padding:.35rem .6rem;border-radius:8px;cursor:pointer;font-size:.85rem}
.iconbtn:hover{background:#141b24}
.iconbtn svg{width:16px;height:16px}
.hidden{display:none}
.ul-tight{margin:.4rem 0 .4rem 1.1rem}

/* Ergänzungen */
.center { text-align:center; }
.status { display:inline-flex; align-items:center; gap:.35rem; font-size:.75rem; border-radius:6px; padding:.2rem .5rem; border:1px solid var(--line); }
.status.ok   { background:rgba(25,195,125,.12); color:#aaf0cf; border-color:#19c37d; }
.status.fail { background:rgba(234,179,8,.12);  color:#facc15; border-color:#facc15; }
.status.err  { background:rgba(239,68,68,.12);  color:#f87171; border-color:#ef4444; }