:root{--bg: #f1f4ef;--paper: #ffffff;--line: #d4dccf;--text: #172014;--muted: #5f6e5a;--accent: #0d7a57;--accent-strong: #085d42;--ok: #1d764f;--warn: #8a5c14;--danger: #9c2c2f}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(circle at 0 0,#fbfff4 0,var(--bg) 58%)}.page{width:min(1200px,95vw);margin:20px auto 40px}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(120deg,#fff,#e8f3ea);border:1px solid var(--line);border-radius:16px;padding:20px}.eyebrow{margin:0;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}h1{margin:8px 0}.sub{margin:0;color:var(--muted)}.stats{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}.card p{margin:0;color:var(--muted)}.card strong{font-size:1.8rem}.card .small{font-size:.92rem;line-height:1.4}.error{color:var(--danger)}.loading{color:var(--muted)}.tableWrap{margin-top:16px;border-radius:12px;overflow:auto;border:1px solid var(--line);background:var(--paper)}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}.msg{max-width:280px;white-space:pre-wrap}.empty{text-align:center;color:var(--muted);padding:22px}.actions{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:999px;border:1px solid;padding:3px 10px;font-size:.75rem;font-weight:700}.badge.ok{color:var(--ok);border-color:#b6e2cd;background:#e8f8ee}.badge.warn{color:var(--warn);border-color:#ebd6b8;background:#fff6e7}.badge.danger{color:var(--danger);border-color:#f0c1c3;background:#fff0f0}.btn{border:1px solid transparent;border-radius:9px;padding:8px 12px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:var(--accent)}.btn-secondary{color:var(--text);background:#f2f6f0;border-color:var(--line)}@media (max-width: 900px){.hero{flex-direction:column;align-items:flex-start}}