:root{--bg: #f2f6ff;--card: #ffffff;--line: #d7e1ef;--text: #12304f;--muted: #526579;--primary: #1f6fe5;--danger: #cf3a44;--ok: #0e8b5b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#dce7ff,#f2f6ff 45%,#ecf2f9);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:20px}h1{margin:0 0 8px}.muted{color:var(--muted);margin:0 0 14px}.banner{border:1px solid #b8dfc9;background:#e9f8ef;color:#11673c;border-radius:8px;padding:8px 12px;margin-bottom:10px}.banner.error{border-color:#f0bcc1;background:#ffedf0;color:#9f2230}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}button{border:0;border-radius:8px;padding:9px 14px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}button.danger{background:var(--danger)}button.ok{background:var(--ok)}button:disabled{opacity:.6;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px}.label{color:var(--muted);font-size:12px}.value{font-size:22px;font-weight:700}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px}.panel h3{margin:0 0 8px}pre{margin:0;max-height:260px;overflow:auto;background:#09172f;color:#d9e6ff;border-radius:8px;padding:10px;font-size:12px}.table-wrap{max-height:280px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:7px 6px}th{color:var(--muted)}@media (max-width: 900px){.grid-two{grid-template-columns:1fr}}