:root{--teal:#0f9d94;--teal-dark:#0b7a73;--teal-soft:#e6f6f5;--line:#e3e8ee;--text:#1c2b33;--mute:#6b7c86;--ok:#1a9d5b;--bad:#d64545;--bg:#f5f8fa;--shadow:0 1px 2px rgba(16,40,50,.05), 0 4px 14px rgba(16,40,50,.05)}*{box-sizing:border-box;margin:0;padding:0}body{font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);height:100vh;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}header{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.logo{font-weight:800;color:var(--teal);font-size:18px;letter-spacing:-.3px}.logo:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--teal);margin-right:8px;box-shadow:0 0 0 4px var(--teal-soft)}.ws{display:flex;align-items:center;gap:10px}.ws select{width:auto;min-width:160px;font-weight:600}.body{flex:1;display:flex;min-height:0}nav{width:220px;background:#fff;border-right:1px solid var(--line);padding:18px 12px}nav a{display:block;padding:10px 14px;border-radius:9px;color:var(--mute);cursor:pointer;margin-bottom:3px;font-weight:500;transition:background .15s,color .15s}nav a:hover{background:var(--teal-soft);color:var(--teal-dark)}nav a.active{background:var(--teal);color:#fff;box-shadow:0 2px 8px #0f9d9459}main{flex:1;overflow:auto;padding:32px 40px}.page{max-width:980px;margin:0 auto}h2{font-size:22px;letter-spacing:-.3px;margin-bottom:4px}.sub{color:var(--mute);margin-bottom:22px}.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card .card{box-shadow:none;background:#fafcfc;border-radius:10px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}th{color:var(--mute);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;background:#fafcfc}tr.row:hover{background:var(--teal-soft);cursor:pointer}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;margin-left:6px}.badge.ok{background:#e3f6ec;color:var(--ok)}.badge.bad{background:#fbe9e9;color:var(--bad)}.badge.draft{background:#eef1f3;color:var(--mute)}button{background:var(--teal);color:#fff;border:1px solid transparent;padding:8px 16px;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:background .15s,transform .05s}button:hover{background:var(--teal-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.ghost{background:#fff;color:var(--teal-dark);border-color:var(--teal)}button.ghost:hover{background:var(--teal-soft)}button.danger{background:#fff;color:var(--bad);border-color:#f0b9b9}button.danger:hover{background:#fbe9e9}label{display:block;color:var(--mute);font-size:12px;font-weight:600;margin:16px 0 5px}input,select,textarea{width:100%;border:1px solid var(--line);padding:9px 12px;border-radius:9px;font:inherit;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}textarea{min-height:160px;resize:vertical}code{background:var(--teal-soft);color:var(--teal-dark);padding:1px 6px;border-radius:5px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat .v{font-size:28px;font-weight:800;color:var(--teal-dark);letter-spacing:-.5px}.stat .l,.mute{color:var(--mute);font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.agent-head b{font-size:17px}.actions{display:flex;gap:8px}.kv{display:grid;grid-template-columns:140px 1fr;gap:12px 16px;align-items:start}.kv .k{color:var(--mute);font-size:12px;font-weight:600;padding-top:3px}.prompt{background:#f6f9f9;border:1px solid var(--line);border-radius:9px;padding:10px 12px;white-space:pre-wrap;font-size:13px;max-height:120px;overflow:auto}.chip{display:inline-block;padding:2px 11px;margin:0 6px 4px 0;border-radius:99px;background:var(--teal-soft);color:var(--teal-dark);font-size:12px;font-weight:500}.error{color:var(--bad);margin-top:10px;font-size:13px}.chat{display:flex;flex-direction:column;gap:8px;margin-top:14px}.msg{max-width:80%;padding:8px 13px;border-radius:14px 14px 14px 4px;background:#eef1f3}.msg.user{align-self:flex-end;background:var(--teal-soft);border-radius:14px 14px 4px}.empty{color:var(--mute);padding:32px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:14px}@media (max-width:760px){nav{width:64px;padding:12px 6px}nav a{padding:10px 6px;font-size:11px;text-align:center}main{padding:20px 16px}.two,.stats{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:4px}}