@charset "UTF-8";:root{--trx-accent: #0f766e;--trx-accent-contrast: #ffffff;--trx-radius: 10px;--trx-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--trx-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--trx-density: 1;--trx-bg: #f8fafc;--trx-surface: #ffffff;--trx-border: #e2e8f0;--trx-sidebar-bg: #0f172a;--trx-sidebar-text: #e2e8f0;--trx-text: #0f172a;--trx-text-dim: #64748b;--trx-status-received: #64748b;--trx-status-delivered: #16a34a;--trx-status-retrying: #d97706;--trx-status-error: #dc2626;--trx-flag: #d97706;--trx-space: 4px;--trx-shadow: 0 1px 2px rgba(15, 23, 42, .04)}body{margin:0;font-family:var(--trx-font-ui);font-size:14px;line-height:1.45;background:var(--trx-bg);color:var(--trx-text);-webkit-font-smoothing:antialiased}code,kbd,pre{font-family:var(--trx-font-mono)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}:focus-visible{outline:2px solid var(--trx-accent);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--trx-accent) 22%,transparent)}.mono{font-family:var(--trx-font-mono)}.page{display:flex;flex-direction:column;gap:calc(var(--trx-space) * 4);max-width:1440px;margin:0 auto;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--trx-space) * 3);flex-wrap:wrap}.page-title{font-size:20px;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--trx-text)}.page-sub{font-size:13px;color:var(--trx-text-dim);margin:2px 0 0}.card{background:var(--trx-surface);border:1px solid var(--trx-border);border-radius:var(--trx-radius);box-shadow:var(--trx-shadow)}.card-pad{padding:calc(var(--trx-space) * 4)}.card-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--trx-text-dim);margin:0 0 calc(var(--trx-space) * 3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--trx-space) * 1.5);border:1px solid var(--trx-border);border-radius:8px;background:var(--trx-surface);color:var(--trx-text);font:600 13px var(--trx-font-ui);padding:calc(var(--trx-space) * 1.75) calc(var(--trx-space) * 3.5);cursor:pointer;transition:background .12s,border-color .12s,color .12s,opacity .12s;white-space:nowrap}.btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--trx-accent);border-color:var(--trx-accent);color:var(--trx-accent-contrast)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--trx-accent) 88%,#000);border-color:color-mix(in srgb,var(--trx-accent) 88%,#000)}.btn-danger{background:var(--trx-status-error);border-color:var(--trx-status-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-ghost{border-color:transparent;background:transparent;color:var(--trx-text-dim)}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:var(--trx-text)}.btn-sm{padding:3px calc(var(--trx-space) * 2.5);font-size:12px;border-radius:6px}.field{display:flex;flex-direction:column;gap:calc(var(--trx-space) * 1)}.field>label{font-size:12px;font-weight:600;color:var(--trx-text-dim)}.control{border:1px solid var(--trx-border);border-radius:8px;background:var(--trx-surface);color:var(--trx-text);font:400 13px var(--trx-font-ui);padding:calc(var(--trx-space) * 1.75) calc(var(--trx-space) * 2.5);transition:border-color .12s;min-width:0}.control:focus{outline:none;border-color:var(--trx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--trx-accent) 15%,transparent)}select.control{cursor:pointer}.table-wrap{overflow:auto}.trx-table{width:100%;border-collapse:collapse;font-size:13px}.trx-table th{position:sticky;top:0;z-index:1;background:var(--trx-surface);text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--trx-text-dim);padding:calc(var(--trx-space) * 2) calc(var(--trx-space) * 3);border-bottom:1px solid var(--trx-border);white-space:nowrap}.trx-table td{padding:calc(var(--trx-space) * 2) calc(var(--trx-space) * 3);border-bottom:1px solid #eef2f7;vertical-align:middle;white-space:nowrap}.trx-table tbody tr{transition:background .12s}.trx-table tbody tr:hover{background:#f1f5f9}.trx-table tbody tr.clickable{cursor:pointer}.trx-table tr.new-row{animation:trx-new-row 2s ease-out forwards}@keyframes trx-new-row{0%,35%{background:color-mix(in srgb,var(--trx-accent) 14%,transparent)}to{background:transparent}}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--trx-text)}.filter-chip{border:1px solid var(--trx-border);border-radius:999px;background:var(--trx-surface);color:var(--trx-text-dim);font:600 12px var(--trx-font-ui);padding:3px calc(var(--trx-space) * 3);cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.filter-chip:hover{border-color:#cbd5e1}.filter-chip.active{background:color-mix(in srgb,var(--chip-c, var(--trx-accent)) 11%,transparent);border-color:color-mix(in srgb,var(--chip-c, var(--trx-accent)) 40%,transparent);color:var(--chip-c, var(--trx-accent))}.banner{display:flex;align-items:center;gap:calc(var(--trx-space) * 2);padding:calc(var(--trx-space) * 2.5) calc(var(--trx-space) * 4);border-radius:var(--trx-radius);font-size:13px;font-weight:500}.banner-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.banner-warn{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.kbd{display:inline-block;border:1px solid var(--trx-border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:var(--trx-font-mono);font-size:11px;line-height:1.6;background:#f8fafc;color:var(--trx-text-dim)}.dim{color:var(--trx-text-dim)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;border-radius:50%;animation:trx-spin .7s linear infinite;flex:none}@keyframes trx-spin{to{transform:rotate(360deg)}}.inline-error{display:flex;flex-direction:column;align-items:center;gap:calc(var(--trx-space) * 2);padding:calc(var(--trx-space) * 10) calc(var(--trx-space) * 4);text-align:center;color:var(--trx-text-dim);font-size:13px}.inline-error .headline{font-weight:600;color:var(--trx-text);font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}