:root{color-scheme:light;--bg:#f4f5f7;--panel:#ffffff;--text:#18202a;--muted:#667180;--border:#d9dee5;--accent:#2f5d50;--accent-dark:#22483e;--danger:#a33131;--warning:#8a5a00;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.templateEditor textarea{display:block;width:100%;margin-top:8px;padding:14px;font:inherit;line-height:1.6;border:1px solid var(--border);border-radius:7px;resize:vertical}.templateHint{color:var(--muted);font-size:.85rem;margin-top:8px}.templateVariables{display:flex;gap:8px;flex-wrap:wrap}.templateVariables button{font-family:monospace;font-size:.8rem}.templateActions{margin:24px 0;flex-wrap:wrap}.templatePreview{padding:20px;background:var(--bg);border-radius:8px}.templatePreview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.templateTable{overflow-x:auto}.templateButtons{margin-top:24px;padding:16px;border:1px solid var(--border);border-radius:8px;min-width:0}.templateButtons label{display:block;margin-bottom:6px}.templateButtons input,.templateButtons select{width:100%;margin-bottom:12px}.templateButtons .panel{margin-bottom:12px}.templateButtons .headerActions{flex-wrap:wrap}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}a{color:var(--accent);text-underline-offset:.18em}button,input,select{font:inherit}a,button{outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15}.shell{min-height:100vh}.topbar{min-height:76px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);background:var(--panel)}.eyebrow{margin-bottom:5px;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.headerActions{display:flex;align-items:center;gap:12px}.environment{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.8rem;text-transform:uppercase}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:24px 16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border);background:#edf0f2}.sidebar a{padding:10px 12px;border-radius:7px;color:var(--text);font-weight:650;text-decoration:none}.sidebar a:focus-visible,.sidebar a:hover{background:var(--panel)}.content{width:100%;max-width:1500px;padding:32px;overflow:hidden}.pageHeading{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px}.actionCard,.detailItem,.metricCard,.panel,.statePanel{border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:0 1px 2px rgb(20 35 45/5%)}.metricCard{min-height:120px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.metricCard span{color:var(--muted)}.metricCard strong{font-size:2rem}.notice,.statePanel{margin:20px 0}.notice{padding:10px 12px;border-left:4px solid #bd8a2c;background:#fff8e7;color:#644300}.panel,.statePanel{padding:24px}.filters{margin-bottom:20px;padding:16px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.filters label,.loginForm label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.84rem;font-weight:650}input,select{min-height:39px;padding:8px 10px;border:1px solid #b8c0ca;border-radius:6px;background:#fff;color:var(--text)}.tableWrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:.84rem}td,th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:#f8f9fa;color:#4c5864;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.stackedValue{display:flex;flex-direction:column;gap:4px}.status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8edf1;color:#40505c;font-size:.74rem;font-weight:700;white-space:nowrap}.status-sent{background:#ddefe6;color:#155c3e}.status-failed,.status-failed_final{background:#f8dddd;color:#852424}.status-failed_retryable,.status-outcome_unknown,.status-processing{background:#fff0cf;color:#755000}.status-cancelled,.status-skipped{background:#ececef;color:#585866}.dangerButton,.primaryButton,.secondaryButton{min-height:39px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:700;text-decoration:none}.primaryButton{background:var(--accent);color:#fff}.primaryButton:hover{background:var(--accent-dark)}.secondaryButton{border-color:var(--border);background:#fff;color:var(--text)}.dangerButton{background:var(--danger);color:#fff}button:disabled{cursor:wait;opacity:.65}.pagination{margin-top:20px}.detailGrid{margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:12px;gap:12px}.detailItem{padding:16px;overflow-wrap:anywhere}.detailItem dt{margin-bottom:6px;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.detailItem dd{margin:0}.actionGrid{display:flex;flex-wrap:wrap;gap:14px}.actionCard{min-width:260px;padding:16px}.confirmLabel{margin-bottom:12px;display:flex;align-items:center;gap:8px}.confirmLabel input{min-height:auto}.secretField{margin-bottom:12px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.84rem;font-weight:650}.qrPanel{margin-bottom:24px}.qrImage{width:min(280px,100%);height:auto;padding:8px;border:1px solid var(--border);background:#fff}.successText{margin:10px 0 0;color:#126340}.errorText{margin:10px 0 0;color:#922f2f}.muted{color:var(--muted)}.loginPage{min-height:100vh;padding:30px;display:grid;place-items:center}.loginCard{width:min(430px,100%);padding:32px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 18px 45px rgb(20 35 45/10%)}.loginForm{margin:24px 0 18px;display:flex;flex-direction:column;gap:16px}.quietLink{color:var(--muted);font-size:.84rem}@media (max-width:760px){.workspace{display:block}.sidebar{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.content{padding:22px 16px}.topbar{align-items:flex-start}.pageHeading{display:block}}