:root{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#edf3ff;background:#080b12;--panel:#101621;--border:#202b3c;
  --muted:#91a0b7;--accent:#61a9ff;--green:#49d17d;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:
radial-gradient(circle at 10% 0%,rgba(74,135,255,.14),transparent 32rem),
radial-gradient(circle at 90% 10%,rgba(100,70,255,.10),transparent 30rem),#080b12}
.container{width:min(1100px,calc(100% - 32px));margin:auto;padding:44px 0 70px}
header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent)}
h1{font-size:clamp(34px,6vw,58px);line-height:1;margin:8px 0}
h2{margin:7px 0 8px}
p{margin:0;color:var(--muted);line-height:1.6}
.status{padding:9px 14px;border:1px solid var(--border);border-radius:999px;font-size:13px;white-space:nowrap}
.status.online{color:var(--green);border-color:rgba(73,209,125,.35)}
.status.error{color:#ffb36b}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(180deg,#121925,#0d121c);border:1px solid var(--border);
border-radius:20px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.card-head{padding:21px;border-bottom:1px solid var(--border)}
.card-title{font-size:21px;font-weight:800;margin-top:6px}
.content{padding:18px 20px}
.label{font-size:11px;color:var(--muted);margin-top:14px}
.value{font-size:18px;font-weight:750;word-break:break-all;margin-top:3px}
.password{font-family:ui-monospace,Consolas,monospace}
.date{font-size:13px;color:#b8c5d8}
.copy{margin-top:18px;width:100%;padding:11px;border:1px solid var(--border);
border-radius:10px;background:#151e2c;color:#edf3ff;font-weight:750;cursor:pointer}
.empty{padding:35px 0;color:var(--muted);text-align:center}
.info,.raw{margin-top:20px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px}
summary{cursor:pointer;font-weight:750}
pre{overflow:auto;color:#b9c6d9;font-size:12px;line-height:1.6;white-space:pre-wrap}
@media(max-width:800px){.grid{grid-template-columns:1fr}header{flex-direction:column}.status{align-self:flex-start}}