:root{--ink:#15171a;--muted:#747980;--line:#e8e9eb;--soft:#f6f7f8;--accent:#15171a;--green:#25d366}*{box-sizing:border-box}body{margin:0;background:#f8f8f7;color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1240px;margin:auto;padding:24px}header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand>div{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:11px}.mark,.agent-avatar{display:grid;place-items:center;background:#111;color:#fff;border-radius:12px;font-weight:700}.mark{width:38px;height:38px}.pill{padding:6px 11px;border:1px solid #dfe3df;border-radius:999px;background:#fff;font-size:11px;color:#47715a}.pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#54b879;margin-right:7px}.pill.muted{color:#777}.pill.muted:before{background:#aaa}.hero{min-height:255px;display:flex;align-items:center;justify-content:space-between;padding:35px 4%;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#8a8f95}.hero h1{font:500 clamp(38px,5vw,62px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:13px 0}.hero p{color:var(--muted);font-size:17px}.orb{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0,#f4f4f4 34%,#dcdfe2 68%,#b8bdc2);box-shadow:0 30px 65px #bbc0c766,inset -15px -20px 30px #aaa6}.orb span{font:600 34px Georgia;color:#fff;text-shadow:0 2px 15px #666}.grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);gap:18px}.column{display:flex;flex-direction:column;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 6px 20px #00000008}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-title>div:nth-child(2){flex:1}.card h2,.card h3,.card p{margin:0}.card h2{font-size:15px}.card h3{font-size:14px}.card p{font-size:12px;color:var(--muted)}.icon,.wa-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:18px}.wa-icon{background:#ecfff3;color:#1ca44e;border-color:#d6f8e2}input,textarea{width:100%;border:1px solid var(--line);background:#fbfbfb;border-radius:11px;padding:12px 14px;font:inherit;outline:none;resize:none;transition:.2s}input:focus,textarea:focus{background:#fff;border-color:#aaa;box-shadow:0 0 0 3px #00000008}.inline{display:flex;gap:9px}.check{display:block;margin-top:10px;color:var(--muted);font-size:11px}.check input{width:auto;vertical-align:-2px}.grow>input{margin-bottom:10px}.grow textarea{height:150px}.action-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.action-row small{color:var(--muted)}button{border:0;border-radius:10px;background:#15171a;color:#fff;padding:11px 15px;font-weight:600;cursor:pointer;transition:.2s}button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0002}button:disabled{opacity:.45;cursor:wait}.secondary{background:#fff;color:#222;border:1px solid var(--line)}.wa-body{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:17px}.qr{width:116px;height:116px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;padding:7px}.qr img{width:100%;height:100%}.qr-placeholder{color:#bbb;font:700 25px monospace}.wa-actions{display:flex;gap:8px;margin-top:12px}.text-button,.ghost{background:transparent;color:#777;padding:9px}.chat{padding:0;min-height:650px;display:flex;flex-direction:column;overflow:hidden}.chat-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat-head>div:nth-child(2){flex:1}.chat-head p{font-size:11px}.agent-avatar{width:39px;height:39px}.dot{display:inline-block;width:6px;height:6px;background:#54b879;border-radius:50%;margin-right:4px}.messages{flex:1;padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:555px;background:linear-gradient(#fff,#fdfdfd)}.message{max-width:84%;padding:12px 14px;border-radius:15px;white-space:pre-wrap}.message.agent{align-self:flex-start;background:var(--soft);border-bottom-left-radius:4px}.message.user{align-self:flex-end;background:#17191c;color:#fff;border-bottom-right-radius:4px}.message.loading{color:#999}.composer{margin:15px 18px 5px;display:flex;gap:9px;align-items:flex-end;padding:7px;border:1px solid var(--line);border-radius:15px}.composer textarea{border:0;background:transparent;max-height:120px}.composer button{width:39px;height:39px;padding:0;border-radius:11px;font-size:20px}.hint{text-align:center;color:#aaa;padding-bottom:13px;font-size:10px}#toast{position:fixed;right:25px;bottom:25px;background:#17191c;color:#fff;padding:12px 16px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:850px){.orb{display:none}.grid{grid-template-columns:1fr}.hero{padding:30px 4%;min-height:220px}.chat{min-height:600px}}@media(max-width:500px){.shell{padding:12px}.hero h1{font-size:39px}.card{padding:17px}.wa-body{grid-template-columns:1fr}.qr{margin:auto}.inline{flex-direction:column}}