:root{color:#17201b;font-synthesis:none;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#17633d;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.shell aside{color:#dce8df;background:#10271c;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{gap:4px;margin-bottom:38px;display:grid}.brand span,.eyebrow{letter-spacing:.16em;color:#f4b942;font-size:11px;font-weight:800}.brand strong{font-size:22px}.brand small{color:#91aa9b}.shell nav{gap:7px;display:grid}.shell nav a{color:#a9bdaf;border-radius:8px;padding:10px 12px}.shell nav a.active,.shell nav a:hover{color:#fff;background:#1c3b2a}.ghost{margin-top:auto;color:#b8c9bd!important;background:0 0!important;border:1px solid #42604c!important}main{width:100%;max-width:1500px;padding:46px;overflow:hidden}header{margin-bottom:28px}header h1{letter-spacing:-.03em;margin:5px 0 7px;font-size:34px}header p{color:#647269;margin:0}.metrics{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px;display:grid}.metrics article,.panel{background:#fff;border:1px solid #dde4dd;border-radius:12px;box-shadow:0 3px 14px #2238290a}.metrics article{gap:8px;padding:20px;display:grid}.metrics small{color:#66746a}.metrics strong{font-size:30px}.panel{margin-bottom:20px;padding:22px;overflow:hidden}.panel h2{margin:0 0 18px;font-size:17px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title h2{margin:0}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6d796f;text-transform:uppercase;letter-spacing:.08em;font-size:11px}th,td{vertical-align:top;border-bottom:1px solid #edf0ed;padding:13px 10px}tr:last-child td{border-bottom:0}code{color:#164f32;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:#839087;text-overflow:ellipsis;max-width:210px;font-size:12px;overflow:hidden}.filters{grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;margin-bottom:18px;display:grid}input,select{background:#fff;border:1px solid #cfd8d0;border-radius:8px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#19643e;border:0;border-radius:8px;padding:10px 15px;font-weight:700}.tag,.status{background:#edf2ee;border-radius:20px;padding:4px 8px;font-size:11px;display:inline-block}.status.delivered{color:#17633d;background:#e4f4e9}.status.failed,.status.dead_letter{color:#9c302c;background:#fae9e7}.status.pending,.status.processing{color:#765b14;background:#faf1d8}.state{text-align:center;color:#69756d;padding:50px}.state.error,.error-text{color:#a83a34}.success{color:#17633d}.json{color:#cfe1d4;background:#101b15;border-radius:8px;max-height:420px;padding:16px;font-size:12px;overflow:auto}.detail-grid{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.facts dl{grid-template-columns:90px 1fr;gap:10px;margin:0;display:grid}.facts dt{color:#77847b}.facts dd{overflow-wrap:anywhere;margin:0}.back{margin-bottom:18px;display:block}.login{background:#10271c;place-items:center;min-height:100vh;display:grid}.login form,.login-card{background:#fff;border-radius:14px;gap:18px;width:min(430px,90vw);padding:36px;display:grid}.login .brand{color:#16231b;margin-bottom:8px}.login label{gap:7px;font-size:13px;font-weight:700;display:grid}.secondary{color:#17633d!important;background:#edf2ee!important}.table-wrap{overflow:auto}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}}@media (width<=700px){.shell{display:block}.shell aside{height:auto;position:static}.shell nav{grid-template-columns:repeat(2,1fr)}.ghost{margin-top:20px}main{padding:24px 16px}.metrics{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}}