:root{color:#17202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}main{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{color:#f8fafc;background:#18212b;padding:24px}.brand{align-items:center;gap:10px;margin-bottom:32px;font-size:18px;font-weight:700;display:flex}.nav{gap:8px;margin-bottom:18px;display:grid}.nav button{background:0 0;justify-content:flex-start}.nav button.active,.nav button:hover{background:#263443}label{gap:8px;display:grid}input,select,textarea{border:1px solid #cbd5df;border-radius:6px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:92px}button{color:#fff;cursor:pointer;background:#1c6b5a;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}.token-row{grid-template-columns:1fr 42px;gap:8px;display:grid}.wide{width:100%;margin-top:14px}.secondary{background:#334155}.danger{background:#8d2a25}.error{background:#772f2f;border-radius:6px;margin-top:16px;padding:10px}.form-status{color:#1c5f51;background:#e8f3ef;border:1px solid #c4ded6;border-radius:6px;padding:9px 10px;font-size:13px}.form-status.warning{color:#7a4a09;background:#fff4df;border-color:#f0ce8a}.compact-textarea{min-height:64px;margin-top:10px}.large-textarea{min-height:180px}.test-form{border-bottom:1px solid #dbe3eb;margin-bottom:14px;padding-bottom:14px}.inline-edit{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.login-page{background:linear-gradient(135deg,#1c6b5a24,#19202a0a),#f4f6f8;grid-template-columns:1fr;place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell{background:#fff;border:1px solid #dbe3eb;border-radius:8px;width:100%;max-width:420px;padding:28px;box-shadow:0 18px 60px #17202a1f}.login-brand{color:#1c6b5a;align-items:center;gap:10px;margin-bottom:22px;font-size:17px;font-weight:800;display:flex}.login-form{gap:14px;margin-top:20px;display:grid}.workspace{padding:28px}.workspace-toolbar{justify-content:flex-end;align-items:center;gap:12px;min-height:38px;margin-bottom:16px;display:flex}.toolbar-status{color:#536575;font-size:13px}.toolbar-status.warning{color:#9a4b14}.user-menu{position:relative}.user-menu-button{justify-content:flex-start;min-width:150px}.user-menu-dropdown{z-index:30;background:#fff;border:1px solid #d8e0e8;border-radius:8px;min-width:180px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #17202a24}.user-menu-dropdown button{justify-content:flex-start;width:100%}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1,h2,p{margin:0}h1{font-size:30px}.tabs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tabs button{color:#263442;background:#e8edf2}.tabs button.active{color:#fff;background:#1c6b5a}h2{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;display:flex}.metrics{gap:10px;display:flex}.metrics span{background:#fff;border:1px solid #d8e0e8;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:flex}.hint{color:#506173;max-width:760px;margin-top:10px;line-height:1.5}.hint code{color:#17202a;background:#e8edf2;border-radius:4px;padding:2px 5px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);gap:18px;display:grid}.lower{margin-top:18px}.panel{background:#fff;border:1px solid #dbe3eb;border-radius:8px;padding:18px}.agent-list,.runs,.form{gap:12px;display:grid}.template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.template-card{border:1px solid #e0e6ed;border-radius:8px;gap:14px;padding:14px;display:grid}.agent{border:1px solid #e0e6ed;border-radius:8px;grid-template-columns:1fr auto;gap:14px;padding:14px;display:grid}.agent-title{font-weight:700}.muted{color:#667789;margin-top:2px;font-size:13px}.field-hint{color:#667789;font-size:12px}.scope{border-radius:999px;margin-top:8px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.scope.work{color:#1c6b5a;background:#e3f0ec}.scope.personal{color:#6442a8;background:#eee7fb}.scope.system{color:#315d9c;background:#e8edf6}.scope.disabled{color:#627080;background:#eef1f4}.agent p{color:#3c4b59;margin-top:8px}.topic-connections{color:#3c4b59;margin-top:8px;font-size:13px}.topic-connections ul{gap:3px;margin:5px 0 0;padding:0;list-style:none;display:grid}.topic-connections li,.topic-connections span{color:#667789}.agent-actions{align-items:start;gap:8px;display:flex}.tooltip-button{position:relative}.tooltip-button .tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:20;background:#17202a;border-radius:6px;max-width:220px;padding:7px 9px;font-size:12px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 10px 24px #17202a2e}.tooltip-button .tooltip:after{content:"";border:5px solid #0000;border-top-color:#17202a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-button:hover .tooltip,.tooltip-button:focus-visible .tooltip{opacity:1;transform:translate(-50%)translateY(0)}.check{color:#243241;align-items:center;gap:8px;display:flex}.check input{width:auto}.run-row{color:#17202a;text-align:left;background:#f7f9fb;border:1px solid #dce4eb;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.run-main{gap:3px;display:grid}.run-main small{color:#667789;font-size:12px}b{border-radius:999px;padding:3px 8px;font-size:12px}.clickable-status{cursor:pointer;text-underline-offset:2px;text-decoration:underline}.success{color:#13543f;background:#dff3e8}.failed{color:#8d2a25;background:#fae0df}.running,.queued{color:#1e4f83;background:#e1ecfb}.logs pre{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:8px;min-height:260px;margin:0;padding:14px;overflow:auto}.instruction,.token-result pre{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:8px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.token-result{border-top:1px solid #dbe3eb;margin-top:18px;padding-top:18px}.webhook-detail{color:#243241;gap:8px;margin-bottom:16px;font-size:13px;display:grid}@media (width<=900px){main,.grid{grid-template-columns:1fr}aside{padding:18px}header{flex-direction:column;align-items:stretch;gap:12px}}