.cloud-state{position:fixed;z-index:70;right:18px;top:72px;display:grid;grid-template-columns:auto auto auto auto;gap:8px;align-items:center;max-width:520px;padding:9px 11px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;box-shadow:0 12px 30px #192a4a1a;color:#263a59}.cloud-state>span{width:8px;height:8px;border-radius:50%;background:#f0a43b}.cloud-state.connected>span{background:#16a875}.cloud-state.setup>span{background:#73839a}.cloud-state b{font-size:10px}.cloud-state small{font-size:8px;color:#6a7890}.cloud-state button{border:0;background:#edf2fb;color:#315cae;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.auth-layer{display:none;position:fixed;z-index:120;inset:0;background:#101c36aa;place-items:center;padding:16px}.auth-layer.open{display:grid}.auth-layer section{width:min(440px,100%);padding:30px;border-radius:20px;background:#fff;position:relative}.auth-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:23px}.agent-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#6852db;color:#fff;font-weight:900}.auth-layer h2{font:800 22px Manrope;margin:14px 0 6px}.auth-layer p{color:#68758b;font-size:12px}.auth-layer label{display:grid;gap:5px;margin:18px 0;color:#4f5d73;font-size:10px;font-weight:700}.auth-layer input{height:46px;border:1px solid #d8deea;border-radius:10px;padding:0 12px;font-size:14px}.auth-layer .primary{width:100%}.auth-layer section>small{display:block;text-align:center;margin-top:12px;color:#7a8495;font-size:8px}.agent-page-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.agent-page-head h1{font:800 clamp(29px,4vw,43px)/1.08 Manrope;margin:7px 0}.agent-page-head p{max-width:760px;color:#68758a;font-size:13px}.agent-trust{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.agent-trust span{padding:7px 10px;border-radius:99px;background:#eaf8f3;color:#12835f;font-size:9px;font-weight:800}.real-agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.real-agent-grid article{padding:18px;border:1px solid #e0e6ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px #1d315412;cursor:pointer;transition:.2s}.real-agent-grid article:hover,.real-agent-grid article.active{transform:translateY(-3px);border-color:#735edd;box-shadow:0 15px 35px #4b3f9e22}.real-agent-grid header{display:flex;justify-content:space-between}.real-agent-grid header span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eeeaff;color:#6650d8;font-weight:900}.real-agent-grid header i{width:8px;height:8px;border-radius:50%;background:#18a77a}.real-agent-grid small{display:block;margin-top:13px;color:#7664dc;font-size:7px;font-weight:900;text-transform:uppercase}.real-agent-grid h2{font-size:13px}.real-agent-grid p{min-height:47px;color:#68758b;font-size:10px!important}.real-agent-grid footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:10px}.real-agent-grid footer b{color:#168d68;font-size:8px}.real-agent-grid footer button{border:0;background:transparent;color:#315fd6;font-size:8px;font-weight:800}.agent-workspace{display:grid;grid-template-columns:260px 1fr;margin-top:22px;border:1px solid #dce4f0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #1c315514}.agent-workspace>aside{padding:24px;background:linear-gradient(155deg,#192c52,#2c5591);color:#fff}.agent-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ffffff18;font-weight:900}.agent-workspace aside small{display:block;margin-top:18px;color:#a8bee4;font-size:7px}.agent-workspace aside h2{color:#fff;font-size:16px}.agent-workspace aside p{color:#d3def0;font-size:10px!important}.agent-workspace>main{width:auto!important;margin:0!important;padding:0!important}.agent-messages{height:330px;overflow-y:auto;padding:22px;background:#fafbfe}.agent-welcome{text-align:center;margin:55px auto;max-width:430px}.agent-welcome>span{font-size:25px;color:#6650d8}.agent-welcome h3{font-size:15px}.agent-welcome p{color:#778399;font-size:10px}.agent-user{max-width:75%;margin:0 0 12px auto;padding:10px 13px;border-radius:12px 12px 3px 12px;background:#6650d8;color:#fff;font-size:11px}.agent-thinking,.agent-answer{display:flex;gap:9px;padding:13px;border-radius:12px;background:#f0f3fa;font-size:10px}.agent-thinking i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#6650d8;animation:agentPulse 1s infinite}.agent-answer>span{color:#6650d8}.agent-answer p{font-size:11px!important;line-height:1.6}.agent-answer footer{color:#778399;font-size:8px}.agent-error{padding:12px;border-radius:9px;background:#fff0f1;color:#b33f4b;font-size:10px}@keyframes agentPulse{50%{opacity:.25}}.agent-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #e3e8f1}.agent-compose textarea{height:54px;resize:none;border:1px solid #d8dfeb;border-radius:10px;padding:10px;font:11px DM Sans}.agent-compose button{border:0;border-radius:10px;background:#6650d8;color:#fff;padding:0 17px;font-weight:800}.agent-disclaimer{text-align:center;color:#7c8799;font-size:7px!important}.agent-history{margin-top:20px;padding:22px;border:1px solid #e1e7ef;border-radius:18px;background:#fff}.agent-history h2{margin:4px 0}.agent-history #agentHistory{display:grid;gap:8px}.agent-history article{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:11px;border-radius:10px;background:#f6f8fc}.agent-history article span{font-size:10px;font-weight:800}.agent-history article b{color:#168c68;font-size:8px}.agent-history article small{color:#748096;font-size:8px}.agent-history article p{grid-column:1/-1;margin:0;font-size:9px!important;color:#66738a}@media(max-width:1050px){.real-agent-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cloud-state{left:10px;right:10px;top:auto;bottom:80px;grid-template-columns:auto auto 1fr auto}.cloud-state small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-page-head{align-items:stretch;flex-direction:column}.agent-page-head button{width:100%}.real-agent-grid{grid-template-columns:1fr}.agent-workspace{grid-template-columns:1fr}.agent-workspace>aside{padding:18px}.agent-messages{height:300px}.agent-compose{grid-template-columns:1fr}.agent-compose button{height:45px}.agent-history article{grid-template-columns:1fr auto}.agent-history article small{grid-column:1/-1}}