@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#20203a;background:#f6f7fb;--bg:#f6f7fb;--card:#fff;--text:#20203a;--muted:#73758c;--line:#e8e9f1;--nav:#171739;--nav2:#232454;--violet:#6e57ef;--purple:#9b5cf6;--cyan:#30b8d8;--pink:#e35ea8;--lime:#bbef68;--soft:#f1efff;--shadow:0 14px 35px rgba(34,31,84,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:var(--bg);color:var(--text);display:flex}.app.dark{--bg:#10111c;--card:#191b2b;--text:#f5f6ff;--muted:#9b9db1;--line:#292c42;--soft:#292746;--shadow:0 14px 35px rgba(0,0,0,.24)}h1,h2,h3,h4{font-family:Sora,sans-serif;margin:0}p{margin:0}.sidebar{width:245px;background:linear-gradient(180deg,#171739,#1b1c43 65%,#111229);color:#dfe2ff;display:flex;flex-direction:column;padding:18px 14px;position:fixed;inset:0 auto 0 0;z-index:40;box-shadow:10px 0 40px #12123a1f}.sidebar:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#775cf5;filter:blur(70px);opacity:.22;top:-20px;right:-50px;pointer-events:none}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 22px}.logo{display:flex;align-items:center;gap:10px;position:relative}.logo-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#6d58f0,#b35df5 60%,#31bad7);display:grid;place-items:center;color:#fff;box-shadow:0 9px 22px #7253f159}.logo strong{display:block;font-family:Sora;font-size:16px;line-height:1}.logo span{font-size:11px;color:#aab0d9}.sidebar nav{display:flex;flex-direction:column;gap:5px;position:relative}.sidebar nav button,.sidebar-bottom>button{border:0;background:transparent;color:#aeb2d2;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;text-align:left;transition:.2s}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#ffffff0f;color:#fff}.sidebar nav button.active{background:linear-gradient(100deg,#7458f252,#2ebad81f);color:#fff;box-shadow:inset 3px 0 #a76af9}.sidebar nav button b{margin-left:auto;background:#c15bf0;color:#fff;border-radius:99px;min-width:22px;text-align:center;padding:2px 6px;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.user-card{display:flex;align-items:center;gap:9px;padding:10px 8px;margin-top:5px}.user-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#38b7d9,#7257ed);display:grid;place-items:center;font-size:12px;font-weight:700}.user-card strong,.user-card span{display:block}.user-card strong{font-size:12px}.user-card span{font-size:10px;color:#9298bd}.main{margin-left:245px;width:calc(100% - 245px);min-height:100vh}.page{padding:28px 30px 46px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:27px;letter-spacing:-.6px}.page-head p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:6px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--violet);margin-bottom:6px}.demo-badge{border:1px solid rgba(110,87,239,.2);background:var(--soft);color:var(--violet);padding:7px 11px;border-radius:99px;font-size:11px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric{padding:18px}.metric-value{font-family:Sora;font-size:25px;font-weight:700}.metric-label{font-size:12px;color:var(--muted);margin:5px 0}.metric-delta{font-size:10px;color:#4b9e80}.dashboard-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:14px;margin-top:14px}.chart-card,.dashboard-grid>.card{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:14px}.section-title p{font-size:11px;color:var(--muted);margin-top:4px}.bars{height:210px;display:flex;align-items:flex-end;gap:14px;padding:25px 10px 0}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar{width:min(34px,80%);background:linear-gradient(180deg,#ac5df5,#6b56ef 55%,#39b6d4);border-radius:10px 10px 4px 4px;min-height:15px;box-shadow:0 6px 18px #6d56ef26}.bar-wrap span{font-size:10px;color:var(--muted)}.status-list{margin-top:20px;display:flex;flex-direction:column;gap:14px}.status-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12px}.status-row strong{font-family:Sora}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.novo{background:#b45ef3}.dot.atendimento{background:#42b9d6}.dot.aguardando{background:#f0aa4e}.dot.orcamento{background:#7d62ef}.dot.concluido{background:#59b993}.recent-card{padding:20px;margin-top:14px}.recent-row{display:grid;grid-template-columns:38px 1fr auto 55px;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.recent-row:last-child{border:0}.recent-row strong,.recent-row span{display:block}.recent-row strong{font-size:12px}.recent-row div>span{font-size:10px;color:var(--muted);margin-top:3px}.recent-row time{font-size:10px;color:var(--muted);text-align:right}.avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#eef0ff,#e0f6fa);color:#6658c8;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.dark .avatar{background:linear-gradient(135deg,#303454,#25384a);color:#d5d5ff}.pill{font-size:9px!important;padding:5px 8px;border-radius:99px;font-weight:700}.pill.novo{background:#f1e6ff;color:#8755bf}.pill.atendimento{background:#e3f6fb;color:#2688a0}.pill.aguardando{background:#fff1dc;color:#9a682c}.pill.orcamento{background:#eeeaff;color:#6750c3}.pill.concluido{background:#e4f7ee;color:#347b60}.chat-layout{height:100vh;display:grid;grid-template-columns:340px minmax(390px,1fr) 285px;background:var(--card)}.thread-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.thread-head{padding:22px 18px 12px}.thread-head h1{font-size:22px}.thread-head p{font-size:11px;color:var(--muted);margin-top:3px}.search-box,.table-search{margin:0 14px 10px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:9px 11px;color:var(--muted)}.search-box input,.table-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.filter-row{display:flex;gap:6px;padding:0 14px 10px;overflow:auto}.filter-row button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:99px;padding:6px 9px;font-size:10px;white-space:nowrap}.filter-row button.active{background:var(--soft);border-color:#d9d1ff;color:var(--violet);font-weight:700}.threads{overflow:auto}.thread{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 14px;text-align:left;color:var(--text)}.thread:hover,.thread.selected{background:linear-gradient(90deg,var(--soft),transparent)}.thread.selected{box-shadow:inset 3px 0 var(--violet)}.thread-main{min-width:0}.thread-main>div{display:flex;justify-content:space-between;gap:7px}.thread-main strong{font-size:11px}.thread-main time{font-size:9px;color:var(--muted)}.thread-main>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;margin:3px 0}.thread-main small{font-size:9px;color:#7b66dc}.unread{width:20px;height:20px;border-radius:99px;background:linear-gradient(135deg,#9e5bf4,#6a56ec);color:#fff;display:grid;place-items:center;font-size:9px}.conversation-panel{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 15% 15%,rgba(117,88,240,.05),transparent 25%),var(--bg)}.conversation-head{height:69px;border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;gap:10px;padding:10px 15px}.conv-ident{min-width:0;flex:1}.conv-ident strong,.conv-ident span{display:block}.conv-ident strong{font-size:12px}.conv-ident span{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handler-toggle{display:flex;align-items:center;gap:6px;border-radius:99px;border:1px solid var(--line);padding:7px 9px;font-size:9px;font-weight:700}.handler-toggle.ia{background:#f0ebff;color:#6d53d8;border-color:#ddd3ff}.handler-toggle.humano{background:#e8f7fa;color:#298599}.messages{flex:1;overflow:auto;padding:18px clamp(14px,4vw,55px);background-image:radial-gradient(rgba(107,86,239,.09) 1px,transparent 1px);background-size:24px 24px}.day-label{width:max-content;margin:0 auto 14px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:9px;padding:5px 9px;border-radius:99px}.message-row{display:flex;margin:7px 0}.message-row.out{justify-content:flex-end}.bubble{max-width:72%;background:var(--card);border:1px solid var(--line);border-radius:16px 16px 16px 5px;padding:9px 11px;box-shadow:0 5px 18px #2d285b0d}.message-row.out .bubble{background:linear-gradient(135deg,#ece9ff,#e5f8fb);border-color:#dcd7f9;border-radius:16px 16px 5px;color:#262541}.dark .message-row.out .bubble{background:linear-gradient(135deg,#29284a,#233d48);color:#f6f5ff;border-color:#343455}.bubble p{font-size:11px;line-height:1.45}.bubble time{display:block;text-align:right;font-size:8px;color:var(--muted);margin-top:4px}.ai-label{display:flex;align-items:center;gap:4px;font-size:8px;color:#7257dd;font-weight:800;margin-bottom:4px}.composer-wrap{background:var(--card);border-top:1px solid var(--line);padding:9px 12px}.ai-strip{display:flex;align-items:center;gap:6px;background:var(--soft);color:var(--violet);font-size:9px;padding:7px 9px;border-radius:10px;margin-bottom:7px}.composer{display:flex;align-items:flex-end;gap:6px}.composer textarea{flex:1;resize:none;height:42px;max-height:100px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:18px;padding:12px;outline:0;font-size:11px}.icon-btn{border:0;background:transparent;color:var(--muted);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:var(--soft);color:var(--violet)}.send-btn{width:38px;height:38px;border:0;border-radius:50%;color:#fff;display:grid;place-items:center;background:linear-gradient(135deg,#7558ef,#a25cf5 60%,#32b8d7);box-shadow:0 8px 18px #6f54eb47}.contact-panel{border-left:1px solid var(--line);padding:24px 18px;text-align:center;background:var(--card);overflow:auto}.contact-panel>.avatar{width:58px;height:58px;border-radius:20px;margin:auto}.contact-panel h3{font-size:14px;margin-top:9px}.contact-panel>p{font-size:10px;color:var(--muted);margin-top:3px}.contact-data{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-data span{display:block;text-align:left;padding:10px 0;color:var(--muted);font-size:9px}.contact-data strong{display:block;color:var(--text);font-size:10px;margin-top:3px}.contact-panel h4{text-align:left;font-size:10px;margin:15px 0 8px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.tag-row span,.tag-row em{font-style:normal;background:var(--soft);color:#6e56cc;border-radius:99px;padding:5px 7px;font-size:8px}.note{text-align:left!important;background:var(--bg);border-radius:11px;padding:10px;font-size:9px!important;line-height:1.45}.empty-state{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-state h2{color:var(--text);font-size:19px;margin:13px 0 6px}.empty-state p{font-size:11px}.hero-icon{width:64px;height:64px;border-radius:21px;background:linear-gradient(135deg,#7359ec,#a85cf5,#32b8d5);color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px #6b54e747}.mobile-back{display:none}.primary-btn{border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#7057ed,#9b59f5);color:#fff;font-size:11px;font-weight:700;box-shadow:0 9px 18px #6d54e733}.table-card{padding:15px}.table-search{max-width:330px;margin:0 0 12px}.contact-table{display:flex;flex-direction:column}.contact-row{display:grid;grid-template-columns:38px 1.3fr 1fr 1fr 1fr 70px;align-items:center;gap:12px;padding:11px 5px;border-bottom:1px solid var(--line);font-size:10px}.contact-row>div:nth-child(2) strong,.contact-row>div:nth-child(2) span{display:block}.contact-row>div:nth-child(2) span{font-size:9px;color:var(--muted);margin-top:2px}.contact-row>b{text-transform:capitalize;color:#5d68a5}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{padding:20px}.feature-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eeeaff,#e5f7fb);color:#7058d7}.feature-card h3{font-size:13px;margin:14px 0 6px}.feature-card p{font-size:10px;color:var(--muted);line-height:1.5}.config-fields{display:grid;gap:7px;margin-top:14px}.config-fields input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:9px;font-size:10px;outline:0}.kanban-page{max-width:none}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;overflow:auto;padding-bottom:10px}.kanban-col{background:#8280b40f;border:1px solid var(--line);border-radius:16px;padding:10px;min-height:450px}.kanban-col>header{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;padding:6px}.kanban-col header strong{font-size:10px}.kanban-col header b{font-size:9px;color:var(--muted)}.kanban-card{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:13px;padding:10px;text-align:left;margin-top:8px;box-shadow:0 7px 18px #2322580a}.kanban-card>div{display:flex;align-items:center;gap:8px}.kanban-card .avatar{width:31px;height:31px;border-radius:10px;font-size:9px}.kanban-card strong,.kanban-card small{display:block}.kanban-card strong{font-size:9px}.kanban-card small{font-size:8px;color:var(--muted);margin-top:2px}.kanban-card p{font-size:9px;margin:10px 0;color:#6757bd}.mobile-header,.nav-close,.overlay{display:none}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.chat-layout{grid-template-columns:320px minmax(390px,1fr)}.contact-panel{display:none}.contact-row{grid-template-columns:38px 1.3fr 1fr 1fr 70px}.contact-row>span:nth-of-type(2){display:none}}@media(max-width:900px){.sidebar{transform:translate(-105%);transition:.25s;width:245px}.sidebar.open{transform:translate(0)}.nav-close{display:grid;background:transparent;border:0;color:#b7bbd8}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#090a1980;z-index:35}.main{margin-left:0;width:100%}.mobile-header{height:62px;padding:10px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--card);position:sticky;top:0;z-index:20}.mobile-header>button{border:0;background:transparent;color:var(--text)}.mobile-header .logo-mark{width:34px;height:34px}.channel-dot{width:9px;height:9px;border-radius:50%;background:#59b993}.page{padding:20px 16px}.dashboard-grid{grid-template-columns:1fr}.chat-layout{height:calc(100vh - 62px);grid-template-columns:320px 1fr}.thread-list{width:320px}.feature-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:38px 1.2fr 1fr 70px}.contact-row>span:nth-of-type(2),.contact-row>.tag-row{display:none}}@media(max-width:680px){.page-head{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:last-child{grid-column:1/-1}.chat-layout{display:block}.thread-list{width:100%;height:100%}.conversation-panel{display:none;height:100%}.chat-layout.has-selected .thread-list{display:none}.chat-layout.has-selected .conversation-panel{display:flex}.mobile-back{display:grid}.contact-table{overflow:auto}.contact-row{min-width:560px}.table-card{overflow:hidden}.bars{gap:6px;padding-left:0;padding-right:0}.bubble{max-width:86%}.handler-toggle{font-size:0}.handler-toggle svg{margin:0}.recent-row{grid-template-columns:38px 1fr auto}.recent-row time{display:none}.kanban-board{grid-template-columns:repeat(5,230px)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--bg)}.auth-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,#141532,#20204b 62%,#17183a);color:#e9ebff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.auth-brand:before{width:330px;height:330px;background:radial-gradient(circle,#7658ef 0%,transparent 68%);opacity:.3;right:-90px;top:-60px}.auth-brand:after{width:260px;height:260px;background:radial-gradient(circle,#35bfd8 0%,transparent 68%);opacity:.18;left:-80px;bottom:-80px}.auth-brand>.logo{z-index:1}.auth-brand>.logo span{color:#b3b8df}.auth-brand>div:nth-child(2){position:relative;z-index:1;max-width:620px}.auth-brand h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-2px;margin-bottom:20px}.auth-brand h1 span{background:linear-gradient(90deg,#c15cf2,#55c8dc,#c5ef70);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand>div:nth-child(2)>p:last-child{font-size:17px;line-height:1.65;color:#b9bddc;max-width:560px}.auth-brand small{position:relative;z-index:1;color:#7f84aa}.auth-card-wrap{display:grid;place-items:center;padding:32px}.auth-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 30px 70px #1d1b4c21}.auth-card h2{font-size:24px;margin:14px 0 7px}.auth-card>p{font-size:12px;color:var(--muted);margin-bottom:24px}.auth-icon{width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#7257ed,#a95df6,#31bad8);display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px #6f54eb47}.auth-card label{display:block;font-size:11px;font-weight:700;margin-top:13px}.auth-card input{width:100%;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px 13px;outline:0}.auth-card input:focus{border-color:#8d72ef;box-shadow:0 0 0 3px #7057ed1a}.auth-submit{width:100%;margin-top:19px;padding:12px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{width:100%;border:0;background:transparent;color:var(--violet);font-size:11px;font-weight:700;margin-top:13px}.auth-message{margin-top:13px;padding:9px 10px;border-radius:10px;background:#fff0f0;color:#a23f4b;font-size:10px}.auth-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;background:var(--bg);color:var(--text)}.auth-loading strong{font-family:Sora;font-size:18px;margin-top:8px}.auth-loading span{font-size:11px;color:var(--muted)}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:260px;padding:26px;justify-content:flex-start;gap:46px}.auth-brand h1{font-size:38px;letter-spacing:-1.2px}.auth-brand>div:nth-child(2)>p:last-child,.auth-brand small{display:none}.auth-card-wrap{padding:20px}}