:root{--green: #00a884;--green-dark: #008069;--bg: #f0f2f5;--panel: #fff;--border: #e3e6ea;--text: #111b21;--muted: #667781;--danger: #d9363e;--bubble-out: #d9fdd3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;margin-top:4px}textarea{resize:vertical}label{display:block;font-size:13px;color:var(--muted)}code{background:#f3f4f6;padding:1px 5px;border-radius:4px;font-size:12px}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover:not(:disabled){background:var(--green-dark)}button.danger{color:var(--danger)}button.small{padding:5px 10px;font-size:13px}button.link{border:none;background:none;color:var(--green-dark);padding:4px}.muted{color:var(--muted)}.pad{padding:12px 16px}.error{color:var(--danger);background:#fdecec;padding:8px 12px;border-radius:8px;font-size:14px}.success{color:var(--green-dark);background:#e7f8f2;padding:8px 12px;border-radius:8px;font-size:14px;margin-top:8px}.danger-text{color:var(--danger)}.card{background:var(--panel);border-radius:12px;box-shadow:0 1px 3px #00000014}.login{min-height:100vh;display:grid;place-items:center}.login .card{width:360px;padding:32px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0;color:var(--green-dark)}.login p{margin:0 0 8px}.layout{display:flex;height:100vh}.sidebar{width:200px;background:#111b21;color:#e9edef;display:flex;flex-direction:column;padding:16px 10px;gap:4px}.sidebar .brand{font-size:22px;font-weight:700;color:var(--green);padding:0 8px}.sidebar .tenant{font-size:12px;color:#8696a0;padding:0 8px 16px}.sidebar a{color:#d1d7db;text-decoration:none;padding:9px 10px;border-radius:8px}.sidebar a.active,.sidebar a:hover{background:#202c33;color:#fff}.sidebar .spacer{flex:1}.sidebar .me{padding:8px;font-size:14px;display:flex;flex-direction:column}.sidebar .me small{color:#8696a0}.sidebar button.link{color:#8696a0;text-align:left;padding:4px 8px}.content{flex:1;overflow:auto}.inbox{display:flex;height:100%}.conv-list{width:340px;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto}.conv-head{padding:12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;position:sticky;top:0;background:var(--panel)}.tabs{display:flex;gap:4px}.tabs button{flex:1;font-size:12px;padding:6px 4px;border-radius:16px}.tabs button.active{background:#e7f8f2;border-color:var(--green);color:var(--green-dark)}.conv-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #f2f2f2;cursor:pointer}.conv-item:hover{background:#f5f6f6}.conv-item.selected{background:#f0f2f5}.avatar{width:42px;height:42px;border-radius:50%;background:#dfe5e7;display:grid;place-items:center;font-weight:600;color:var(--muted);flex-shrink:0}.grow{flex:1;min-width:0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--green);color:#fff;border-radius:10px;font-size:11px;padding:1px 7px}.chat{flex:1;display:flex;flex-direction:column;background:#efeae2;min-width:0}.empty{margin:auto;color:var(--muted)}.chat-head{background:var(--panel);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.actions{display:flex;gap:6px}.messages{flex:1;overflow-y:auto;padding:16px 6%;display:flex;flex-direction:column;gap:4px}.bubble{max-width:65%;padding:6px 10px 4px;border-radius:8px;box-shadow:0 1px .5px #00000021;white-space:pre-wrap;word-wrap:break-word}.bubble.in{background:#fff;align-self:flex-start}.bubble.out{background:var(--bubble-out);align-self:flex-end}.bubble.failed{border:1px solid var(--danger)}.bubble .meta{font-size:11px;color:var(--muted);text-align:right}.bubble .meta .read{color:#53bdeb}.bubble .err{font-size:11px;color:var(--danger)}.composer{display:flex;gap:8px;padding:10px 16px;background:var(--bg);align-items:flex-end}.composer textarea{margin:0;min-height:40px;max-height:140px;height:40px}.window-closed{padding:14px 16px;background:#fff8e1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.page{padding:24px 32px;max-width:1200px}.page-head{display:flex;justify-content:space-between;align-items:center}.section{padding:20px;margin-bottom:20px}.section h3{margin-top:0}.table{width:100%;border-collapse:collapse;background:var(--panel);margin:12px 0;font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.pill{font-size:12px;padding:2px 8px;border-radius:10px;background:#eee}.pill.running{background:#e3f2fd;color:#1565c0}.pill.done{background:#e7f8f2;color:var(--green-dark)}.pill.paused{background:#fff3e0;color:#e65100}.form{display:flex;flex-direction:column;gap:12px}.form.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;margin-top:16px}.template-preview{background:var(--bubble-out);padding:10px;border-radius:8px;font-size:14px;white-space:pre-wrap}.list-btn{display:flex;justify-content:space-between;width:100%;margin-bottom:6px;text-align:left}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:10}.modal{background:#fff;border-radius:12px;padding:20px;width:480px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}
