:root{--bg:#0b1220;--panel:#0f1a33;--text:#e7eefc;--muted:#a9b7d6;--line:rgba(231,238,252,.12);--accent:#7aa7ff;--ok:#71e1b7;--warn:#ffd27a}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1000px 700px at 20% 0%,#132657 0%,var(--bg) 55%)}.container{max-width:1100px;margin:0 auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#7aa7ff1a,#7aa7ff0a)}h1{margin:0;font-size:18px}.small{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);border-radius:18px;background:#0f1a33a6;overflow:hidden}.ph{padding:12px 14px;border-bottom:1px solid var(--line);background:#0d1730cc;display:flex;justify-content:space-between;align-items:center}.pb{padding:14px}.btn{border:1px solid var(--line);background:#0f1a33d9;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-size:13px}.btn.primary{border-color:#7aa7ff8c;background:#7aa7ff2e}.btn:hover{border-color:#7aa7ff80}.input,.select{width:100%;padding:10px;border-radius:12px;border:1px solid var(--line);background:#0d1730cc;color:var(--text);outline:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}label{font-size:12px;color:var(--muted)}.hr{height:1px;background:var(--line);margin:12px 0}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:var(--muted)}.badge.ok{border-color:#71e1b766;color:var(--ok)}.badge.warn{border-color:#ffd27a66;color:var(--warn)}.tree ul{list-style:none;padding-left:18px;margin:6px 0}.tree li{margin:6px 0}.node{display:flex;align-items:center;gap:8px}.link{color:var(--accent);cursor:pointer}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 980px){.grid{grid-template-columns:1fr}}