:root{--ink:#172033;--muted:#738098;--line:#e8eaf1;--surface:#fff;--bg:#f7f8fc;--violet:#7156e8;--violet-soft:#f0edff;--green:#19a974;--shadow:0 12px 35px #1f223a12}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#dfe2ef;z-index:20;background:#171928;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:10px;height:50px;padding:0 8px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#7b61ff,#b674f1);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.brand-row strong{color:#fff;font-size:18px}.brand-row span{color:#9e8cff;font-size:18px;font-weight:800}.brand-row small{letter-spacing:1.4px;color:#858aa3;font-size:7px;display:block}.sidebar nav{overflow:auto}.nav-section{color:#777d96;letter-spacing:1.3px;text-transform:uppercase;margin:23px 11px 8px;font-size:10px;font-weight:800}.nav-item{color:#aeb4c9;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;height:42px;margin:2px 0;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#292a42}.nav-item.active{box-shadow:inset 3px 0 #8b73ff}.nav-item b{color:#fff;background:#755ce4;border-radius:8px;margin-left:auto;padding:3px 7px;font-size:10px}.sidebar-footer{border-top:1px solid #2a2d42;margin-top:auto;padding-top:12px}.usage{padding:10px 12px 13px}.usage span,.usage strong{font-size:11px}.usage strong{float:right;color:#a899ff}.usage i{background:#30344b;border-radius:5px;height:4px;margin:8px 0;display:block}.usage em{background:#7d64ee;border-radius:5px;width:68%;height:100%;display:block}.usage small{color:#6f758d;font-size:9px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.topbar p{color:var(--muted);margin:0;font-size:11px}.topbar h1{margin:2px 0 0;font-size:20px}.top-actions{align-items:center;gap:12px;display:flex}.search{border:1px solid var(--line);color:#99a1b3;border-radius:10px;align-items:center;gap:8px;width:230px;height:38px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%}.workspace{cursor:pointer;background:#f7f7fb;border:0;border-radius:10px;align-items:center;gap:9px;padding:6px 10px;display:flex}.workspace>span{width:30px;height:30px;color:var(--violet);background:#ede9ff;border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.workspace div{text-align:left}.workspace strong,.workspace small{display:block}.workspace strong{font-size:11px}.workspace small{color:var(--muted);font-size:9px}.content{max-width:1600px;margin:auto;padding:28px 30px 50px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.eyebrow{color:var(--violet);letter-spacing:1.1px;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.welcome h2{margin:8px 0 4px;font-size:27px}.welcome p,.module-head p{color:var(--muted);margin:0;font-size:13px}.primary,.secondary,.subtle,.link{cursor:pointer;border:0}.primary{background:var(--violet);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #7156e833}.secondary{background:var(--violet-soft);color:var(--violet);border-radius:9px;padding:9px 14px;font-weight:700}.subtle{border:1px solid var(--line);color:var(--muted);background:#f7f8fb;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.link{color:var(--violet);background:0 0;font-weight:700}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px}.metric-card{padding:17px;position:relative}.metric-card p{color:var(--muted);margin:6px 0;font-size:11px}.metric-card>strong{font-size:23px}.metric-card small{color:var(--green);margin-top:8px;font-size:10px;font-weight:700;display:block}.metric-card small span{color:#a1a8b6;font-weight:400}.metric-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.metric-icon.purple{color:#795ce6;background:#efeaff}.metric-icon.blue{color:#3688dc;background:#e7f3ff}.metric-icon.green{color:#1b9b70;background:#e8f8f1}.metric-icon.orange{color:#ec8833;background:#fff0e3}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel h3,.panel h2{margin:0;font-size:14px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.chart{height:210px;margin-top:20px;display:flex}.y-labels{color:#a0a7b6;flex-direction:column;justify-content:space-between;width:28px;padding-bottom:25px;font-size:9px;display:flex}.bars{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 45px,#f1f2f6 46px);flex:1;justify-content:space-around;align-items:flex-end;display:flex}.bar-group{align-items:flex-end;gap:3px;height:100%;padding-bottom:25px;display:flex;position:relative}.bar-group i{background:#24c186;border-radius:5px 5px 0 0;width:7px}.bar-group i:nth-child(2){background:#9366ed}.bar-group i:nth-child(3){background:#4b8be5}.bar-group span{color:#9aa2b2;font-size:8px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.legend{color:var(--muted);justify-content:center;gap:20px;margin-top:12px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.whatsapp{background:#24c186}.instagram{background:#9366ed}.facebook{background:#4b8be5}.agent{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto 8px;align-items:center;gap:9px;padding:14px 0;display:grid}.agent-avatar{background:var(--violet-soft);width:36px;height:36px;color:var(--violet);border-radius:10px;place-items:center;display:grid}.agent strong{font-size:11px}.agent p{color:var(--muted);margin:3px 0;font-size:9px}.agent small{color:var(--muted);font-size:9px}.agent>i{border-radius:50%;width:7px;height:7px}.agent>i.online{background:#20bb80}.agent>i.paused{background:#f0a43c}.ai-panel .secondary{width:100%;margin-top:14px}.table-panel{margin-top:16px}.lead-row{border-top:1px solid var(--line);grid-template-columns:36px 1.3fr .7fr 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.contact-avatar{color:#6e54d8;background:#edeaff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.lead-row strong,.lead-row small{display:block}.lead-row strong{font-size:11px}.lead-row small{color:var(--muted);margin-top:3px;font-size:9px}.channel,.stage{border-radius:12px;width:max-content;padding:5px 8px;font-size:9px}.channel{color:#15966a;background:#edf8f4}.stage{color:#7458d9;background:#f2efff}.lead-row time{color:var(--muted);font-size:9px}.chat-layout{border:1px solid var(--line);height:calc(100vh - 134px);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:1fr 280px;display:grid;overflow:hidden}.chat-main{flex-direction:column;min-width:0;display:flex}.chat-title{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:17px 20px;display:flex}.assistant-logo{color:#fff;background:linear-gradient(135deg,#7054e6,#a879ed);border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.developer .assistant-logo{background:linear-gradient(135deg,#151a2e,#38426b)}.chat-title h2{margin:0;font-size:14px}.chat-title p{color:var(--muted);margin:3px 0 0;font-size:9px}.safe-badge{color:#188b66;background:#edf9f4;border-radius:12px;margin-left:auto;padding:5px 8px;font-size:8px;font-weight:800}.developer .safe-badge{color:#4d5875;background:#eff1f6}.messages{background:#fbfbfd;flex:1;padding:25px 12%;overflow:auto}.message{gap:8px;margin-bottom:18px;display:flex}.message span{background:var(--violet-soft);height:30px;color:var(--violet);border-radius:9px;flex:0 0 30px;place-items:center;display:grid}.message p{border:1px solid var(--line);background:#fff;border-radius:4px 13px 13px;max-width:680px;margin:0;padding:12px 14px;font-size:12px;line-height:1.55}.message.user{justify-content:flex-end}.message.user p{background:var(--violet);color:#fff;border:0;border-radius:13px 13px 4px}.composer{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;margin:14px 8%;padding:10px 50px 19px 12px;position:relative}.composer textarea{resize:none;border:0;outline:0;width:100%;height:45px;font-size:12px}.composer button,.mini-composer button{background:var(--violet);color:#fff;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.composer small{color:#a0a6b4;font-size:8px;position:absolute;bottom:6px;left:12px}.context-panel{border-left:1px solid var(--line);background:#fcfcfe;padding:20px}.context-panel h3{margin:0 0 14px;font-size:12px}.context-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.context-row span{color:var(--muted)}.permission-box{background:#f3f1ff;border-radius:11px;margin-top:20px;padding:13px}.permission-box strong{color:var(--violet);font-size:10px}.permission-box p{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.5}.inbox-layout{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:280px 1fr 250px;height:calc(100vh - 134px);display:grid;overflow:hidden}.conversation-list,.contact-panel{border-right:1px solid var(--line)}.inbox-search{border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:6px;margin:14px;padding:9px;display:flex}.inbox-search input{border:0;outline:0;width:100%;font-size:10px}.conversation{grid-template-columns:34px 1fr auto;gap:8px;padding:12px 14px;display:grid;position:relative}.conversation.selected{background:#f3f0ff}.conversation strong{font-size:10px}.conversation p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:8px;overflow:hidden}.conversation time{color:var(--muted);font-size:7px}.channel-dot{background:#8a62e5;border-radius:50%;width:7px;height:7px;position:absolute;top:37px;left:39px}.conversation-body{flex-direction:column;display:flex}.conversation-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:13px 17px;display:flex}.conversation-head strong{font-size:11px}.conversation-head p{color:var(--muted);margin:2px 0;font-size:8px}.conversation-head button{margin-left:auto}.conversation-messages{background:#fafbfc;flex:1;padding:20px}.bubble{border-radius:11px;max-width:65%;margin:9px;padding:10px 12px;font-size:10px;line-height:1.5}.incoming{border:1px solid var(--line);background:#fff}.outgoing{background:var(--violet);color:#fff;margin-left:auto}.ai-note{width:max-content;color:var(--violet);background:#f1eeff;border-radius:10px;align-items:center;gap:5px;margin:16px auto;padding:7px 10px;font-size:8px;display:flex}.mini-composer{margin:12px;position:relative}.mini-composer input{border:1px solid var(--line);border-radius:10px;outline:0;width:100%;padding:11px 50px 11px 12px}.mini-composer button{top:4px;right:4px}.contact-panel{border:0;border-left:1px solid var(--line);text-align:center;padding:18px}.contact-panel h3{text-align:left;margin:0 0 20px;font-size:11px}.profile-big{width:54px;height:54px;color:var(--violet);background:#ece8ff;border-radius:16px;place-items:center;margin:auto;font-weight:800;display:grid}.contact-panel h4{margin:9px 0 2px;font-size:12px}.contact-panel>p{color:var(--muted);margin:0 0 18px;font-size:9px}.kanban{grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;padding-bottom:15px;display:grid;overflow:auto}.kanban-col{background:#f1f2f7;border-radius:13px;min-height:550px;padding:10px}.kanban-col>header{justify-content:space-between;padding:4px 3px 11px;font-size:10px;font-weight:700;display:flex}.kanban-col>header b{background:#fff;border-radius:10px;padding:2px 7px}.deal{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:9px;padding:12px}.deal small{color:var(--violet);font-size:8px}.deal strong{margin:7px 0;font-size:11px;display:block}.deal p{color:var(--muted);font-size:9px}.deal footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:8px;font-size:8px;display:flex}.module-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.module-head h2{margin:0 0 5px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.plan-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.plan-card.featured{border-color:#927be8;box-shadow:0 14px 36px #7156e826}.plan-card>span{color:var(--violet);background:var(--violet-soft);border-radius:12px;padding:5px 8px;font-size:8px}.plan-card h3{margin:17px 0 5px;font-size:15px}.plan-card p{color:var(--muted);font-size:10px}.plan-card>strong{margin:20px 0 4px;font-size:24px;display:block}.plan-card>small{color:var(--muted);margin-bottom:18px;font-size:8px;display:block}.plan-card button{width:100%}.calendar{padding:22px}.calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:70px repeat(5,1fr);margin-top:20px;display:grid}.calendar-grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:72px;padding:9px;font-size:9px}.calendar-grid>strong{text-align:center;background:#fafafd;min-height:auto}.calendar-grid>span{color:var(--muted)}.slot{color:#b0b5c2}.appointment{color:var(--violet);background:#eeeaff;border-radius:8px;margin:5px;border:0!important;min-height:61px!important}.appointment b,.appointment small{display:block}.appointment small{margin-top:4px;font-size:7px}.empty-module{text-align:center;align-content:center;place-items:center;min-height:500px;display:grid}.empty-module>span{background:var(--violet-soft);width:58px;height:58px;color:var(--violet);border-radius:18px;place-items:center;display:grid}.empty-module h2{margin:16px 0 4px}.empty-module p{max-width:430px;color:var(--muted);margin:0 0 18px;font-size:12px}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.menu-button,.close-mobile,.overlay{display:none}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:240px 1fr}.contact-panel{display:none}.chat-layout{grid-template-columns:1fr}.context-panel{display:none}.plan-grid{grid-template-columns:1fr 1fr}.search{display:none}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:250px;transition:all .25s;position:fixed;left:-270px}.sidebar.open{left:0}.menu-button,.close-mobile{display:grid}.close-mobile{margin-left:auto}.overlay{z-index:15;background:#00000059;border:0;display:block;position:fixed;inset:0}.topbar{gap:10px;padding:0 14px}.topbar>div:first-of-type{margin-right:auto}.workspace div,.workspace>svg{display:none}.content{padding:18px 12px}.welcome{align-items:flex-start;gap:15px}.welcome .primary{padding:11px;font-size:0}.welcome .primary svg{margin:0}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:18px}.lead-row{grid-template-columns:32px 1fr auto}.lead-row .channel,.lead-row .stage{display:none}.chart-panel{overflow:auto}.inbox-layout{grid-template-columns:1fr}.conversation-list{display:none}.chat-layout{height:calc(100vh - 112px)}.messages{padding:20px 10px}.composer{margin:10px}.plan-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,230px)}.calendar{overflow:auto}.calendar-grid{min-width:700px}}
:root{--ink:#18312f;--muted:#6e7e7c;--line:#e2ebe8;--bg:#f7f7f2;--violet:#7967d9;--violet-soft:#f0edff;--green:#087f78;--teal:#0aa89e;--cream:#f3e7cf;--gold:#d6a94d;--shadow:0 18px 50px #073e3b12}body{letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.app-shell{background:var(--bg)}.sidebar{background:#073e3b;border-right:1px solid #ffffff14;padding:26px 16px;box-shadow:8px 0 30px #073e3b14}.brand-row{padding:0 9px 27px}.brand-mark{background:linear-gradient(145deg,#0aa89e,#087f78);border-radius:13px;width:40px;height:40px;box-shadow:0 8px 18px #0aa89e3d}.brand-row strong{letter-spacing:-.04em;color:#fff;font-size:17px}.brand-row span{color:#20c7b5;font-size:17px}.brand-row small{letter-spacing:1.1px;color:#9bd2cc;margin-top:2px}.nav-section{color:#79aaa4;margin:22px 11px 9px;font-size:9px}.nav-item{color:#d4e5e2;border-radius:11px;height:43px;margin:3px 0;font-size:12px}.nav-item:hover{color:#fff;background:#20c7b51f}.nav-item.active{color:#fff;background:#0b4f4b;box-shadow:inset 3px 0 #20c7b5}.nav-item b{background:#0aa89e}.sidebar-footer{border-top-color:#ffffff1f}.usage{padding:13px 12px 16px}.usage span{color:#d4e5e2}.usage small{color:#84b6b0}.usage i{background:#0b4f4b}.usage em{background:#20c7b5}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom-color:#e2ebe8;height:82px;padding:0 38px}.topbar p{color:#77908d;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.topbar h1{letter-spacing:-.035em;color:#18312f;font-size:21px}.search{background:#fff;border-color:#dfe9e6;width:250px}.workspace{background:#f7f7f2;border:1px solid #e2ebe8}.content{max-width:1680px;padding:42px 48px 70px}.welcome{background:var(--cream);border-radius:18px;margin-bottom:32px;padding:30px 38px;position:relative;overflow:hidden}.welcome:after{content:"";border:1px solid #d6a94d59;border-radius:50%;width:330px;height:330px;position:absolute;top:-150px;right:-70px}.welcome h2{letter-spacing:-.055em;color:#18312f;font-size:34px}.welcome p,.module-head p{color:#526d69;font-size:14px}.eyebrow{letter-spacing:1.5px;color:#087f78;font-size:9px}.primary{background:linear-gradient(135deg,#087f78,#0aa89e);border-radius:12px;padding:13px 18px;box-shadow:0 10px 20px #087f782e}.secondary{color:#087f78;background:#e5f5f2}.subtle{background:#fff;border-color:#dfe9e6}.metric-grid{gap:18px}.metric-card,.panel{box-shadow:var(--shadow);border-color:#e8ecf3;border-radius:17px}.metric-card{padding:19px}.metric-card p{color:#8992a5;font-weight:600}.metric-card>strong{letter-spacing:-.04em;font-size:26px}.metric-card small{font-size:10px}.metric-icon{border-radius:12px;width:37px;height:37px}.dashboard-grid{gap:18px;margin-top:18px}.panel{padding:22px}.panel h3,.panel h2{letter-spacing:-.02em;font-size:14px}.panel-head p{color:#9aa3b4}.chart{height:220px}.bars{background:repeating-linear-gradient(#0000 0 47px,#f0f2f6 48px)}.bar-group i{width:8px}.table-panel{margin-top:18px}.lead-row{padding:13px 0}.contact-avatar{color:#6654d9;background:#eeecff}.chat-layout,.inbox-layout{box-shadow:var(--shadow);border-color:#e8ecf3;border-radius:18px}.chat-title{padding:19px 22px}.messages{background:#f8f9fc}.context-panel{background:#fbfcfe}.permission-box{background:#f1efff}.kanban-col{background:#eef1f6}.deal,.plan-card{border-color:#e8ecf3;box-shadow:0 8px 25px #1e2a4309}.plan-card{border-radius:17px}@media (max-width:760px){.topbar{padding:0 16px}.content{padding:22px 14px 42px}.welcome h2{font-size:25px}}