:root{--nav:#0f172a;--bg:#f5f7fb;--card:#fff;--line:#e5e7eb;--muted:#64748b;--accent:#2563eb;--ok:#059669;--warn:#d97706}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Arial,sans-serif;background:var(--bg);color:#172033}.top{background:var(--nav);color:white;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.top b{font-size:20px}.nav{background:#fff;border-bottom:1px solid var(--line);padding:0 24px;display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:14px 12px;color:#334155;text-decoration:none;font-weight:700}.nav a:hover{color:var(--accent)}.wrap{max-width:1250px;margin:28px auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.kpi strong{font-size:28px;display:block}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;background:var(--accent);color:white;text-decoration:none;font-weight:700;cursor:pointer}.btn.gray{background:#475569}.btn.green{background:var(--ok)}.btn.orange{background:var(--warn)}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}label{display:block;font-weight:700;margin:10px 0 5px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#e2e8f0;font-size:12px;font-weight:700}.ok{background:#d1fae5;color:#065f46}.warn{background:#fef3c7;color:#92400e}.notice{padding:14px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:18px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}}

.notice.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.badge.bad{background:#fee2e2;color:#991b1b}pre{white-space:pre-wrap;max-width:520px;overflow:auto;font-size:12px}

.secret-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.secret-row .btn{height:42px}.api-result{padding:12px;border-radius:10px;margin-top:12px}.api-result.good{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.api-result.bad{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.small-link{font-weight:700;color:#2563eb;text-decoration:none}