:root {font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#162436;background:#f3f6f7}
*{box-sizing:border-box}body{margin:0}
.shell{max-width:1100px;margin:auto;padding:24px}
header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 28px;border-bottom:1px solid #d5dee2;margin-bottom:24px}
.brand{font-weight:800;font-size:25px;letter-spacing:-.8px}.brand span{color:#13887e}
.subtitle{color:#637486;font-size:13px;margin-top:3px}
.tag{font-size:12px;background:#d9efeb;color:#126d63;padding:7px 10px;border-radius:99px;font-weight:700;white-space:nowrap}
.tag.muted{background:#f3f2ef;color:#755b30}.tag.warn{background:#fde8e4;color:#9a2f24}
.panel{background:#fff;border:1px solid #dbe3e9;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 5px 18px rgba(20,44,66,.035)}
h1{margin:0 0 7px;font-size:21px}h2{margin:0 0 8px;font-size:16px}
p{color:#566777;margin:5px 0 16px;font-size:14px;line-height:1.45}
.headingrow{display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap}
label{display:block;color:#51616e;font-weight:700;font-size:12px;margin-bottom:8px}
select,input,textarea{font:inherit;border:1px solid #b7c6ce;border-radius:9px;padding:12px;background:#fff;color:#183249;max-width:100%}
textarea{display:block;width:100%;resize:vertical;margin-bottom:10px;min-height:72px;font-family:ui-monospace,Consolas,monospace;font-size:12px}
button{border:0;background:#147f76;color:#fff;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer;font-size:14px}
button:disabled{background:#bac7cc;cursor:not-allowed}
.secondary{background:#e6eded;color:#233e43}.danger{background:#fbefed;color:#b53d31}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.status{font-size:13px;color:#526877;padding:10px 0;min-height:34px}
.status.error{color:#b93232}.status.success{color:#087d5c}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0 4px}
.metrics div{background:#eef5f5;border-radius:10px;padding:12px 14px}
.metrics small{display:block;color:#5c707b;text-transform:uppercase;font-weight:700;letter-spacing:.5px;font-size:11px}
.metrics strong{display:block;margin-top:4px;font-size:16px;overflow-wrap:anywhere}
.feed{display:flex;flex-column;flex-direction:column;gap:12px;margin-top:8px;max-height:420px;overflow-y:auto}
.caption{border:1px solid #dee8e7;border-left:5px solid #14867d;background:#fbfdfd;border-radius:12px;padding:17px 18px}
.caption.from-es{border-left-color:#b47937}
.langlabel{text-transform:uppercase;letter-spacing:.07em;color:#667985;font-weight:700;font-size:11px}
.primary{font-size:22px;font-weight:650;line-height:1.38;margin:8px 0}
.secondaryline{font-size:14px;color:#627583;line-height:1.4}
.empty{padding:25px;text-align:center}
table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
th,td{text-align:left;padding:8px;border-bottom:1px solid #e6eeee;vertical-align:top}
.pass{color:#087d5c;font-weight:700}.fail{color:#b93232;font-weight:700}
.banner{background:#fff6e5;border:1px solid #ead7a8;color:#6a5416;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}
#qrHost svg,#qrViewer svg{width:220px;height:220px}
.invite-card{border:1px dashed #b7c6ce;border-radius:12px;padding:14px;margin-top:12px}
footer{text-align:center;color:#71818b;font-size:12px;padding:16px 0 30px;line-height:1.5}
[hidden]{display:none!important}
@media(max-width:570px){.shell{padding:14px}.panel{padding:17px}.primary{font-size:19px}.brand{font-size:22px}}