:root{
  --bg:#070b18;
  --card:rgba(18,26,51,.65);
  --stroke:rgba(255,255,255,.08);
  --text:#e8eefc;
  --muted:rgba(232,238,252,.7);
  --primary:#22c55e;
  --danger:#ef4444;
  --link:#7dd3fc;
}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Arial;color:var(--text)}
.bg{
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(34,197,94,.12), transparent 60%),
    radial-gradient(900px 500px at 70% 30%, rgba(125,211,252,.10), transparent 60%),
    radial-gradient(700px 450px at 50% 90%, rgba(239,68,68,.08), transparent 60%),
    var(--bg);
  min-height:100vh;
}
.glass{
  backdrop-filter: blur(14px);
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
}
.shell{display:flex;gap:18px;padding:18px}
.sidebar{width:260px;padding:14px;display:flex;flex-direction:column}
.main{flex:1;min-width:0}
.sb-title{display:flex;gap:12px;align-items:center;padding:10px 8px 14px}
.logo{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.25);
  font-weight:800;
}
.logo.sm{width:36px;height:36px;border-radius:12px}
.h1{font-size:28px;font-weight:800}
.h2{font-size:16px;font-weight:800}
.h3{font-size:14px;font-weight:800;margin-bottom:10px}
.muted{color:var(--muted);font-size:12px}
.nav{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color:var(--text);
  text-decoration:none;
  border:1px solid transparent;
  margin:4px 0;
}
.nav:hover{border-color:var(--stroke);background:rgba(255,255,255,.03)}
.nav.active{border-color:rgba(125,211,252,.25);background:rgba(125,211,252,.06)}
.nav.danger{color:#ffd6d6}
.sp{flex:1}
.topbar{padding:14px 4px 18px}
.card{padding:14px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.k{font-size:12px;color:var(--muted);margin-top:10px}
.v{font-size:34px;font-weight:900;margin-top:6px}
.v.small{font-size:14px;font-weight:700;color:var(--muted)}
.v2{font-size:13px;line-height:1.4;white-space:pre-wrap}
.link{color:var(--link);text-decoration:none}
.link:hover{text-decoration:underline}
.row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.btn{
  padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);
  background:rgba(255,255,255,.03);color:var(--text);
  cursor:pointer;text-decoration:none;font-weight:700;
}
.btn:hover{background:rgba(255,255,255,.06)}
.btn.primary{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.25)}
.btn.primary:hover{background:rgba(34,197,94,.22)}
.btn.danger{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.25)}
.btn.danger:hover{background:rgba(239,68,68,.22)}
.form label{display:block;margin:8px 0 6px;font-size:12px;color:var(--muted)}
input,textarea{
  width:100%;padding:11px 12px;border-radius:12px;
  border:1px solid var(--stroke);
  background:rgba(7,11,24,.55);
  color:var(--text);
  outline:none;
}
input:focus,textarea:focus{border-color:rgba(125,211,252,.35)}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.alert{
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.25);
  padding:10px 12px;border-radius:12px;
  margin:10px 0;
}
.hint{margin-top:12px;font-size:12px;color:var(--muted)}
.list{display:flex;flex-direction:column;gap:10px}
.item{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.02)}
.item-title{font-weight:900}
.item-main{min-width:0}
.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);font-weight:800;font-size:12px;white-space:nowrap}
.subcard{margin-top:12px;padding:12px;border-radius:16px;border:1px solid var(--stroke);background:rgba(255,255,255,.02)}
.subhead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.subgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:10px}
.proof{min-width:0}
.img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid var(--stroke)}
.sp2{height:12px}
@media(max-width:1100px){
  .grid{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .subgrid{grid-template-columns:1fr}
  .sidebar{display:none}
}