:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f2f4f7;--border:#e5e7eb;--border-strong:#d0d5dd;--text:#18181b;--text-muted:#5b6472;--text-subtle:#98a2b3;--accent:#2563eb;--accent-hover:#1d4ed8;--ring:0 0 0 3px #2563eb2e;--st-sent-bg:#ecfdf3;--st-sent-fg:#027a48;--st-sent-dot:#12b76a;--st-sending-bg:#eff4ff;--st-sending-fg:#1849a9;--st-sending-dot:#2e90fa;--st-pending-bg:#f2f4f7;--st-pending-fg:#475467;--st-pending-dot:#98a2b3;--st-dead-bg:#fef3f2;--st-dead-fg:#b42318;--st-dead-dot:#f04438;--st-cancelled-bg:#f2f4f7;--st-cancelled-fg:#667085;--st-cancelled-dot:#667085;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 1px 2px #1018280a;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 8px 24px #1018281f;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--transition:.15s ease;color:var(--text);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3{margin:0}::selection{background:#2563eb29}button,input,select,textarea{font:inherit;color:inherit}button{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition);font-size:13px;font-weight:500;display:inline-flex}button:hover{background:var(--surface-3)}button:focus-visible{box-shadow:var(--ring);outline:none}button.primary{border-color:var(--text);background:var(--text);color:#fff}button.primary:hover{background:#000;border-color:#000}button.danger{background:var(--surface);color:var(--st-dead-fg);border-color:#fda29b}button.danger:hover{background:var(--st-dead-bg);border-color:var(--st-dead-dot)}button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover{background:var(--surface)}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:36px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}select{cursor:pointer}textarea{resize:vertical;min-height:116px;font-family:var(--font-mono);padding:9px 10px;font-size:12px;line-height:1.5}textarea.textarea-compact{min-height:72px}label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:600;display:grid}pre{max-height:360px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);margin:0;font-size:12px;line-height:1.5;overflow:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand:before{content:"";width:28px;height:28px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:8px;flex:none}.brand h1{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.2}.brand span{color:var(--text-muted);white-space:nowrap;font-size:12px}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.language-toggle{min-width:64px}.nav{gap:var(--space-1);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex}.nav button{min-height:42px;padding:0 var(--space-3);color:var(--text-muted);text-transform:capitalize;background:0 0;border:none;border-radius:0;font-size:13px;font-weight:500;box-shadow:inset 0 -2px #0000}.nav button:hover{color:var(--text);background:0 0}.nav button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--text);font-weight:600}.nav button:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--ring)}.page{gap:var(--space-4);padding:var(--space-6);display:grid}.split{gap:var(--space-4);grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.panel-header h2{letter-spacing:-.01em;font-size:14px;font-weight:600}.panel-body{gap:var(--space-4);padding:var(--space-4);display:grid}.form-grid{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .wide{grid-column:1/-1}.field-group{gap:6px;display:grid}.field-label{color:var(--text-muted);font-size:12px;font-weight:600}.choice-list{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);max-height:220px;overflow-y:auto}.choice-row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;padding:9px 10px;display:flex}.choice-row:last-child{border-bottom:0}.choice-row:hover{background:var(--surface-2)}.choice-row input{width:16px;min-height:16px;padding:0}.choice-copy{min-width:0;color:var(--text);display:grid}.choice-copy strong{font-size:13px;font-weight:600}.choice-copy small{overflow-wrap:anywhere;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-note,.secret-hint{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);padding:9px 10px;font-size:12px;line-height:1.45}.secret-hint{color:#1849a9;background:#eff4ff;border-color:#c7d7fe}.check-row{align-items:center;gap:var(--space-2);min-height:36px;padding-top:20px;display:flex}.check-row input{width:16px;min-height:16px;padding:0}.advanced-json{gap:var(--space-3);display:grid}.advanced-json summary{cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:600}.advanced-json[open]{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.advanced-json[open] summary{margin-bottom:var(--space-3)}td button{min-height:30px;padding:0 10px;font-size:12px}.metrics{gap:var(--space-3);grid-template-columns:repeat(6,minmax(120px,1fr));display:grid}.metric{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);flex-direction:column;display:flex}.metric:hover{box-shadow:var(--shadow)}.metric span{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.metric strong{letter-spacing:-.02em;color:var(--text);font-size:26px;font-weight:600;line-height:1.1}.metric--pending span:before,.metric--sending span:before,.metric--sent span:before,.metric--dead span:before,.metric--cancelled span:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.metric--pending span:before{background:var(--st-pending-dot)}.metric--sending span:before{background:var(--st-sending-dot)}.metric--sent span:before{background:var(--st-sent-dot)}.metric--dead span:before{background:var(--st-dead-dot)}.metric--cancelled span:before{background:var(--st-cancelled-dot)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}thead th{background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600;position:sticky;top:0}th,td{padding:10px var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background:var(--surface-2)}tbody tr:hover{background:var(--surface-3)}tbody tr:last-child td{border-bottom:none}.status{border-radius:var(--radius-full);background:var(--surface-3);min-height:22px;color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.status.sent{background:var(--st-sent-bg);color:var(--st-sent-fg)}.status.sent:before{background:var(--st-sent-dot)}.status.sending{background:var(--st-sending-bg);color:var(--st-sending-fg)}.status.sending:before{background:var(--st-sending-dot)}.status.pending{background:var(--st-pending-bg);color:var(--st-pending-fg)}.status.pending:before{background:var(--st-pending-dot)}.status.dead{background:var(--st-dead-bg);color:var(--st-dead-fg)}.status.dead:before{background:var(--st-dead-dot)}.status.cancelled{background:var(--st-cancelled-bg);color:var(--st-cancelled-fg)}.status.cancelled:before{background:var(--st-cancelled-dot)}.notice{align-items:flex-start;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius);color:#1849a9;background:#eff4ff;border:1px solid #c7d7fe;font-size:13px;display:flex}.notice.error,.error{background:var(--st-dead-bg);color:var(--st-dead-fg);border-color:#fda29b}.auth{min-height:100vh;padding:var(--space-5);background:var(--bg);place-items:center;display:grid}.auth-language-toggle{top:var(--space-4);right:var(--space-4);position:fixed}.auth-panel{width:min(400px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.auth-brand{justify-items:center;gap:var(--space-2);margin-bottom:var(--space-5);text-align:center;display:grid}.auth-logo{width:40px;height:40px;box-shadow:var(--shadow);background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:10px}.auth-brand h1{letter-spacing:-.02em;font-size:20px;font-weight:600}.auth-brand p{color:var(--text-muted);margin:0;font-size:13px}.auth-panel .panel-body{gap:var(--space-3);padding:0}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:12px}@media (width<=980px){.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.topbar,.nav,.page{padding-left:var(--space-4);padding-right:var(--space-4)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media (width<=520px){.topbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.topbar-actions{justify-content:space-between}.metrics{grid-template-columns:1fr}}