:root{--bg: #f5efe4;--bg-2: #e8ddca;--card: #fffef9;--ink: #2a241d;--accent: #0f7a5f;--accent-2: #f0762f;--muted: #706a63;--danger: #c82f2f}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,#ffe8b2 0,transparent 35%),radial-gradient(circle at 85% 20%,#c6f6e6 0,transparent 38%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}h1{margin:0;font-size:1.9rem}p{margin:6px 0 0;color:var(--muted)}.tabs{display:flex;gap:8px;margin:12px 0 18px;flex-wrap:wrap}button,select,input{font:inherit;border-radius:10px;border:1px solid #c7bda8;padding:10px 12px;background:#fff}button{background:var(--accent);color:#fff;border:none;cursor:pointer}button.ghost{background:#fff;color:var(--ink);border:1px solid #bfb09b}.tabs button{background:#f7f1e8;color:var(--ink);border:1px solid #cabca6}.tabs button.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.grid{display:grid;gap:12px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid #d8ccb8;border-radius:16px;padding:14px;box-shadow:0 8px 18px #26190014}.metric h3{margin:0;font-size:.95rem;color:var(--muted)}.metric strong{display:block;margin-top:8px;font-size:2rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee2d0;white-space:nowrap}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-size:.8rem;background:#ece7de}.pill.success{background:#d5f5e6}.pill.failed,.pill.dropped{background:#ffdcdc}.pill.processing,.pill.queued,.pill.received{background:#fff3ce}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap-sm{gap:8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);display:grid;gap:10px}.error{color:var(--danger)}.banner{margin-bottom:12px}pre{background:#131313;color:#f4f4f4;padding:10px;border-radius:10px;max-height:260px;overflow:auto}@media (max-width: 900px){.cols-4,.cols-2{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}}