:root{
  --bg:#f7f5ff;
  --bg2:#eef8ff;
  --panel:#ffffff;
  --panel-soft:#fbfbff;
  --ink:#15172c;
  --muted:#6d7390;
  --line:#e5e7f2;
  --line-strong:#d5d9ec;
  --primary:#6d5dfc;
  --primary-2:#8b5cf6;
  --primary-3:#18b6f6;
  --teal:#14b8a6;
  --green:#10b981;
  --red:#ef4444;
  --amber:#f59e0b;
  --nav:#13162f;
  --nav2:#1c2043;
  --nav-muted:#aeb5d4;
  --shadow:0 24px 70px rgba(39,44,90,.12);
  --shadow-soft:0 14px 36px rgba(39,44,90,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 14% 8%,rgba(109,93,252,.16),transparent 28%),radial-gradient(circle at 86% 10%,rgba(24,182,246,.16),transparent 24%),linear-gradient(135deg,#fbfbff 0%,#f7f4ff 42%,#eef8ff 100%)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.pad{padding:18px}.ok{color:var(--green);font-weight:800}.danger{color:var(--red);font-weight:800}
.app-shell{display:grid;grid-template-columns:312px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;padding:18px 16px;background:linear-gradient(180deg,var(--nav) 0%,#151832 48%,#101327 100%);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px;color:#fff;box-shadow:18px 0 70px rgba(17,19,39,.18);z-index:10}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(109,93,252,.20),transparent 34%),radial-gradient(circle at 80% 16%,rgba(24,182,246,.22),transparent 22%);pointer-events:none}.sidebar>*{position:relative}.sidebar-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.54;pointer-events:none}.orb-one{width:120px;height:120px;background:#6d5dfc;left:-44px;top:24px}.orb-two{width:130px;height:130px;background:#18b6f6;right:-62px;top:120px}.brand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.brand-emblem{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed 0%,#18b6f6 100%);box-shadow:0 16px 34px rgba(24,182,246,.22);position:relative;overflow:hidden}.brand-emblem:before{content:"";position:absolute;width:26px;height:22px;border-radius:9px;background:#fff;opacity:.96}.brand-emblem:after{content:"";position:absolute;bottom:10px;left:14px;width:10px;height:10px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%)}.brand-emblem b{position:relative;z-index:2;width:4px;height:8px;border-radius:5px;background:#6d5dfc;box-shadow:12px 0 0 #6d5dfc}.brand strong{display:block;font-size:18px;letter-spacing:.01em}.brand small{display:block;color:var(--nav-muted);font-size:12px;margin-top:3px}.sidebar-toggle{position:absolute;right:-14px;top:34px;width:30px;height:30px;border:0;border-radius:999px;background:#fff;color:#6d5dfc;font-weight:900;box-shadow:0 12px 30px rgba(17,19,39,.24);z-index:30}.nav{overflow:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px 8px;scrollbar-width:thin}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:99px}.nav-section{display:grid;gap:5px}.nav-label{padding:0 12px 3px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7f88b7;font-weight:900}.side-link,.premium-menu summary{height:42px;display:flex;align-items:center;gap:11px;border-radius:14px;padding:0 11px;color:#d9def8;font-weight:760;letter-spacing:.005em;transition:.18s ease}.side-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:#bec6f2;font-weight:900;font-size:13px;flex:0 0 auto}.side-link:hover,.premium-menu summary:hover{background:rgba(255,255,255,.075);color:#fff}.side-link.active,.premium-menu details[open]>summary{background:linear-gradient(135deg,rgba(109,93,252,.30),rgba(24,182,246,.12));color:#fff;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.side-link.active .side-icon,.premium-menu details[open]>summary .side-icon{background:linear-gradient(135deg,#7c3aed,#18b6f6);color:#fff}.admin-link{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.24)}.premium-menu details{border-radius:16px}.premium-menu details summary{list-style:none;position:relative}.premium-menu details summary::-webkit-details-marker{display:none}.premium-menu summary b{margin-left:auto;width:18px;height:18px;border-radius:99px;position:relative;background:rgba(255,255,255,.06)}.premium-menu summary b:before{content:"";position:absolute;inset:5px;border-right:2px solid #abb5e6;border-bottom:2px solid #abb5e6;transform:rotate(45deg) translate(-1px,-1px);transition:.18s}.premium-menu details[open] summary b:before{transform:rotate(225deg) translate(-3px,-3px)}.submenu{margin:6px 0 3px 42px;padding-left:13px;border-left:1px dashed rgba(255,255,255,.16);display:grid;gap:3px}.submenu a{display:flex;align-items:center;min-height:33px;border-radius:11px;padding:7px 10px;color:#aeb5d4;font-size:13px;font-weight:720;position:relative}.submenu a:before{content:"";position:absolute;left:-17px;top:50%;width:9px;border-top:1px dashed rgba(255,255,255,.18)}.submenu a:hover{color:#fff;background:rgba(255,255,255,.06)}.submenu a.active{color:#fff;background:rgba(109,93,252,.24);box-shadow:inset 3px 0 0 #18b6f6}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.workspace-select button{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:800}.workspace-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.profile-avatar{width:42px;height:42px;border-radius:14px;background:#fff;color:#6d5dfc;display:grid;place-items:center;font-weight:900}.sidebar-profile strong,.sidebar-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{color:var(--nav-muted);font-size:12px;margin-top:2px}.sidebar-profile form button{border:0;width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:900}.main{min-width:0;padding:28px 32px 42px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar-copy h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.03em}.topbar-copy p{margin:8px 0 0;color:var(--muted);font-weight:560}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line-strong);background:#fff;border-radius:14px;padding:11px 16px;font-weight:850;color:#222542;box-shadow:0 10px 24px rgba(37,43,84,.07);transition:.16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(37,43,84,.10)}.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-3));box-shadow:0 16px 34px rgba(109,93,252,.25)}.btn.purple,.purple{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,#8b5cf6,#6d5dfc)!important}.btn.ghost{background:rgba(255,255,255,.72)}.btn.amber{background:linear-gradient(135deg,#ffcf70,#f59e0b);border-color:transparent;color:#2f2307}.btn.small{padding:9px 13px;font-size:13px}.btn.full{width:100%}.panel,.glass-card,.stat-card{background:rgba(255,255,255,.82);border:1px solid rgba(229,231,242,.88);box-shadow:var(--shadow-soft);border-radius:var(--radius);backdrop-filter:blur(18px)}.panel{padding:22px;margin-bottom:22px}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.panel-head h2,.panel h2{margin:0 0 6px;font-size:20px}.soft-line{border:0;border-top:1px solid var(--line);margin:18px 0}.quick-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:120px;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,248,255,.72));box-shadow:var(--shadow-soft);padding:20px;display:flex;align-items:flex-start;justify-content:space-between}.metric-card:before{content:"";position:absolute;right:-28px;top:-38px;width:118px;height:118px;border-radius:50%;background:linear-gradient(135deg,rgba(109,93,252,.16),rgba(24,182,246,.18))}.metric-card span{font-size:12px;letter-spacing:.10em;text-transform:uppercase;color:#71789b;font-weight:900}.metric-card strong{display:block;font-size:30px;margin:8px 0;color:#20243f}.metric-card a{font-size:13px;font-weight:840;color:#6558f6}.metric-card i{position:relative;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-style:normal;font-size:22px;background:linear-gradient(135deg,#eef0ff,#e6fbff);color:#6d5dfc}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px}.chart-card{min-height:412px;padding:22px;display:grid}.chart-wrap{min-height:350px;display:grid;align-items:end}.chart-wrap svg{width:100%;height:288px;overflow:visible}.chart-wrap svg line{stroke:#d9def0;stroke-width:1}.chart-wrap .line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.chart-wrap .line.inbound{stroke:#6d5dfc}.chart-wrap .line.outbound{stroke:#18b6f6}.axis-label{display:none}.axis-fix{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:0 10px;color:#737894;font-size:13px;text-align:center}.chart-legend{display:flex;justify-content:center;gap:22px;margin-top:12px;font-size:13px;color:#5d647e;font-weight:760}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}.inbound-dot{background:#6d5dfc}.outbound-dot{background:#18b6f6}.right-rail{display:grid;gap:16px}.setup-tile{position:relative;overflow:hidden;background:rgba(255,255,255,.84);border:1px solid rgba(229,231,242,.9);border-radius:24px;box-shadow:var(--shadow-soft);padding:20px;display:flex;align-items:center;justify-content:space-between;min-height:128px}.setup-tile:after{content:"";position:absolute;right:-30px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:rgba(109,93,252,.08)}.setup-tile h3{margin:0 0 7px;font-size:17px}.setup-tile p{margin:0 0 14px;color:#5b617d;line-height:1.45}.circle-icon{position:relative;z-index:1;width:62px;height:62px;border-radius:21px;display:grid;place-items:center;font-size:30px;font-style:normal;background:linear-gradient(135deg,#6d5dfc,#18b6f6);color:#fff;box-shadow:0 16px 34px rgba(109,93,252,.22)}.circle-icon.whatsapp{background:linear-gradient(135deg,#12b981,#18b6f6)}.circle-icon.team{background:linear-gradient(135deg,#f59e0b,#8b5cf6)}.dashed-empty{border:1.5px dashed #cfd5ea;border-radius:16px;padding:24px 16px;text-align:center;margin:12px 0;color:#69708d;background:rgba(255,255,255,.46)}.mini-campaign{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.compact-stats{margin-top:18px}.stat-card{padding:20px}.stat-card span{display:block;color:#6f7695;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.stat-card strong{display:block;font-size:30px;margin:8px 0 2px}.stat-card small{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row small{display:block;color:var(--muted);margin-top:3px}.pill,.tag,.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;background:#eef0ff;color:#5b4ff0;font-size:12px;font-weight:850;text-transform:capitalize}.pill.open,.pill.active,.pill.running,.pill.approved{background:#e9fbff;color:#047ca1}.pill.closed,.pill.cancelled,.pill.failed,.danger.pill{background:#fff0f0;color:#c13232}.pill.pending,.pill.draft,.pill.scheduled{background:#fff7e6;color:#b56600}.pill.solved,.pill.completed{background:#eafaf4;color:#04815c}.tag{background:#f4f5fb;color:#444a65;margin:2px}.badge{min-width:22px;background:#edf0ff;color:#6558f6}.module-chips{display:flex;flex-wrap:wrap;gap:10px}.module-chips span{padding:10px 12px;border-radius:999px;background:#f5f6fb;border:1px solid var(--line);font-weight:780;color:#444a65}.product-map{display:flex;align-items:center;justify-content:space-between;gap:30px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#6f7695;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td,th{padding:14px;border-bottom:1px solid var(--line)}td{color:#30344f}tr:hover td{background:#fbfbff}.details{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:18px 0}.details dt{color:var(--muted);font-weight:800}.details dd{margin:0;color:#1f233a}.empty-state{padding:42px;text-align:center}.searchbar,.filterbar{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid var(--line-strong);border-radius:14px;background:#fff;padding:11px 12px;color:#15172c;outline:none}input:focus,select:focus,textarea:focus{border-color:#a49bff;box-shadow:0 0 0 4px rgba(109,93,252,.12)}.searchbar input{flex:1}.searchbar button{border:0;border-radius:12px;background:#eff0ff;color:#6d5dfc;font-weight:900;padding:0 14px}.tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}.tabs a{font-size:13px;font-weight:850;color:#5e6480;background:#f7f8fc;padding:8px 11px;border-radius:999px}.title-count{color:#7b82a2;font-weight:850}.icon-btn{width:42px;height:42px;border-radius:15px;border:1px solid rgba(109,93,252,.22);background:linear-gradient(135deg,#fff,#f2f3ff);color:#6d5dfc;font-size:24px;font-weight:900}.sub-action{color:#6d5dfc;font-weight:850}.contact-screen{display:grid;grid-template-columns:430px minmax(0,1fr);gap:18px;min-height:calc(100vh - 130px)}.contact-left{border-radius:24px}.contact-search{display:flex;align-items:center;margin:16px;padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.contact-search input{border:0;box-shadow:none;flex:1;padding:13px 14px}.contact-search button{border:0;background:transparent;width:48px;font-size:20px;color:#6d5dfc}.contact-toolbar{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);color:#565d7a}.contact-toolbar label{font-weight:800}.contact-toolbar input[type=checkbox]{width:18px;height:18px;vertical-align:-4px}.contact-toolbar select{height:34px;border-radius:11px;padding:4px 10px}.kebab{margin-left:auto;border:0;background:#f2f3ff;color:#6d5dfc;border-radius:13px;width:34px;height:34px;font-size:20px}.contact-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;border-bottom:1px solid var(--line);gap:8px}.contact-tabs a{height:38px;display:grid;place-items:center;font-weight:850;border-radius:13px;color:#6f7695}.contact-tabs a.active{background:#eef0ff;color:#6d5dfc}.contact-list{overflow:auto;max-height:calc(100vh - 300px)}.contact-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #eff1f7}.contact-row:hover{background:#fbfbff}.contact-avatar{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#eef0ff,#e5fbff);color:#6d5dfc;font-weight:900}.contact-row strong,.contact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-row small{color:#747b99}.contact-row em{font-style:normal;font-size:12px;color:#747b99}.contact-main{min-width:0}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-lite{position:relative;overflow:hidden;background:rgba(255,255,255,.82);border:1px solid rgba(229,231,242,.9);border-radius:22px;box-shadow:var(--shadow-soft);min-height:140px;padding:22px;display:flex;justify-content:space-between;gap:12px}.stat-lite span{display:block;color:#6f7695;font-size:14px;font-weight:850;margin-bottom:18px}.stat-lite strong{font-size:28px}.stat-lite p{font-style:italic;color:#8b91aa}.stat-lite i{width:34px;height:34px;border-radius:13px;background:#eef0ff;display:grid;place-items:center;color:#6d5dfc;font-style:normal}.source-bars{grid-column:1/-1;display:flex;gap:24px;font-size:12px;color:#747b99}.select-contact-card{width:min(560px,100%);min-height:300px;margin:18px auto 24px;background:rgba(255,255,255,.82);border:1px solid rgba(229,231,242,.9);border-radius:28px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.select-contact-card:before{content:"";position:absolute;inset:24px;border:1px dashed #d5d9ec;border-radius:22px}.select-contact-card>*{position:relative}.select-contact-card h2{font-size:25px;color:#59607d;margin:0 0 18px}.select-contact-card span{display:block;color:#8289a4;font-weight:900;margin-bottom:22px}.select-vertical{width:44px;height:44px;border-radius:18px;background:linear-gradient(135deg,#6d5dfc,#18b6f6);margin-bottom:16px}.select-actions{display:flex;gap:12px}.empty-panel.slim{padding:42px;text-align:center;color:#7b82a2}.template-panel{padding:0;border-radius:24px;overflow:hidden}.template-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 150px 150px auto;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.template-filterbar input,.template-filterbar select{height:42px;border-radius:14px}.template-table th{font-size:12px;color:#6f7695;background:#fbfbff}.template-table td{height:60px}.template-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.folder-icon{font-size:54px;margin-bottom:18px;color:#6d5dfc}.template-empty h2{font-size:21px;margin:0 0 20px}.app-dialog{border:0;border-radius:22px;padding:0;background:transparent}.app-dialog::backdrop{background:rgba(22,25,52,.48);backdrop-filter:blur(5px)}.dialog-card{position:relative;width:min(780px,calc(100vw - 32px));background:#fff;border:1px solid rgba(255,255,255,.70);border-radius:24px;padding:28px;box-shadow:0 34px 100px rgba(21,23,44,.28)}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:#f3f4fb;color:#6d5dfc;border-radius:14px;width:36px;height:36px;font-size:22px}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:8px;font-weight:850;color:#3b405c}.stack-form input,.stack-form select,.stack-form textarea{width:100%}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span{grid-column:1/-1}.inbox-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 310px;gap:18px;height:calc(100vh - 130px);min-height:650px}.conversation-list,.chat-panel,.profile-panel{height:100%;min-height:0}.conversation-list{overflow:auto}.conversation-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.conversation-item.active,.conversation-item:hover{background:#f4f5ff}.avatar{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#eef0ff,#e5fbff);color:#6d5dfc;display:grid;place-items:center;font-weight:900}.avatar.big{width:76px;height:76px;font-size:26px;margin:auto}.conversation-item strong,.conversation-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{color:var(--muted);font-size:12px}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88)}.chat-head h2{margin:0}.chat-head p{margin:5px 0 0;color:var(--muted)}.chat-actions{display:flex;gap:8px;align-items:center}.messages{padding:22px;overflow:auto;background:linear-gradient(180deg,#f8f7ff,#ffffff)}.message{display:flex;margin-bottom:12px}.message.outbound{justify-content:flex-end}.bubble{max-width:72%;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(39,44,90,.05)}.outbound .bubble{background:#eef0ff;border-color:#d8dcff}.bubble p{margin:0 0 6px}.bubble small{color:#747b99;font-size:11px}.composer{border-top:1px solid var(--line);padding:14px;background:#fff}.composer textarea{width:100%;resize:vertical;margin:10px 0}.composer-tools,.composer-actions{display:flex;gap:8px;align-items:center}.composer-tools select{max-width:220px}.composer-actions{justify-content:flex-end}.profile-panel{overflow:auto}.profile-card{text-align:center;padding:22px;border-radius:20px;background:#f8f8ff;border:1px solid var(--line);margin:12px 0 18px}.profile-card strong,.profile-card small{display:block}.automation-board{overflow:auto}.flow-canvas{display:flex;align-items:center;gap:14px;min-height:220px}.node{min-width:160px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(39,44,90,.07);font-weight:900;text-align:center}.node small{display:block;color:var(--muted);margin-top:6px}.node.trigger{background:#eef0ff;color:#6d5dfc}.node.ai{background:#f4edff;color:#8b5cf6}.node.action{background:#e8fbff;color:#0793b7}.flow-page-grid{grid-template-columns:1.2fr .8fr}.flow-tools button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px;font-weight:850;color:#40465f}.flow-tools button:hover{background:#eef0ff;color:#6d5dfc}.flow-editor-canvas{position:relative;height:560px;overflow:auto;background:radial-gradient(circle at 1px 1px,#dce0f0 1px,transparent 0);background-size:28px 28px;border:1px solid var(--line);border-radius:22px}.flow-node{position:absolute;min-width:164px;border-radius:18px;background:#fff;border:1px solid #dfe3f4;box-shadow:0 16px 34px rgba(39,44,90,.10);padding:14px;cursor:grab}.flow-node.selected{outline:3px solid rgba(109,93,252,.25)}.flow-node strong,.flow-node small{display:block}.flow-node small{color:#747b99}.flow-svg{position:absolute;inset:0;pointer-events:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%)}.login-card{padding:34px;text-align:center}.login-card h1{margin:14px 0 8px;font-size:30px}.login-card p{color:var(--muted);line-height:1.6}.alert{background:#fff0f0;color:#c13232;border:1px solid #ffd6d6;border-radius:14px;padding:12px;margin:14px 0;text-align:left}.toast-stack{position:fixed;right:24px;top:24px;z-index:50;display:grid;gap:8px}.toast{padding:12px 14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:14px;box-shadow:var(--shadow-soft);font-weight:780}.floating-help{position:fixed;right:22px;bottom:22px;display:grid;gap:12px;z-index:30}.floating-help a{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#12b981,#18b6f6);color:#fff;font-size:22px;font-weight:900;box-shadow:0 16px 34px rgba(20,184,166,.24)}.floating-help a.dev{background:linear-gradient(135deg,#6d5dfc,#8b5cf6);font-size:16px}.source-bars b{color:#59607d}.contact-main .panel{margin-top:18px}
@media(max-width:1320px){.dashboard-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-screen{grid-template-columns:380px 1fr}.stat-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;max-height:none;overflow:visible}.nav{max-height:none}.topbar{display:block}.top-actions{margin-top:14px}.contact-screen{display:block}.contact-left{margin-bottom:18px}.quick-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.template-filterbar{grid-template-columns:1fr 1fr}.right-rail{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr;height:auto}.conversation-list,.chat-panel{height:620px}.profile-panel{display:none}.grid-2{grid-template-columns:1fr}.form-grid-2{grid-template-columns:1fr}.product-map{display:block}}
@media(max-width:620px){.main{padding:18px}.quick-metrics,.stats-grid,.stat-row{grid-template-columns:1fr}.template-filterbar{grid-template-columns:1fr}.select-contact-card{width:100%}.select-actions{flex-direction:column;width:80%}.composer-tools{flex-wrap:wrap}.chat-head{display:block}.chat-actions{margin-top:10px}.bubble{max-width:90%}.dialog-card{padding:22px}}
body.sidebar-collapsed .app-shell{grid-template-columns:92px minmax(0,1fr)}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .side-link span:last-child,body.sidebar-collapsed .premium-menu summary span:last-of-type,body.sidebar-collapsed .premium-menu summary b,body.sidebar-collapsed .submenu,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .workspace-select,body.sidebar-collapsed .sidebar-profile div,body.sidebar-collapsed .sidebar-profile form{display:none!important}body.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0;background:transparent;border-color:transparent}body.sidebar-collapsed .brand-emblem{transform:scale(.82)}body.sidebar-collapsed .side-link,body.sidebar-collapsed .premium-menu summary{justify-content:center;padding:0!important}body.sidebar-collapsed .side-icon{margin:0}body.sidebar-collapsed .sidebar-toggle{right:-15px}body.sidebar-collapsed .nav-section{gap:7px}body.sidebar-collapsed .sidebar-profile{display:grid;grid-template-columns:1fr;justify-items:center;background:transparent;border-color:transparent}

/* Baileys QR connector */
.baileys-grid .warning-panel{background:linear-gradient(145deg,rgba(255,247,237,.95),rgba(255,255,255,.92));border-color:#fed7aa}.soft-list{display:grid;gap:10px;margin:16px 0 0;padding-left:20px;color:#475569}.selectable-row{text-decoration:none;color:inherit}.selectable-row.selected{border-color:#8b5cf6;background:linear-gradient(90deg,rgba(139,92,246,.09),rgba(34,211,238,.07))}.qr-stage{min-height:310px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:24px;background:radial-gradient(circle at top,rgba(139,92,246,.10),rgba(255,255,255,.92) 55%);margin:18px 0;padding:24px}.qr-placeholder,.qr-box,.qr-success,.qr-raw{display:grid;place-items:center;text-align:center;gap:12px}.qr-skeleton{width:190px;height:190px;border-radius:22px;background:linear-gradient(135deg,#eef2ff,#f8fafc);box-shadow:inset 0 0 0 14px #fff,inset 0 0 0 16px #cbd5e1}.qr-box img{width:245px;height:245px;object-fit:contain;border-radius:22px;padding:14px;background:white;box-shadow:0 20px 60px rgba(15,23,42,.16)}.success-ring{width:96px;height:96px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#22d3ee);color:#fff;font-size:48px;font-weight:900;box-shadow:0 18px 45px rgba(16,185,129,.28)}.qr-raw textarea{width:min(520px,90vw);height:120px;border-radius:16px;border:1px solid #cbd5e1;padding:12px;font-size:12px}.wrap-actions{flex-wrap:wrap}.compact-details code{word-break:break-all}.pill.qr,.pill.connecting,.pill.created{background:#eef2ff;color:#3730a3}.pill.connected{background:#dcfce7;color:#166534}.pill.disconnected,.pill.closed,.pill.logged_out{background:#fee2e2;color:#991b1b}.pill.warning{background:#fef3c7;color:#92400e}.pill.danger{background:#fee2e2;color:#991b1b}.link-danger{border:0;background:transparent;color:#dc2626;text-decoration:underline;cursor:pointer;margin-top:10px}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}