:root{--ink:#1d2939;--muted:#667085;--line:#d0d5dd;--bg:#f7f8fa;--card:#fff;--blue:#155eef;--green:#067647;--orange:#b54708;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}a{color:var(--blue);text-decoration:none}.top{display:flex;gap:20px;align-items:center;padding:13px max(18px,calc((100% - 1200px)/2));background:#101828;color:#fff;flex-wrap:wrap}.brand{font-weight:750;color:#fff;font-size:18px}.top nav{display:flex;gap:13px;flex-wrap:wrap}.top nav a,.link{color:#e4e7ec;background:transparent;border:0;padding:3px;cursor:pointer;font:inherit}.user{margin-left:auto;display:flex;gap:10px;align-items:center}.user form{margin:0}.container{max-width:1200px;margin:24px auto;padding:0 18px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-head h1{margin:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin:18px 0}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 1px 2px #1018280a}.card .number{font-size:25px;font-weight:750;margin-top:4px}.panel{margin:16px 0}.panel h2,.panel h3{margin-top:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid #eaecf0;vertical-align:top}th{font-size:12px;letter-spacing:.02em;color:var(--muted);background:#f9fafb}tr:hover td{background:#fcfcfd}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eaecf0;color:#344054;font-size:12px;font-weight:650}.badge.confirmed,.badge.completed{background:#dcfae6;color:var(--green)}.badge.draft,.badge.pending,.badge.unknown{background:#fff1d6;color:var(--orange)}.badge.failed,.badge.unreadable{background:#fee4e2;color:var(--red)}.button{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:7px;padding:8px 12px;font-weight:650;cursor:pointer}.button.secondary{background:#fff;color:#344054;border:1px solid var(--line)}form.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}label{display:grid;gap:4px;font-weight:600;font-size:13px}input,select,textarea{font:inherit;padding:7px;border:1px solid #98a2b3;border-radius:6px;background:#fff}textarea{min-height:80px}.flash{padding:10px 12px;border-radius:8px}.flash.ok{background:#dcfae6;color:#05603a}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-c,.status-m{color:#155eef;font-weight:700}.status-p,.status-af{color:#067647;font-weight:700}.warning{border-left:4px solid var(--orange);padding-left:12px}.danger{border-left:4px solid var(--red);padding-left:12px}.details{white-space:pre-wrap;max-height:480px;overflow:auto;background:#101828;color:#f2f4f7;padding:12px;border-radius:6px;font-size:12px}@media(max-width:700px){.top{padding:12px 16px}.top nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.user{margin-left:0}.container{margin:16px auto;padding:0 12px}.two{grid-template-columns:1fr}.page-head{align-items:flex-start}}