:root{--paper:#f4f3ef;--paper-2:#eae3d7;--card-warm:#fbf9f4;--ink:#1f252c;--ink-2:#3c4650;--muted:#56606b;--faint:#8f98a3;--line-warm:#d6cec2;--teal:#0e5a6f;--gold:#b68c4a;--gold-strong:#96733a;--gold-ink:#7d5f26;--amber:#a55a3b;--amber-strong:#8a4a30;--amber-soft:#f8f1e7;--amber-panel:#f5ecdd;--amber-sec:#c79a52;--ink-ed:#3e3128;--navy:#07131d;--navy-2:#0b1e2b;--turq:#19d3c5;--green:#34d89e;--wa:#25d366;--wa-deep:#128c7e;--tg:#229ed9;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--shadow-sm:0 1px 2px #040c142e;--shadow:0 10px 30px -12px #040c1473;--shadow-lg:0 30px 70px -30px #040c14a6;--sidebar-w:264px;--sidebar-w-collapsed:76px;--topbar-h:68px}[data-theme=agencia]{--bg:var(--navy);--bg-2:var(--navy-2);--surface:#0b1e2bb8;--surface-solid:#0d2331;--card:#0d2331;--line:#19d3c529;--line-2:#ffffff14;--text:#eaf4f6;--text-2:#b7cdd4;--muted-t:#7f9aa3;--accent:var(--turq);--accent-2:var(--green);--accent-ink:#04222a;--accent-soft:#19d3c51f;--accent-glow:#19d3c559;--chip:#ffffff0f;--ring:#19d3c58c;--bubble-out:#10485c;--bubble-in:#ffffff12}[data-theme=editore]{--bg:var(--paper);--bg-2:var(--paper-2);--surface:#fbf9f4d9;--surface-solid:var(--card-warm);--card:var(--card-warm);--line:#a55a3b38;--line-2:#3e31281f;--text:var(--ink-ed);--text-2:#5b4a3d;--muted-t:#8a7566;--accent:var(--amber);--accent-2:var(--amber-sec);--accent-ink:#fdf8f1;--accent-soft:var(--amber-soft);--accent-glow:#a55a3b40;--chip:#3e31280f;--ring:#a55a3b73;--bubble-out:#f0dcc9;--bubble-in:#fff}[data-theme=grupo]{--bg:#061019;--bg-2:#0a1c26;--surface:#0e5a6f42;--surface-solid:#0c2230;--card:#0c2230;--line:#b68c4a42;--line-2:#ffffff14;--text:#f2f7f7;--text-2:#c3d3d6;--muted-t:#8ba3a8;--accent:var(--gold);--accent-2:var(--teal);--accent-ink:#1c1305;--accent-soft:#b68c4a24;--accent-glow:#b68c4a59;--chip:#ffffff0f;--ring:#b68c4a80;--bubble-out:#12414f;--bubble-in:#ffffff12}[data-mode=light]{--bg:var(--paper);--bg-2:var(--paper-2);--surface:#ffffffdb;--surface-solid:#fff;--card:#fff;--line:#1f252c24;--line-2:#1f252c17;--text:var(--ink);--text-2:var(--ink-2);--muted-t:var(--muted);--chip:#1f252c0d;--ring:#0e5a6f73;--bubble-out:#d9ecf1;--bubble-in:#fff}[data-theme=editore] .chip.soft{color:var(--amber-strong);background:var(--amber-soft)}[data-theme=editore] .chip.warn{color:#7a4d0c;background:#e6a83c38}[data-theme=editore] .chip.ok{color:#1a6b4a;background:#34d89e2e}[data-theme=editore] .chip.bad{color:#a13521;background:#f2705b2e}[data-theme=editore] .chip{color:var(--ink-2)}[data-theme=editore] .muted,[data-theme=editore] .tiny.muted{color:#6f5c4e}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 12% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 500px at 100% 0%, var(--accent-soft), transparent 55%), linear-gradient(180deg, var(--bg), var(--bg-2));-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:700}h1{font-size:1.55rem}h2{font-size:1.18rem}h3{font-size:1rem}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.muted{color:var(--muted-t)}.text-2{color:var(--text-2)}.tiny{font-size:.78rem}.small{font-size:.86rem}.nowrap{white-space:nowrap}.grow{flex:1}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.right{margin-left:auto}.center{place-items:center;display:grid}.login{grid-template-columns:1.05fr .95fr;min-height:100%;display:grid}.login-art{background:linear-gradient(160deg, var(--navy), #0b2231 55%, #0e3547);color:#eaf4f6;flex-direction:column;justify-content:space-between;padding:54px 56px;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";filter:blur(6px);background:radial-gradient(circle,#19d3c547,#0000 62%);width:620px;height:620px;position:absolute;inset:-30% -10% auto auto}.login-panel{background:var(--surface-solid);flex-direction:column;justify-content:center;gap:22px;padding:54px 56px;display:flex}.brand-lock{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.brand-mark{background:linear-gradient(140deg, var(--turq), var(--teal));color:#04222a;width:48px;height:48px;box-shadow:0 12px 26px -10px var(--accent-glow);border-radius:14px;place-items:center;font-size:1.15rem;font-weight:800;display:grid}.brand-mark.editore{background:linear-gradient(140deg, var(--amber-sec), var(--amber));color:#fff8f0}.art-list{z-index:1;gap:14px;max-width:460px;display:grid;position:relative}.art-item{border-radius:var(--r);background:#ffffff0d;border:1px solid #ffffff14;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.art-item svg{color:var(--turq);flex:none;margin-top:2px}.login-card{gap:14px;display:grid}.role-pick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.role-card{border-radius:var(--r);border:1px solid var(--line-2);background:var(--chip);text-align:left;gap:4px;padding:14px;transition:all .18s;display:grid}.role-card:hover{border-color:var(--accent);transform:translateY(-1px)}.role-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.role-card strong{font-size:.95rem}.role-card span{color:var(--muted-t);font-size:.76rem}.demo-note{color:var(--muted-t);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:8px 12px;font-size:.8rem}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100%;transition:grid-template-columns .2s;display:grid}.shell[data-collapsed=true]{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:linear-gradient(180deg, var(--surface-solid), color-mix(in oklab, var(--surface-solid) 88%, var(--bg)));border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:16px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.nav{gap:4px;display:grid;overflow:auto}.nav-item{color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--chip);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12%;bottom:12%;left:-14px}.nav-item svg{flex:none}.nav-badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:.7rem;font-weight:700}.nav-sep{background:var(--line);height:1px;margin:8px 6px}.shell[data-collapsed=true] .nav-label,.shell[data-collapsed=true] .side-foot{display:none}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.content{align-content:start;gap:18px;padding:22px;display:grid}.content>*,.grid>*{min-width:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head .sub{color:var(--muted-t);font-size:.88rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px}.card.tight{padding:14px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.grid{gap:16px;display:grid}.g-kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.g-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.span-2{grid-column:span 2}@media (width<=1100px){.span-2{grid-column:span 1}}.kpi{gap:6px;display:grid}.kpi .label{color:var(--muted-t);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.kpi .value{letter-spacing:-.02em;font-size:1.9rem;font-weight:800;font-family:var(--sans)}.kpi .delta{align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.up{color:var(--green)}.down{color:#f2705b}[data-theme=editore] .up{color:#2f8f5b}.kpi-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.btn{background:var(--chip);border:1px solid var(--line-2);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:all .16s;display:inline-flex}.btn:hover{background:var(--accent-soft);border-color:var(--accent)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-ink);box-shadow:0 10px 24px -12px var(--accent-glow);border-color:#0000}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:0 0}.btn.sm{padding:6px 10px;font-size:.82rem}.btn.icon{padding:8px}.btn[disabled]{opacity:.5;pointer-events:none}.btn.wa{background:linear-gradient(135deg, var(--wa), var(--wa-deep));color:#05291a;border-color:#0000}.input,.select,.textarea{background:var(--chip);border:1px solid var(--line-2);border-radius:10px;width:100%;padding:10px 12px;transition:all .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);background:var(--surface-solid)}.textarea{resize:vertical;min-height:84px}.search{flex:1;min-width:180px;position:relative}.search svg{color:var(--muted-t);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .input{padding-left:36px}.chip{background:var(--chip);border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.chip.solid{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chip.soft{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip.wa{color:#1aa14f;background:#25d36624;border-color:#0000}.chip.tg{color:#1d84b5;background:#229ed929;border-color:#0000}.chip.ok{color:#1e9c6f;background:#34d89e29;border-color:#0000}.chip.warn{color:#a9761a;background:#e6a83c2e;border-color:#0000}.chip.bad{color:#c14c39;background:#f2705b29;border-color:#0000}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:grid}.avatar.lg{width:46px;height:46px;font-size:.95rem}.avatar.sm{width:28px;height:28px;font-size:.7rem}table.tbl{border-collapse:collapse;width:100%;font-size:.9rem}.tbl-wrap{overflow-x:auto}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-t);border-bottom:1px solid var(--line);padding:8px 12px;font-size:.74rem;font-weight:600}table.tbl td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 12px}table.tbl tr:hover td{background:var(--chip)}table.tbl tr:last-child td{border-bottom:none}.bar{background:var(--chip);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.empty{text-align:center;color:var(--muted-t);place-items:center;gap:8px;padding:42px;display:grid}.divider{background:var(--line-2);height:1px;margin:6px 0}.scroll-y{overflow-y:auto}.inbox{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);height:calc(100vh - var(--topbar-h) - 196px);grid-template-columns:360px 1fr;gap:0;min-height:480px;display:grid;overflow:hidden}.inbox-list{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.inbox-filters{border-bottom:1px solid var(--line);gap:10px;padding:12px;display:grid}.conv-list{flex:auto;min-height:0;overflow-y:auto}.conv{border-bottom:1px solid var(--line-2);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px;transition:all .15s;display:grid}.conv:hover{background:var(--chip)}.conv.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.conv .who{align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:flex}.conv .prev{color:var(--muted-t);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.82rem;overflow:hidden}.conv .meta{color:var(--muted-t);text-align:right;justify-items:end;gap:6px;font-size:.72rem;display:grid}.unread{background:var(--wa);color:#042713;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:grid}.channel-dot{color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.chat{background:linear-gradient(180deg, transparent, var(--accent-soft));flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:18px 16px;display:flex;overflow-y:auto}.chat-foot{border-top:1px solid var(--line);background:var(--surface);padding:8px 12px}.daysep{color:var(--muted-t);background:var(--chip);border-radius:999px;align-self:center;padding:3px 10px;font-size:.72rem}.bubble{max-width:68%;box-shadow:var(--shadow-sm);border-radius:14px;padding:10px 13px;font-size:.92rem;animation:.18s pop;position:relative}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.bubble.out{background:var(--bubble-out);border-bottom-right-radius:5px;align-self:flex-end}.bubble.in{background:var(--bubble-in);border:1px solid var(--line-2);border-bottom-left-radius:5px;align-self:flex-start}.bubble.note{max-width:86%;color:var(--text-2);background:#e6a83c24;border:1px dashed #e6a83c80;align-self:center;font-size:.86rem;font-style:italic}.bubble.tpl{border-left:3px solid var(--accent)}.bubble .foot{color:var(--muted-t);justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;font-size:.68rem;display:flex}.tick.sending{opacity:.5}.tick.failed{color:#f2705b}.typing{align-items:center;gap:3px;display:inline-flex}.typing i{background:var(--muted-t);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer{border-top:1px solid var(--line);background:var(--surface);gap:10px;padding:12px;display:grid}.composer-row{align-items:flex-end;gap:10px;display:flex}.composer .textarea{min-height:46px;max-height:140px}.qr-row{flex-wrap:wrap;gap:8px;display:flex}.kanban{grid-auto-columns:minmax(238px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:6px;display:grid;overflow-x:auto}.kcol{background:var(--chip);border:1px solid var(--line);border-radius:var(--r);align-content:start;gap:10px;min-height:200px;padding:12px;display:grid}.kcol-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.kcard{background:var(--surface-solid);border:1px solid var(--line-2);border-radius:var(--r);gap:8px;padding:12px;transition:all .16s;display:grid}.kcard:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.amount{font-family:var(--mono);font-weight:600}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#03090e9e;place-items:center;padding:20px;animation:.16s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-xl);width:min(620px,96vw);max-height:88vh;box-shadow:var(--shadow-lg);gap:16px;padding:22px;animation:.2s rise;display:grid;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.toasts{z-index:100;justify-items:center;gap:8px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-solid);border:1px solid var(--accent);color:var(--text);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:.88rem;font-weight:500;animation:.22s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tpl-preview{background:var(--bubble-in);border:1px solid var(--line-2);border-radius:14px 14px 14px 5px;padding:12px;font-size:.9rem;line-height:1.6}.tpl-preview b{color:var(--accent)}.mobile-only{display:none}@media (width<=1024px){.inbox{grid-template-columns:1fr;height:auto}.inbox-list{border-right:none;border-bottom:1px solid var(--line)}.chat-body{max-height:52vh}}@media (width<=900px){.login{grid-template-columns:1fr}.login-art{display:none}.shell{grid-template-columns:1fr}.sidebar{z-index:60;width:280px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.shell[data-mobile-open=true] .sidebar{box-shadow:var(--shadow-lg);transform:none}.mobile-only{display:inline-flex}.content{padding:16px}.bubble{max-width:84%}.topbar{gap:8px;padding:0 12px}.topbar .search{min-width:0}.topbar .row.tiny.muted,.topbar .nav-label{display:none}.topbar .right{gap:4px!important}.g-2,.g-3{grid-template-columns:1fr}.content>.row{flex-wrap:wrap}.content>.row>span{min-width:0}.between{flex-wrap:wrap}}