:root{font-family:"Yu Gothic UI",Meiryo,sans-serif;color:#24364b;background:#edf2f7;font-size:14px;font-synthesis:none;--blue:#275bb8;--border:#d7e0eb;--muted:#596d85}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:36px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font:11px Consolas,monospace;letter-spacing:.1em;color:var(--blue);margin:0 0 10px}h1{font-size:26px;margin:0 0 9px;letter-spacing:.01em}p{line-height:1.7;margin:6px 0;color:var(--muted)}#status{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:30px;padding:9px 16px;font-weight:700}#status[data-state=running]{color:#12694e;background:#e4f4ed;border-color:#b2ddcc}#status[data-state=error]{color:#aa3434;background:#fff1f0;border-color:#e8babb}section{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.controls{padding:24px}.fields{display:flex;align-items:end;gap:20px;flex-wrap:wrap}label{display:block;font-weight:600;font-size:13px}input,select,button{font:inherit;min-height:42px;border:1px solid #acbdd1;border-radius:5px;background:#fff;color:inherit}input,select{display:block;margin-top:7px;padding:8px 12px}#obniz-id{font:18px Consolas,monospace;width:230px}button{padding:9px 20px;cursor:pointer;font-weight:600}button:hover:enabled{background:#edf3fe}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover:enabled{background:#194795}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #7cb0fa;outline-offset:3px}.actions{display:flex;gap:10px;margin-left:auto}details{margin-top:20px;border-top:1px solid #e8edf3;padding-top:14px}summary{cursor:pointer;color:var(--muted)}details label{margin-top:14px;max-width:520px}#token{width:100%}.note{font-size:12px;margin:16px 0 0}.monitor{padding:24px}.monitor-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:17px;margin:0}#total{font:22px Consolas,monospace;color:var(--blue);white-space:nowrap}.fleet{margin:20px 0;display:grid;grid-template-columns:repeat(50,1fr);gap:4px}.dot{height:16px;border-radius:2px;background:#e4eaf2}.dot.sent{background:#8fb5e5}.dot.active{background:#275bb8;box-shadow:0 0 0 2px #adc9ef}.dot.box.sent{background:#80c4b7}.dot.box.active{background:#167564;box-shadow:0 0 0 2px #b0e1d6}.current{display:flex;align-items:center;gap:16px;border-top:1px solid #e8edf3;padding-top:18px;flex-wrap:wrap}.current>span{font-size:12px;color:var(--muted)}code{font:13px Consolas,monospace}#packet-count{margin-left:auto}#notice{padding:12px 16px;background:#fff2ec;border-left:3px solid #bf4d2f;color:#843822;margin-top:18px}.list-heading{padding:18px 24px;border-bottom:1px solid var(--border)}.filter{margin-left:auto;display:flex;gap:12px;align-items:center}.filter select{margin:0}.table-scroll{max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f5f8fc;color:var(--muted);font-size:12px;z-index:1}th,td{padding:12px 24px;border-bottom:1px solid #e8edf3}td:nth-child(2),td:nth-child(3){font-family:Consolas,monospace}tr.active{background:#f1f6ff}footer{font-size:11px;color:var(--muted);line-height:1.8}footer span{float:right}@media(max-width:760px){main{padding:22px 14px}h1{font-size:21px}header{align-items:start}.controls,.monitor{padding:18px}.fields{gap:14px}.actions{margin-left:0;width:100%}.actions button{flex:1}.fleet{grid-template-columns:repeat(25,1fr);gap:3px}.dot{height:12px}.current{gap:10px}#packet-count{margin-left:0}.list-heading{padding:16px;flex-wrap:wrap}.filter{margin-left:0}th,td{padding:10px 16px}footer span{float:none;display:block}}
.history-note,#history-empty{padding:0 24px;font-size:12px}.history-note{margin:14px 0}#history-empty{margin:18px 0}#history-size{margin-left:auto;font-size:12px;color:var(--muted)}.history-scroll{max-height:360px}.history td:nth-child(2){font-family:inherit}.history td:nth-child(3),.history td:nth-child(4){font-family:Consolas,monospace}.history td:nth-child(5){white-space:normal;min-width:270px;font-size:12px;line-height:1.7}.history td details{margin:0;padding:0;border:0}.history td summary{font-size:12px}.history td code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;min-width:270px;max-width:360px;padding-top:8px;font-size:11px}.history th:first-child{min-width:185px}