:root{--navy: #0b2540;--green: #1e8e5a;--off-white: #f7f9fa;--grey: #6b7780;--line: #e3e8ec;--red: #c0392b}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Segoe UI,system-ui,Arial,sans-serif;color:var(--navy);background:var(--off-white)}a{color:var(--green)}code{background:var(--off-white);padding:1px 5px;border-radius:4px;font-size:.85em}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.card.login{width:340px;box-shadow:0 6px 24px #0b254014}.card.secret{border-color:var(--green);background:#f0faf4}h1{font-size:22px;margin:0 0 4px}h2{font-size:20px;margin:0}h3{font-size:15px;margin:0 0 10px}.muted{color:var(--grey)}.error{color:var(--red);margin:8px 0 0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--row-hover, #f2f6f9)}tr.detail-row td{background:var(--row-hover, #f2f6f9);font-size:13px}ul.rules{margin:6px 0 2px;padding-left:18px}ul.rules li{margin:2px 0}label{display:block;margin:12px 0 0;font-size:13px;color:var(--grey)}input,select{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}.filters input,.filters select{width:auto;margin-top:0}button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--navy);padding:0;font-weight:500;text-decoration:underline}.btn{display:inline-block;background:var(--green);color:#fff;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:20px 0}.brand{font-weight:600;padding:0 20px 16px}.sidebar nav{display:flex;flex-direction:column;flex:1}.sidebar nav a{color:#cdd6df;text-decoration:none;padding:11px 20px;font-size:14px}.sidebar nav a:hover{background:#ffffff0f}.sidebar nav a.active{background:#ffffff1f;color:#fff;border-left:3px solid var(--green)}.user{padding:16px 20px 0;display:flex;flex-direction:column;gap:6px;font-size:13px}.user .muted{color:#9fb0bd}.user .link{color:#fff;align-self:flex-start}.content{flex:1;padding:28px 32px;max-width:1100px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}th{background:var(--off-white);color:var(--grey);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}td.err{color:var(--red);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--off-white)}.pill.Active,.pill.Succeeded{background:#e3f6ec;color:var(--green)}.pill.Failed,.pill.Bounced{background:#fdecea;color:var(--red)}.pill.PendingConfirmation,.pill.Running{background:#fff4e0;color:#9a6b00}.pager{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:13px;color:var(--grey)}.pager button{background:#fff;color:var(--navy);border:1px solid var(--line)}
