:root{--top:#3d424e;--border:#c9ced5;--tab:#eef0f2;--text:#202329;--green:#75b62c;--blue:#168bd2}*{box-sizing:border-box}body{margin:0;font:14px Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.topbar{height:36px;background:var(--top);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-size:17px}.brand-bars{color:#efba34;letter-spacing:-4px;margin-right:7px}.toplinks{display:flex;align-items:center;gap:22px}.toplinks a,.toplinks button{color:#fff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}.toplinks form{margin:0}.tabs{display:flex;border-bottom:1px solid var(--border);padding-left:24px;background:#fafafa}.tabs a{padding:9px 22px;border-right:1px solid var(--border);border-left:1px solid transparent;text-decoration:none;color:#222;background:var(--tab)}.tabs a:first-child{border-left:1px solid var(--border)}.tabs a.active{background:#fff;font-weight:bold;border-top:2px solid #9baec2;margin-top:-1px}main{padding:12px 24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.toolbar form{display:inline-flex}.filters{display:flex;gap:6px}.summary{display:flex;gap:18px;font-weight:bold}.btn{display:inline-block;border:1px solid #aeb5bc;background:#eef0f2;color:#222;padding:6px 13px;text-decoration:none;border-radius:2px;cursor:pointer}.btn.green{background:linear-gradient(#86c43e,#69a923);border-color:#5e9a1e;color:#fff}.btn.blue{background:#168bd2;border-color:#0b79bd;color:#fff}input,select,textarea{width:100%;border:1px solid #bfc5cb;padding:7px 9px;background:#fff;font:inherit;border-radius:2px}select{min-width:160px}.filters input{width:220px}.table-wrap{overflow:auto;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:7px 9px;border-bottom:1px solid #d9dde1;text-align:left}th{background:#f4f5f6;font-weight:bold}tbody tr:hover{background:#f7fbfe}a{color:#147fb8}.empty{text-align:center;color:#777;padding:28px}.status{display:inline-block;padding:2px 7px;border-radius:2px;font-size:12px;font-weight:bold;text-transform:uppercase;background:#ddd}.s-sent{background:#dff0d8;color:#357b2c}.s-queued,.s-received{background:#d9edf7;color:#31708f}.s-sending{background:#fcf8e3;color:#8a6d3b}.s-retry{background:#ffe0b2;color:#9a5800}.s-failed{background:#f2dede;color:#a94442}.s-skipped,.s-duplicate{background:#e2e2e2;color:#555}.panel{max-width:920px;border:1px solid var(--border);padding:18px;margin-bottom:14px}.panel h1,.panel h2,h2{font-size:18px;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:230px minmax(260px,1fr);gap:10px 14px;align-items:start}.form-grid label{padding-top:8px;text-align:right;font-weight:bold}.form-grid input[type=checkbox]{width:auto;margin-top:8px}.form-grid small,.hint{display:block;color:#6d7379;margin-top:4px}.field-error,.error-text{color:#b30000}.message{padding:9px 12px;margin-bottom:10px;border:1px solid #bdd7a8;background:#eaf5e2}.message.error{border-color:#e0aaaa;background:#f9e3e3}.detail{max-width:1100px;border:1px solid var(--border);margin-bottom:16px}.detail th{width:140px}.detail td{white-space:normal}.break{word-break:break-all}pre{background:#f5f6f7;border:1px solid var(--border);padding:12px;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}.login-box{width:430px;margin:80px auto;border:1px solid var(--border);padding:24px}.login-box h1{font-size:20px;margin-top:0}@media(max-width:760px){.topbar{padding:0 10px}.tabs{padding-left:0;overflow:auto}.tabs a{padding:9px 14px}main{padding:10px}.toolbar{align-items:stretch;flex-direction:column}.filters{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid label{text-align:left}.login-box{width:auto;margin:40px 10px}}