@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";

:root {
  --background: #ffffff;
  --foreground: #111528;
  --card: #ffffff;
  --card-foreground: #111528;
  --popover: #ffffff;
  --popover-foreground: #111528;
  --primary: #5357f7;
  --primary-foreground: #ffffff;
  --secondary: #f4f6fb;
  --secondary-foreground: #181c31;
  --muted: #f3f5f9;
  --muted-foreground: #66708d;
  --accent: #eef0ff;
  --accent-foreground: #383ed8;
  --destructive: #d92d46;
  --border: #e3e7f1;
  --input: #dfe4ee;
  --ring: #7679ff;
  --chart-1: #5357f7;
  --chart-2: #21c6a8;
  --chart-3: #14a0db;
  --chart-4: #ff9d66;
  --chart-5: #9c6cf4;
  --radius: .85rem;
}

@theme inline {
  --color-background: var(--background); --color-foreground: var(--foreground);
  --color-card: var(--card); --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive); --color-border: var(--border);
  --color-input: var(--input); --color-ring: var(--ring);
  --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 5px);
  --font-sans: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; background: #fff; color: #12162a; font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 112px 0; }

.site-header { height: 76px; position: sticky; inset-block-start: 0; z-index: 40; border-bottom: 1px solid rgba(225,229,239,.85); background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; direction: ltr; font-size: 1.02rem; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.brand b { color: #5559f8; }
.brand-mark { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: white; background: linear-gradient(140deg,#6c70ff,#3940d8 60%,#20c6ad); box-shadow: 0 8px 22px rgba(83,87,247,.25); }
.brand-mark svg { width: 19px; }
.desktop-nav { display: flex; align-items: center; gap: 28px; color: #545e79; font-size: .9rem; font-weight: 600; }
.desktop-nav a { position: relative; transition: color .2s ease; }
.desktop-nav a:hover { color: #4b50e8; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; background: transparent; border: 0; border-radius: 10px; color: #5f6983; cursor: pointer; }
.icon-button:hover { background: #f1f3fa; }
.icon-button svg { width: 19px; }
.login-link { border: 0; background: none; color: #606a84; font-weight: 600; cursor: pointer; }
.primary-button { border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg,#5f63ff,#4046ed) !important; color: #fff !important; box-shadow: 0 10px 28px rgba(75,80,235,.23); font-weight: 750 !important; }
.primary-button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.large { height: 48px !important; padding-inline: 22px !important; font-size: .95rem !important; }
.mobile-menu, .mobile-nav { display: none; }

.hero { position: relative; min-height: 710px; padding: 96px 0 90px; overflow: hidden; background: linear-gradient(180deg,#ffffff 0%,#fafbff 75%,#fff 100%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: radial-gradient(#cbd1e8 .7px,transparent .7px); background-size: 22px 22px; mask-image: linear-gradient(to bottom,black,transparent 82%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero-glow-one { width: 420px; height: 420px; inset-block-start: 30px; inset-inline-end: -180px; background: radial-gradient(circle,rgba(76,82,242,.15),transparent 68%); }
.hero-glow-two { width: 440px; height: 440px; inset-block-end: -210px; inset-inline-start: 25%; background: radial-gradient(circle,rgba(27,194,176,.11),transparent 68%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 68px; }
.eyebrow { width: max-content; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #cdd0ff; color: #4d51ec; background: #f3f3ff; border-radius: 999px; padding: 7px 12px; font-size: .79rem; font-weight: 700; }
.eyebrow svg { width: 16px; height: 16px; }
.hero h1 { margin: 22px 0 20px; font-size: clamp(3.05rem,5.2vw,5.35rem); line-height: 1.08; letter-spacing: -.055em; font-weight: 900; }
.hero h1 span { background: linear-gradient(90deg,#5357f7,#8f61ec 52%,#18aeb6); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy > p { max-width: 570px; margin: 0; color: #66708d; font-size: 1.08rem; line-height: 1.95; }
.hero-actions { display: flex; align-items: center; gap: 12px; margin-top: 30px; }
.outline-button { border-color: #d9deea !important; background: rgba(255,255,255,.8) !important; color: #20263c !important; box-shadow: 0 7px 20px rgba(35,42,67,.05); }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 25px; color: #646e88; font-size: .82rem; }
.trust-row span { display: flex; align-items: center; gap: 5px; }
.trust-row svg { width: 15px; color: #19ad78; }

.hero-console { position: relative; direction: rtl; border: 1px solid #dde2ee; background: rgba(255,255,255,.92); border-radius: 24px; box-shadow: 0 34px 90px rgba(43,49,101,.16), 0 2px 5px rgba(43,49,101,.06); overflow: visible; transform: perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.console-topbar { height: 47px; padding: 0 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #e6e9f2; color: #707993; font-size: .71rem; background: #fbfcff; border-radius: 24px 24px 0 0; }
.console-dots { display: flex; direction: ltr; gap: 5px; justify-self: end; }
.console-dots i { width: 7px; height: 7px; border-radius: 50%; background: #ccd1de; }
.console-dots i:first-child { background: #ff8b73; }.console-dots i:nth-child(2) { background: #ffc55d; }.console-dots i:last-child { background: #43cda4; }
.online { justify-self: start; display: flex; align-items: center; gap: 5px; }.online i { width: 7px; height: 7px; background: #29be83; border-radius: 50%; }
.console-body { height: 397px; display: grid; grid-template-columns: 56px 220px 1fr; direction: ltr; overflow: hidden; border-radius: 0 0 24px 24px; }
.console-side { padding: 12px 8px; border-right: 1px solid #e8ebf3; background: #fbfcff; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.console-side button,.mini-logo { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #8b93aa; }
.console-side button.active { color: #555af0; background: #eceeff; }.console-side svg { width: 16px; }.mini-logo { background: #555af0; color: #fff; margin-bottom: 8px; }.mini-logo svg { width: 16px; }
.console-list { direction: rtl; border-right: 1px solid #e8ebf3; background: #fff; }
.console-title { height: 58px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0f5; }.console-title strong { font-size: .78rem; }.console-title span { font-size: .59rem; color: #8a92aa; }
.conversation { position: relative; display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; padding: 13px 10px; border-bottom: 1px solid #f0f2f7; align-items: start; }.conversation.selected { background: #f2f3ff; }.conversation strong { display: block; font-size: .67rem; margin-bottom: 3px; }.conversation p { margin: 0; max-width: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #7c859c; font-size: .56rem; }.conversation small { font-size: .51rem; color: #9aa1b2; direction: ltr; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; font-size: .68rem; font-weight: 800; }.avatar-1 { background: #e5f9f1; color: #0d9c70; }.avatar-2 { background: #fff0e9; color: #dc754d; }.avatar-3 { background: #eeeaff; color: #6c53d4; }
.console-chat { direction: rtl; display: flex; flex-direction: column; min-width: 0; background: linear-gradient(180deg,#fbfcff,#f7f8fc); }
.chat-person { height: 58px; display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #fff; border-bottom: 1px solid #edf0f5; }.chat-person strong,.chat-person span { display: block; font-size: .68rem; }.chat-person span { color: #26ae7c; font-size: .55rem; }
.chat-bubbles { flex: 1; padding: 18px 14px; }.chat-bubbles p { width: fit-content; max-width: 83%; padding: 9px 11px; margin: 0 0 11px; border-radius: 12px; font-size: .62rem; line-height: 1.65; }.incoming { background: #fff; border: 1px solid #e8ebf2; border-top-right-radius: 3px !important; }.outgoing { margin-right: auto !important; background: #565bf1; color: #fff; border-top-left-radius: 3px !important; }.chat-bubbles .ai-note { display: flex; align-items: center; gap: 5px; max-width: 100%; padding: 5px 8px; color: #696fd5; background: #eff0ff; font-size: .52rem; }.ai-note svg { width: 12px; }
.chat-input { height: 44px; margin: 0 12px 12px; padding: 0 12px; border: 1px solid #e0e4ed; background: #fff; border-radius: 11px; display: flex; align-items: center; justify-content: space-between; color: #9aa2b4; font-size: .6rem; }.chat-input svg { width: 16px; color: #555af0; }
.floating-metric { position: absolute; min-width: 128px; padding: 11px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(220,225,237,.9); background: rgba(255,255,255,.94); backdrop-filter: blur(12px); border-radius: 14px; box-shadow: 0 18px 45px rgba(37,43,78,.14); transform: rotateY(3deg); }.floating-metric > svg { width: 28px; height: 28px; padding: 6px; border-radius: 9px; color: #fff; background: #555af0; }.floating-metric strong,.floating-metric span { display: block; }.floating-metric strong { font-size: .92rem; line-height: 1.2; }.floating-metric span { color: #8189a0; font-size: .58rem; }.metric-one { inset-block-start: 70px; inset-inline-end: -48px; }.metric-two { inset-block-end: 42px; inset-inline-start: -48px; }.metric-two > svg { background: #19bca0; }

.stats-strip { border-block: 1px solid #e8ebf2; background: #fff; }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-block: 34px; }
.stats-grid > div { text-align: center; border-inline-start: 1px solid #e7eaf1; }.stats-grid > div:last-child { border: 0; }.stats-grid strong,.stats-grid span { display: block; }.stats-grid strong { font-size: 1.65rem; line-height: 1.2; letter-spacing: -.03em; }.stats-grid span { color: #788198; font-size: .78rem; margin-top: 5px; }

.section-head { max-width: 690px; margin: 0 auto 52px; text-align: center; }.section-head .eyebrow { margin-inline: auto; }.section-head h2,.demo-copy h2,.integrations-grid h2,.faq-grid h2,.contact-copy h2 { margin: 18px 0 12px; font-size: clamp(2.1rem,3.6vw,3.35rem); line-height: 1.25; letter-spacing: -.045em; font-weight: 900; }.section-head p,.demo-copy > p,.integrations-grid > div > p,.faq-grid > div > p,.contact-copy > p { margin: 0; color: #707a94; font-size: 1rem; line-height: 1.9; }
.platform-section { background: #fbfcff; }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.feature-card { min-height: 278px; padding: 27px 24px; display: flex; flex-direction: column; border: 1px solid #e1e5ef; background: #fff; border-radius: 18px; box-shadow: 0 8px 28px rgba(46,54,95,.04); transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }.feature-card:hover { transform: translateY(-5px); border-color: #cdd0ff; box-shadow: 0 18px 44px rgba(46,54,95,.09); }.feature-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #5357ec; background: #eff0ff; }.feature-icon svg { width: 22px; }.feature-card h3 { margin: 22px 0 9px; font-size: 1.08rem; }.feature-card p { margin: 0; color: #737c93; font-size: .88rem; line-height: 1.85; }.feature-card a { margin-top: auto; padding-top: 18px; display: inline-flex; align-items: center; gap: 5px; color: #4f54ea; font-size: .79rem; font-weight: 700; }.feature-card a svg { width: 15px; }

.demo-section { background: #11142a; color: #fff; overflow: hidden; position: relative; }.demo-section::before { content:""; position:absolute; width:480px;height:480px;border-radius:50%;inset:-190px auto auto -100px;background:radial-gradient(circle,rgba(86,92,245,.25),transparent 67%); }
.demo-grid { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; gap: 68px; align-items: center; }.demo-copy .eyebrow { color: #bfc3ff; border-color: #454a7d; background: #202442; }.demo-copy h2 { color: #fff; }.demo-copy > p { color: #aeb6cd; }.demo-copy ul { list-style: none; padding: 0; margin: 27px 0 30px; display: grid; gap: 12px; }.demo-copy li { display: flex; align-items: center; gap: 10px; color: #d4d9e8; font-size: .9rem; }.demo-copy li svg { width: 18px; color: #52d8b7; }
.dashboard-shell { min-width: 0; padding: 12px; border: 1px solid #333855; background: #1b1f38; border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.3); }.dashboard-tabs { width: 100%; height: 44px !important; padding: 4px; background: #11152b !important; }.dashboard-tabs button { color: #929bb4 !important; height: 36px !important; }.dashboard-tabs button[data-state="active"] { color: #fff !important; background: #2a2f51 !important; }
.dashboard-panel { min-height: 360px; padding: 18px 6px 6px; color: #111528; }.metric-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.metric-cards > div { padding: 16px; border: 1px solid #343a5d; background: #232843; border-radius: 14px; }.metric-cards span,.metric-cards strong,.metric-cards small { display: block; }.metric-cards span { color: #aab1c7; font-size: .7rem; }.metric-cards strong { color: #fff; font-size: 1.45rem; margin: 6px 0 1px; direction: ltr; text-align: right; }.metric-cards small { color: #50d0ad; font-size: .62rem; }
.activity-card { margin-top: 11px; padding: 5px 16px; background: #fff; border-radius: 15px; }.activity-head { display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:.73rem; }.activity-head span { display:flex;align-items:center;gap:5px;color:#7a8398;font-size:.61rem; }.activity-head i { width:7px;height:7px;background:#25bd87;border-radius:50%; }
.activity-row { display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2f6; }.activity-row:last-child { border:0; }.activity-row strong,.activity-row span { display:block; }.activity-row strong { font-size:.7rem; }.activity-row span { color:#7b8499;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px; }.activity-row em { font-style:normal;font-size:.56rem;color:#5157e8;background:#eef0ff;padding:3px 7px;border-radius:999px; }
.agent-panel { display: grid; align-content:start; gap: 11px; }.agent-card { min-height:84px;padding:14px 16px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;background:#fff;border-radius:15px; }.agent-avatar { width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#5357ed;background:#eef0ff; }.agent-avatar svg{width:21px}.agent-card strong,.agent-card small{display:block}.agent-card div small{color:#1da979}.agent-card b{font-size:1.15rem}.agent-card b small{display:inline;color:#818aa0;font-size:.6rem;font-weight:500}
.analytics-panel { background:#fff;border-radius:15px;margin-top:0;padding:20px; }.chart-title{display:flex;justify-content:space-between}.chart-title span{font-size:.7rem;color:#7a8397}.bars{height:250px;display:grid;grid-template-columns:repeat(7,1fr);gap:16px;align-items:end;padding-top:28px}.bars div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars i{width:100%;max-width:38px;background:linear-gradient(180deg,#696dff,#4d52e9);border-radius:8px 8px 3px 3px}.bars span{font-size:.65rem;color:#7b8498}

.sectors-section { background: #fff; }.sectors-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }.sector-card { min-height:394px;padding:26px;border:1px solid #e0e4ee;border-radius:19px;display:flex;flex-direction:column; }.sector-card.coral{background:linear-gradient(145deg,#fff1e9,#fffaf7)}.sector-card.rose{background:linear-gradient(145deg,#ffedf0,#fff9fa)}.sector-card.blue{background:linear-gradient(145deg,#eaf2ff,#f8fbff)}.sector-card.violet{background:linear-gradient(145deg,#f1ebff,#fbf9ff)}.sector-card.mint{background:linear-gradient(145deg,#e3f8f1,#f7fcfa)}.sector-card.cyan{background:linear-gradient(145deg,#e5f8fc,#f6fcfe)}
.sector-top{display:flex;align-items:center;justify-content:space-between}.sector-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.72);color:#5257e7}.sector-icon svg{width:20px}.sector-top div{text-align:left;direction:ltr}.sector-top strong,.sector-top small{display:block}.sector-top strong{font-size:1.15rem}.sector-top small{font-size:.58rem;color:#66718b}.sector-card h3{margin:22px 0 8px;font-size:1.12rem}.sector-card>p{margin:0;color:#5f6980;font-size:.82rem;line-height:1.85;min-height:75px}.uses-label{display:block;margin-top:13px;color:#606b85;font-size:.69rem}.sector-card ul{padding:0 17px 0 0;margin:7px 0;color:#27304a;font-size:.72rem;line-height:1.9}.sector-card li::marker{color:#565bf0}.sector-card button,.sector-card>a{margin-top:auto;width:max-content;display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#4c52e9;font-size:.75rem;font-weight:700;cursor:pointer}.sector-card button svg,.sector-card>a svg{width:14px}

.integrations-section { background:#f8f9fe;overflow:hidden }.integrations-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:80px}.integrations-grid>div:first-child{max-width:470px}.integration-orbit{height:430px;position:relative;border:1px dashed #cbd0e4;border-radius:50%;background:radial-gradient(circle,rgba(85,89,247,.11),transparent 48%)}.integration-orbit::before{content:"";position:absolute;inset:75px;border:1px dashed #d8dceb;border-radius:50%}.orbit-core{position:absolute;inset:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:34px;display:grid;place-items:center;align-content:center;gap:4px;color:#fff;background:linear-gradient(145deg,#696dff,#3d43dc);box-shadow:0 24px 60px rgba(69,74,225,.3);direction:ltr}.orbit-core svg{width:29px}.orbit-core strong{font-size:.75rem;letter-spacing:.06em}.integration{position:absolute;z-index:2;min-width:116px;height:52px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe3ed;background:#fff;border-radius:15px;box-shadow:0 10px 28px rgba(49,57,99,.08);font-size:.68rem;direction:ltr}.integration svg{width:19px;color:#555af0}.integration-1{top:7%;left:16%}.integration-2{top:10%;right:11%}.integration-3{top:45%;left:-2%}.integration-4{top:43%;right:-2%}.integration-5{bottom:8%;left:17%}.integration-6{bottom:7%;right:14%}

.success-section{background:#fff}.case-card{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #dfe3ee;border-radius:24px;overflow:hidden;box-shadow:0 16px 50px rgba(41,49,88,.06)}.case-story{padding:48px;background:linear-gradient(135deg,#fff,#f9faff)}.case-brand{display:flex;align-items:center;gap:8px;color:#4e54e8;font-size:.78rem;font-weight:700}.case-brand svg{width:19px}.case-story h3{max-width:650px;margin:20px 0 14px;font-size:2rem;line-height:1.35}.case-story>p{color:#67718b;line-height:1.9}.case-story blockquote{margin:25px 0 6px;padding-right:18px;border-right:3px solid #5a5ff3;color:#424b65;font-style:italic}.quote-owner{font-size:.75rem;color:#7c859b}.case-results{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#15182e}.case-results>div{padding:19px 20px;border:1px solid #323750;background:#20243d;border-radius:16px}.case-results strong,.case-results span{display:block}.case-results strong{font-size:1.65rem;color:#fff;direction:ltr;text-align:right}.case-results span{color:#aeb5c9;font-size:.72rem}

.pricing-section{background:#fbfcff}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:-20px 0 40px;color:#80899d;font-size:.82rem}.billing-toggle span.active{color:#252b43;font-weight:700}.billing-toggle b{color:#4c52e7;background:#ebedff;border-radius:999px;padding:4px 9px;font-size:.67rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.price-card{position:relative;min-height:505px;padding:25px 21px;display:flex;flex-direction:column;border:1px solid #dfe3ec;background:#fff;border-radius:19px}.price-card.popular{border:2px solid #676bff;background:linear-gradient(180deg,#f1f1ff 0,#fff 36%);box-shadow:0 18px 55px rgba(72,77,225,.16);transform:translateY(-8px)}.popular-label{position:absolute;top:-14px;right:50%;transform:translateX(50%);padding:5px 13px;border-radius:999px;background:#565bf0;color:#fff;font-size:.66rem;font-weight:750;white-space:nowrap}.plan-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f1f3f7;color:#66718a}.popular .plan-icon{background:#dedfff;color:#4e53e6}.plan-icon svg{width:19px}.price-card h3{margin:19px 0 6px;font-size:1.13rem}.price-card>p{margin:0;min-height:61px;color:#727b92;font-size:.76rem;line-height:1.75}.price{display:flex;align-items:end;gap:5px;margin:18px 0 2px;direction:ltr;justify-content:flex-end}.price strong{font-size:1.8rem;line-height:1.2;letter-spacing:-.035em}.price span{color:#858da0;font-size:.66rem}.annual-note{text-align:right;color:#4d52e8;font-size:.62rem}.price-card ul{margin:20px 0 25px;padding:16px 0 0;border-top:1px solid #ebedf2;list-style:none;display:grid;gap:9px}.price-card li{display:flex;align-items:center;gap:7px;color:#586179;font-size:.74rem}.price-card li svg{width:15px;color:#31ad84}.price-card button{width:100%;height:43px;margin-top:auto}.price-button{border:1px solid #dce0ea!important;border-radius:10px!important;background:#fff!important;color:#232941!important;font-weight:700!important}.price-button:hover{background:#f7f8fc!important}

.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq-grid>div:first-child{position:sticky;top:120px}.faq-list{border-top:1px solid #e2e6ee}.faq-list button{text-align:right;font-size:1rem;padding:21px 3px}.faq-list [data-slot="accordion-content"]{color:#68728a;font-size:.87rem;line-height:1.9;padding-inline:3px}

.contact-section{background:#11142a;color:#fff;position:relative;overflow:hidden}.contact-section::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;top:-250px;right:-180px;background:radial-gradient(circle,rgba(87,92,248,.35),transparent 70%)}.contact-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.contact-copy .eyebrow{color:#c7c9ff;border-color:#474c7b;background:#202440}.contact-copy h2{color:#fff}.contact-copy>p{color:#aab2c8}.contact-points{display:grid;gap:13px;margin-top:28px;color:#d7dbea}.contact-points span{display:flex;align-items:center;gap:9px}.contact-points svg{width:19px;color:#50d4b2}.contact-form-card{min-height:600px;padding:32px;border:1px solid #343955;background:#fff;color:#161a30;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.form-head h3{margin:0;font-size:1.45rem}.form-head p{margin:3px 0 22px;color:#7d859a;font-size:.82rem}.contact-form-card form,.signup-form{display:grid;gap:14px}.contact-form-card label,.signup-form label{display:grid;gap:6px;font-size:.73rem;font-weight:700}.contact-form-card input,.contact-form-card textarea,.signup-form input{border-color:#dfe3ec;background:#fbfcff;font-size:.82rem}.contact-form-card input,.signup-form input{height:45px}.contact-form-card textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form-card .primary-button{width:100%;margin-top:4px}.success-state{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center}.success-state>svg{width:64px;height:64px;color:#21b482}.success-state h3{font-size:1.6rem;margin:13px 0 5px}.success-state p{max-width:390px;color:#727b92;margin:0 0 20px}

footer{padding:62px 0 24px;background:#090b18;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid>div:first-child p{max-width:300px;color:#858da7;font-size:.82rem}.footer-grid strong{font-size:.83rem;margin-bottom:8px}.footer-grid a,.footer-grid span{color:#8d95ac;font-size:.76rem}.footer-grid a:hover{color:#c4c8ff}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid #22263a;display:flex;justify-content:space-between;color:#6f778e;font-size:.68rem}

.floating-chat{position:fixed;z-index:35;left:22px;bottom:22px;height:50px;padding:0 17px;display:flex;align-items:center;gap:8px;border:1px solid #d8dced;background:#fff;color:#454ae1;border-radius:999px;box-shadow:0 14px 40px rgba(45,52,94,.18);font-size:.78rem;font-weight:800;cursor:pointer}.floating-chat svg{width:20px}.chat-dialog,.walkthrough-dialog,.signup-dialog{direction:rtl;border-radius:20px!important;padding:26px!important}.chat-dialog{max-width:560px!important}.chat-dialog button[data-slot="dialog-close"],.walkthrough-dialog button[data-slot="dialog-close"],.signup-dialog button[data-slot="dialog-close"]{left:18px;right:auto}.chat-dialog [data-slot="dialog-header"],.walkthrough-dialog [data-slot="dialog-header"],.signup-dialog [data-slot="dialog-header"]{text-align:right}.demo-messages{min-height:260px;max-height:330px;overflow:auto;padding:17px;background:#f6f7fb;border-radius:15px;display:flex;flex-direction:column;gap:10px}.demo-messages p{max-width:85%;margin:0;padding:11px 13px;border-radius:13px;font-size:.82rem}.demo-bot{align-self:flex-start;background:#fff;border:1px solid #e1e5ee}.demo-bot svg{display:inline;width:14px;margin-left:5px;color:#555af0}.demo-user{align-self:flex-end;background:#565bf0;color:#fff}.demo-chat-form{display:grid;grid-template-columns:1fr 42px;gap:8px}.demo-chat-form button{width:42px;height:40px}.walkthrough-dialog{max-width:760px!important}.walkthrough-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.walkthrough-steps>div{padding:17px;border:1px solid #e0e4ed;background:#fafbfe;border-radius:14px}.walkthrough-steps>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eceeff;color:#5055e9;margin-bottom:13px}.walkthrough-steps svg{width:18px}.walkthrough-steps b{display:block;font-size:.8rem}.walkthrough-steps p{color:#747d92;font-size:.68rem;line-height:1.7}.signup-dialog{max-width:520px!important}.signup-form{margin-top:6px}.signup-dialog .success-state{min-height:300px}

@media (max-width: 1080px){
  .desktop-nav{gap:16px;font-size:.8rem}.hero-grid{gap:34px}.hero h1{font-size:3.4rem}.console-body{grid-template-columns:50px 175px 1fr}.conversation p{max-width:94px}.feature-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.sectors-grid{grid-template-columns:repeat(2,1fr)}.price-card.popular{transform:none}.demo-grid,.contact-grid{gap:45px}.integration-orbit{height:380px}.faq-grid{gap:50px}
}

@media (max-width: 820px){
  .container{width:min(100% - 28px,680px)}.section{padding:82px 0}.desktop-nav,.desktop-only{display:none!important}.mobile-menu{display:grid}.mobile-nav{display:flex;position:absolute;top:76px;right:0;left:0;padding:18px 22px 24px;background:#fff;border-bottom:1px solid #e2e6ef;box-shadow:0 15px 30px rgba(35,41,74,.08);flex-direction:column;gap:15px}.mobile-nav a{color:#58627b;font-weight:700}.mobile-nav button{margin-top:5px}.hero{padding-top:68px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow{margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-console{max-width:630px;margin:12px auto 0;transform:none}.metric-one{right:-8px}.metric-two{left:-8px}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:0}.stats-grid>div{padding:17px 6px}.stats-grid>div:nth-child(3){border-right:0;border-top:1px solid #e7eaf1}.stats-grid>div:nth-child(4){border-top:1px solid #e7eaf1}.feature-grid{grid-template-columns:1fr 1fr}.demo-grid,.integrations-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.demo-copy,.integrations-grid>div:first-child,.contact-copy{text-align:center;max-width:650px;margin-inline:auto}.demo-copy .eyebrow,.integrations-grid .eyebrow,.contact-copy .eyebrow{margin-inline:auto}.demo-copy ul{width:max-content;margin-inline:auto;text-align:right}.integration-orbit{width:min(100%,580px);margin-inline:auto}.faq-grid>div:first-child{position:static;text-align:center}.faq-grid .eyebrow{margin-inline:auto}.pricing-grid{grid-template-columns:1fr 1fr}.contact-points{width:max-content;margin-inline:auto;text-align:right}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}
}

@media (max-width: 560px){
  .container{width:calc(100% - 24px)}.section{padding:68px 0}.site-header{height:68px}.mobile-nav{top:68px}.brand-mark{width:33px;height:33px}.hero{padding:54px 0 66px;min-height:auto}.hero h1{font-size:2.72rem}.hero-copy>p{font-size:.95rem}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.trust-row{gap:8px 12px}.console-body{height:352px;grid-template-columns:43px 1fr}.console-side{padding-inline:5px}.console-list{border-right:0}.console-chat{display:none}.console-topbar{grid-template-columns:1fr auto 1fr}.floating-metric{min-width:116px}.metric-one{top:74px}.metric-two{bottom:20px}.feature-grid,.sectors-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.sector-card{min-height:370px}.metric-cards{grid-template-columns:1fr}.metric-cards>div:nth-child(n+2){display:none}.activity-row span{max-width:170px}.dashboard-panel{min-height:350px}.demo-copy ul{width:auto}.integration-orbit{height:335px}.integration{min-width:94px;height:44px;font-size:.58rem}.integration-1{left:5%}.integration-2{right:3%}.integration-3{left:-1%}.integration-4{right:-1%}.integration-5{left:6%}.integration-6{right:4%}.orbit-core{width:96px;height:96px;border-radius:28px}.case-card{grid-template-columns:1fr}.case-story{padding:28px}.case-story h3{font-size:1.55rem}.case-results{padding:18px;display:grid;grid-template-columns:repeat(3,1fr)}.case-results>div{padding:13px 9px}.case-results strong{font-size:1.15rem}.case-results span{font-size:.55rem}.price-card{min-height:480px}.form-row{grid-template-columns:1fr}.contact-form-card{padding:23px;min-height:580px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.floating-chat span{display:none}.floating-chat{width:50px;padding:0;justify-content:center}.walkthrough-steps{grid-template-columns:1fr 1fr}.walkthrough-steps>div{padding:13px}.section-head h2,.demo-copy h2,.integrations-grid h2,.faq-grid h2,.contact-copy h2{font-size:2rem}
}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Application workspace */
.nexora-sidebar { --sidebar: #11152a; --sidebar-foreground: #eef0ff; --sidebar-border: #292e49; --sidebar-accent: #282d4d; --sidebar-accent-foreground: #fff; --sidebar-ring: #7478ff; }
.nexora-sidebar [data-sidebar="sidebar"] { background: #11152a; color: #eef0ff; }
.dash-sidebar-head { padding: 16px 13px 12px; gap: 15px; }
.dash-brand { height: 43px; display: flex; align-items: center; gap: 10px; overflow: hidden; direction: ltr; white-space: nowrap; }
.dash-brand > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg,#696dff,#4348df); box-shadow: 0 8px 20px rgba(76,82,234,.25); }
.dash-brand svg { width: 17px; }.dash-brand b { font-size: .9rem; letter-spacing: -.02em; }.dash-brand i { color: #8589ff; font-style: normal; }
.workspace-chip { min-height: 58px; padding: 9px; display: grid; grid-template-columns: 34px 1fr 16px; gap: 9px; align-items: center; overflow: hidden; border: 1px solid #2e3452; background: #1b2039; border-radius: 12px; }
.workspace-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #bfc2ff; background: #303658; border-radius: 10px; }.workspace-icon svg { width: 16px; }
.workspace-chip strong,.workspace-chip small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.workspace-chip strong { font-size: .72rem; }.workspace-chip small { color: #8992ad; font-size: .6rem; }.workspace-chip > svg { width: 14px; color: #818aa6; }
.nexora-sidebar [data-sidebar="group-label"] { color: #707994; font-size: .65rem; }
.nexora-sidebar [data-sidebar="menu-button"] { min-height: 40px; color: #aab2c9; font-size: .77rem; cursor: pointer; }.nexora-sidebar [data-sidebar="menu-button"]:hover,.nexora-sidebar [data-sidebar="menu-button"][data-active="true"] { color: #fff; background: #282d4d; }.nexora-sidebar [data-sidebar="menu-button"][data-active="true"]::before { content:""; position:absolute; inset-block:8px; right:0; width:3px; border-radius:3px; background:#6d71ff; }
.sidebar-count { margin-right: auto; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #555af0; font-size: .6rem; font-style: normal; }
.dash-sidebar-footer { padding: 10px 12px 14px; gap: 9px; }.support-button { min-height: 40px; display:flex;align-items:center;gap:9px;padding:0 10px;border:0;background:transparent;color:#8f98b1;border-radius:9px;font-size:.75rem;cursor:pointer }.support-button:hover{background:#202541;color:#fff}.support-button svg{width:17px}
.account-card { min-height: 58px; display:grid;grid-template-columns:35px 1fr 17px;gap:9px;align-items:center;overflow:hidden;padding:9px;border:1px solid #292f4b;border-radius:12px;background:#171b31 }.user-avatar { width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#3a4067;color:#fff;font-size:.7rem;font-weight:800 }.account-card strong,.account-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card strong{font-size:.68rem}.account-card small{max-width:130px;color:#77819d;font-size:.54rem;direction:ltr;text-align:right}.account-card>svg{width:16px;color:#77809a}

.dashboard-main { min-width: 0; min-height: 100svh; background: #f5f7fb; }
.dashboard-header { position: sticky; top: 0; z-index: 20; min-height: 76px; padding: 12px 26px; display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e1e5ee;background:rgba(255,255,255,.9);backdrop-filter:blur(16px) }
.header-title { display:flex;align-items:center;gap:12px }.dash-trigger { width:36px!important;height:36px!important;border:1px solid #e1e5ed;background:#fff }.header-title h1 { margin:0;font-size:1.1rem;line-height:1.25 }.header-title p { margin:2px 0 0;color:#798299;font-size:.68rem }.dashboard-actions { display:flex;align-items:center;gap:9px }.dash-search { position:relative;width:230px }.dash-search svg { position:absolute;right:11px;top:50%;transform:translateY(-50%);width:16px;color:#8a93a7;z-index:2 }.dash-search input { height:40px;padding-right:36px;border-color:#e1e5ee;background:#f8f9fc;font-size:.75rem }.header-icon { position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid #e1e5ee;background:#fff;border-radius:10px;color:#5d6680 }.header-icon svg{width:18px}.header-icon i{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:#fb5570;border:2px solid #fff}.dash-primary{border:0!important;background:linear-gradient(135deg,#6266fa,#454be9)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(76,82,235,.17);font-weight:700!important}.dashboard-content{width:100%;padding:26px;min-height:calc(100svh - 76px)}
.dash-skeleton{display:grid;gap:18px}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-error{min-height:520px;display:grid;place-items:center;align-content:center;text-align:center}.dash-error>svg{width:56px;height:56px;color:#e35d70}.dash-error h2{margin:15px 0 4px}.dash-error p{color:#7c859b;margin:0 0 18px}.dash-eyebrow{display:inline-flex;align-items:center;gap:5px;color:#555af0;font-size:.7rem;font-weight:800}.dash-eyebrow svg{width:14px}
.overview-welcome{min-height:116px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dde2ed;border-radius:18px;background:linear-gradient(115deg,#fff 0%,#f6f6ff 55%,#eef9fb 100%);overflow:hidden}.overview-welcome h2{margin:7px 0 2px;font-size:1.45rem;letter-spacing:-.025em}.overview-welcome p{margin:0;color:#747e95;font-size:.78rem}.live-ops{min-width:230px;padding:13px 15px;display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center;border:1px solid #dce5e6;background:rgba(255,255,255,.72);border-radius:13px}.live-ops i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#25bc83;box-shadow:0 0 0 5px rgba(37,188,131,.11)}.live-ops strong{font-size:.73rem}.live-ops span{color:#7d879b;font-size:.6rem}
.overview-metrics{margin-top:14px}.dash-metric{min-height:124px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;border:1px solid #e0e4ed;background:#fff;border-radius:16px}.metric-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px}.metric-icon svg{width:20px}.metric-icon.violet{color:#585df0;background:#edeeff}.metric-icon.mint{color:#0fa782;background:#e6f8f3}.metric-icon.blue{color:#168fc7;background:#e7f5fc}.metric-icon.amber{color:#cf7e1e;background:#fff3de}.dash-metric small,.dash-metric strong{display:block}.dash-metric small{color:#7b8499;font-size:.67rem}.dash-metric strong{margin-top:2px;font-size:1.55rem;line-height:1.2;direction:ltr;text-align:right}.dash-metric em{display:flex;align-items:center;gap:2px;color:#11936d;background:#e9f8f3;padding:3px 6px;border-radius:999px;font-size:.58rem;font-style:normal}.dash-metric em svg{width:11px}
.overview-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:14px;margin-top:14px}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.dash-card{border:1px solid #e0e4ed;background:#fff;border-radius:17px;box-shadow:0 4px 18px rgba(35,43,80,.025)}.dash-card-head{min-height:66px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5}.dash-card-head h3,.dash-card-head p{margin:0}.dash-card-head h3{font-size:.84rem}.dash-card-head p{color:#828aa0;font-size:.62rem}.dash-card-head button:not(.text-action){border:0;background:transparent}.dash-card-head svg{width:17px}.dash-card-head [data-slot="native-select-wrapper"]{width:88px}.dash-card-head select{height:32px;font-size:.65rem}
.dash-chart{height:270px;padding:32px 20px 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:13px;align-items:end}.dash-chart>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.dash-chart i{width:100%;max-width:40px;min-height:12px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7478ff,#5257ec)}.dash-chart small{color:#7d869b;font-size:.55rem;white-space:nowrap}.chart-value{opacity:0;color:#5257ec;font-size:.52rem;transition:opacity .2s}.dash-chart>div:hover .chart-value{opacity:1}
.channel-donut{min-height:270px;padding:20px;display:flex;align-items:center;justify-content:center;gap:23px;flex-direction:column}.donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5c61f3 0 58%,#e36ca0 58% 82%,#2fb7d7 82% 94%,#f1ad4a 94%);position:relative}.donut::after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:1.2rem}.donut small{color:#858da0;font-size:.55rem}.channel-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.channel-legend span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:5px;font-size:.6rem;color:#6f7890}.channel-legend i{width:7px;height:7px;border-radius:50%}.channel-legend .whatsapp{background:#5c61f3}.channel-legend .instagram{background:#e36ca0}.channel-legend .web{background:#2fb7d7}.channel-legend .email{background:#f1ad4a}.channel-legend b{color:#252b42}
.text-action{border:0;background:transparent;color:#555af0;font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:4px}.text-action svg{width:13px}.agent-summary-list,.recent-conversations{padding:6px 17px 12px}.agent-summary-list>div{display:grid;grid-template-columns:38px 1fr 90px 32px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eff1f5}.agent-summary-list>div:last-child{border:0}.summary-agent-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#555af0;background:#eef0ff}.summary-agent-icon svg{width:17px}.agent-summary-list strong,.agent-summary-list small{display:block}.agent-summary-list strong{font-size:.69rem}.agent-summary-list small{color:#858ea2;font-size:.55rem}.agent-summary-list b{font-size:.65rem}.recent-conversations>button{position:relative;width:100%;padding:10px 0;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:right;border:0;border-bottom:1px solid #eff1f5;background:transparent;cursor:pointer}.recent-conversations>button:last-child{border:0}.conversation-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:.7rem;font-weight:800}.avatar-1{color:#118d6c;background:#e3f7f0}.avatar-2{color:#c35c43;background:#ffede8}.avatar-3{color:#7154d1;background:#eeeaff}.recent-conversations strong,.recent-conversations small{display:block}.recent-conversations strong{font-size:.69rem}.recent-conversations small{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f889e;font-size:.56rem}.recent-conversations em{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#575cf0;font-size:.52rem;font-style:normal}

.inbox-layout{height:calc(100svh - 128px);min-height:590px;display:grid;grid-template-columns:300px minmax(330px,1fr) 245px;border:1px solid #dfe3ec;background:#fff;border-radius:18px;overflow:hidden}.conversation-list{border-left:1px solid #e6e9f0;min-width:0}.inbox-tools{padding:13px;display:grid;grid-template-columns:1fr 38px;gap:7px}.inbox-search{position:relative}.inbox-search svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;color:#8c94a6}.inbox-search input{height:38px;padding-right:32px;background:#f7f8fb;font-size:.7rem}.inbox-tools>button{width:38px;height:38px}.inbox-filters{padding:0 13px 10px;display:flex;gap:5px}.inbox-filters button{height:29px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#778096;font-size:.6rem}.inbox-filters button.active{color:#5156e7;background:#eef0ff}.inbox-filters b{margin-right:3px}.conversation-scroll{height:calc(100% - 97px);overflow:auto}.conversation-scroll>button{position:relative;width:100%;min-height:84px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;text-align:right;border:0;border-top:1px solid #f0f2f6;background:#fff;cursor:pointer}.conversation-scroll>button.active{background:#f1f2ff}.conversation-scroll strong,.conversation-scroll span,.conversation-scroll small{display:block}.conversation-scroll strong{font-size:.7rem}.conversation-scroll span{max-width:178px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#737c92;font-size:.61rem}.conversation-scroll small{color:#5157e7;font-size:.55rem}.conversation-scroll time{direction:ltr;color:#929aad;font-size:.52rem}.conversation-scroll em{position:absolute;left:12px;bottom:13px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#565bf0;color:#fff;font-size:.5rem;font-style:normal}.conversation-room{min-width:0;display:flex;flex-direction:column;background:#f8f9fc}.conversation-room>header{height:66px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e9f0;background:#fff}.conversation-room>header>div{display:flex;align-items:center;gap:9px}.conversation-room>header strong,.conversation-room>header small{display:block}.conversation-room>header strong{font-size:.75rem}.conversation-room>header small{color:#7e879a;font-size:.56rem}.conversation-room>header small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21b87f}.conversation-room>header button{width:34px;height:34px}.room-messages{flex:1;padding:21px;overflow:auto}.message-date{display:block;width:max-content;margin:0 auto 22px;padding:3px 9px;border-radius:999px;color:#7d8597;background:#eceef4;font-size:.52rem}.room-message{max-width:72%;margin-bottom:13px}.room-message p{margin:0;padding:11px 13px;border-radius:13px;font-size:.72rem;line-height:1.75}.room-message time{display:block;margin-top:4px;color:#8c94a6;font-size:.5rem}.room-message.customer p{background:#fff;border:1px solid #e0e4ed;border-top-right-radius:3px}.room-message.agent{margin-right:auto}.room-message.agent p{background:#575cf0;color:#fff;border-top-left-radius:3px}.room-message.agent time{text-align:left}.room-message.human p{background:#1c9b7a}.ai-thinking{width:max-content;margin:12px auto;padding:5px 9px;display:flex;align-items:center;gap:5px;border-radius:999px;color:#5e63e8;background:#ebeefe;font-size:.55rem}.ai-thinking svg{width:12px}.reply-box{margin:0 14px 14px;padding:10px;border:1px solid #dfe3ed;background:#fff;border-radius:14px}.reply-box textarea{min-height:64px;border:0;box-shadow:none;resize:none;font-size:.7rem}.reply-box>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:8px}.reply-box>div>span{color:#198b69;background:#e6f7f1;padding:3px 7px;border-radius:999px;font-size:.52rem}.customer-panel{border-right:1px solid #e6e9f0;background:#fff;overflow:auto}.customer-profile{padding:25px 15px;text-align:center;border-bottom:1px solid #edf0f4}.customer-profile .conversation-avatar{margin:auto;width:56px;height:56px;border-radius:17px;font-size:1rem}.customer-profile h3{margin:9px 0 0;font-size:.82rem}.customer-profile p{margin:0;color:#7f879a;font-size:.6rem}.customer-section{padding:17px;border-bottom:1px solid #edf0f4}.customer-section>strong{display:block;margin-bottom:12px;font-size:.7rem}.customer-section>span{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.customer-section small{color:#828a9e;font-size:.57rem}.customer-section b{font-size:.6rem;font-weight:650}.customer-section>p{margin:0;padding:11px;border-radius:10px;background:#f5f6fa;color:#667087;font-size:.63rem;line-height:1.8}.no-selection{height:100%;display:grid;place-items:center;align-content:center;color:#8991a4}.no-selection svg{width:45px;height:45px}.no-selection p{font-size:.75rem}

.view-toolbar{min-height:54px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.view-toolbar>div{display:flex;align-items:center;gap:9px}.view-toolbar>div>span{color:#7b8499;font-size:.68rem}.table-card{overflow:hidden}.table-card th{text-align:right;background:#fafbfc;color:#727b90;font-size:.65rem}.table-card td{height:70px;font-size:.68rem}.table-agent{display:flex;align-items:center;gap:9px}.table-agent>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#555af0;background:#eef0ff}.table-agent svg{width:17px}.role-cell{max-width:240px;white-space:normal!important;color:#626c82}.autonomy-cell{width:115px;display:grid;grid-template-columns:1fr 30px;align-items:center;gap:7px}.autonomy-cell b{font-size:.6rem}.status-switch{display:flex;align-items:center;gap:7px}.status-switch span{font-size:.6rem}.status-switch span.active{color:#128b67}.status-switch span.paused{color:#9299a8}.status-switch span.training{color:#c07c17}
.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.workflow-card{padding:19px;border:1px solid #e0e4ed;background:#fff;border-radius:17px}.workflow-card-head{display:grid;grid-template-columns:44px 1fr 36px;gap:10px;align-items:center}.workflow-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#555af0;background:#eef0ff}.workflow-icon svg{width:19px}.workflow-card-head h3{margin:0 0 3px;font-size:.82rem}.workflow-card-head button{width:34px;height:34px}.flow-line{margin:20px 0;padding:14px;display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:8px;border:1px dashed #d7dbe6;background:#fafbfe;border-radius:13px}.flow-line>svg{width:18px;color:#8b93a6}.flow-line small,.flow-line strong{display:block}.flow-line small{color:#858da0;font-size:.54rem}.flow-line strong{margin-top:4px;display:flex;align-items:center;gap:5px;font-size:.62rem}.flow-line strong svg{width:13px;color:#555af0}.workflow-card footer{display:flex;justify-content:space-between;align-items:center;color:#7d8598;font-size:.59rem}.workflow-card footer button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#5156e8;font-weight:700}.workflow-card footer svg{width:12px}.automation-banner{margin-top:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ced2ff;background:linear-gradient(100deg,#f1f2ff,#f7fbff);border-radius:16px}.automation-banner>div{display:flex;align-items:center;gap:12px}.automation-banner>div>svg{width:38px;height:38px;padding:9px;border-radius:12px;color:#fff;background:#575cf0}.automation-banner strong,.automation-banner small{display:block}.automation-banner strong{font-size:.75rem}.automation-banner small{color:#707a91;font-size:.62rem}
.knowledge-hero{padding:24px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d9dfff;background:linear-gradient(110deg,#f0f1ff,#f8fcff);border-radius:17px}.knowledge-hero>div{display:flex;align-items:center;gap:12px}.knowledge-hero>div:first-child>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#565bf0}.knowledge-hero h2,.knowledge-hero p{margin:0}.knowledge-hero h2{font-size:1rem}.knowledge-hero p{color:#758097;font-size:.67rem}.knowledge-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}.knowledge-stats>div{padding:18px;border:1px solid #e0e4ed;background:#fff;border-radius:15px}.knowledge-stats strong,.knowledge-stats span{display:block}.knowledge-stats strong{font-size:1.35rem}.knowledge-stats span{color:#7f879c;font-size:.62rem}.source-list{padding-bottom:8px}.source-row{padding:13px 17px;display:grid;grid-template-columns:42px 1fr 150px 54px 36px;gap:11px;align-items:center;border-bottom:1px solid #edf0f4}.source-row:last-child{border:0}.source-row>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#555af0;background:#eef0ff}.source-row>span svg{width:18px}.source-row strong,.source-row small{display:block}.source-row strong{font-size:.72rem}.source-row small{color:#7c8599;font-size:.58rem}
.analytics-top{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.analytics-top>div{padding:19px;border:1px solid #e0e4ed;background:#fff;border-radius:16px}.analytics-top small,.analytics-top strong,.analytics-top span{display:block}.analytics-top small{color:#7c859a;font-size:.65rem}.analytics-top strong{margin:4px 0;font-size:1.55rem}.analytics-top span{width:max-content;display:flex;align-items:center;gap:3px;color:#138a68;background:#e8f8f2;padding:3px 7px;border-radius:999px;font-size:.55rem}.analytics-top span.down{color:#1a9878}.analytics-top span svg{width:11px}.analytics-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px}.legend-inline{display:flex;gap:10px;color:#737c92;font-size:.58rem}.legend-inline span{display:flex;align-items:center;gap:4px}.legend-inline i{width:8px;height:8px;border-radius:50%;background:#5b60f4}.legend-inline span:last-child i{background:#28bea0}.line-chart{padding:22px 20px 15px}.line-chart svg{width:100%;height:270px}.axis-labels{display:flex;justify-content:space-between;color:#868ea0;font-size:.55rem}.intent-card{padding-bottom:14px}.intent-row{padding:10px 17px}.intent-row>div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.63rem}.intent-row b{color:#6e7790}.intent-row [data-slot="progress"]{height:7px}
.settings-view{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding-bottom:18px}.settings-heading{padding:19px;border-bottom:1px solid #edf0f4}.settings-heading h3,.settings-heading p{margin:0}.settings-heading h3{font-size:.85rem}.settings-heading p{color:#7d869b;font-size:.63rem}.settings-form{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form label{display:grid;gap:5px;font-size:.65rem;font-weight:700}.settings-form input,.settings-form select{height:40px;font-size:.7rem}.settings-form [data-slot="native-select-wrapper"]{width:100%}.settings-form button{width:max-content;align-self:end}.setting-toggle{margin:0 17px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f4}.setting-toggle:last-child{border:0}.setting-toggle strong,.setting-toggle span{display:block}.setting-toggle strong{font-size:.7rem}.setting-toggle span{color:#81899d;font-size:.59rem}.security-card{grid-column:1/-1;padding:18px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}.security-card>svg{width:43px;height:43px;padding:10px;border-radius:13px;color:#168f70;background:#e7f8f2}.security-card h3,.security-card p{margin:0}.security-card h3{font-size:.78rem}.security-card p{color:#7d869b;font-size:.62rem}
.create-sheet{width:min(440px,92vw)!important;max-width:440px!important;padding:20px!important}.create-sheet>button{left:18px;right:auto}.create-sheet [data-slot="sheet-header"]{padding:0;text-align:right}.sheet-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#555af0;background:#eef0ff}.sheet-icon svg{width:22px}.agent-form{display:grid;gap:17px;margin-top:4px}.agent-form label,.workflow-dialog label{display:grid;gap:6px;font-size:.7rem;font-weight:700}.agent-form textarea{min-height:90px}.agent-form [data-slot="native-select-wrapper"]{width:100%}.autonomy-control{padding:15px;border:1px solid #e1e5ed;background:#f8f9fc;border-radius:13px}.autonomy-control>div{display:flex;justify-content:space-between;margin-bottom:14px;font-size:.7rem}.autonomy-control>div span{color:#555af0;font-weight:800}.autonomy-control small{display:block;margin-top:10px;color:#7b8498;font-size:.57rem}.permission-note{padding:13px;display:flex;gap:9px;border-radius:12px;color:#187b63;background:#eaf8f4}.permission-note svg{width:19px}.permission-note strong,.permission-note small{display:block}.permission-note strong{font-size:.66rem}.permission-note small{font-size:.56rem}.create-sheet [data-slot="sheet-footer"]{padding:0;display:grid;grid-template-columns:1fr 1fr;margin-top:6px}.workflow-dialog{max-width:650px!important}.workflow-dialog>button{left:18px;right:auto}.workflow-dialog [data-slot="dialog-header"]{text-align:right}.workflow-dialog form{display:grid;gap:15px}.workflow-form-flow{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:8px}.workflow-form-flow>svg{width:18px;margin-bottom:10px;color:#7f879a}.workflow-form-flow label>span{display:flex;align-items:center;gap:5px}.workflow-form-flow label>span svg{width:14px;color:#555af0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}

@media (max-width: 1150px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1.25fr .75fr}.inbox-layout{grid-template-columns:270px 1fr}.customer-panel{display:none}.workflow-grid{grid-template-columns:1fr}.settings-view{grid-template-columns:1fr}.security-card{grid-column:auto}.analytics-grid{grid-template-columns:1fr}.source-row{grid-template-columns:42px 1fr 100px 54px 36px}}
@media (max-width: 820px){.dashboard-header{padding:10px 14px}.header-title p,.dash-search{display:none}.dashboard-content{padding:14px}.overview-welcome{align-items:flex-start}.live-ops{min-width:195px}.overview-grid,.overview-bottom{grid-template-columns:1fr}.inbox-layout{height:auto;min-height:650px;grid-template-columns:1fr}.conversation-list{display:none}.conversation-room{min-height:650px}.table-card{overflow:auto}.table-card table{min-width:880px}.knowledge-hero{align-items:flex-start}.knowledge-hero>div:last-child{flex-direction:column}.source-row{grid-template-columns:42px 1fr 54px 36px}.source-row>[data-slot="progress"]{display:none}.settings-form{grid-template-columns:1fr}.analytics-top{grid-template-columns:1fr 1fr}.analytics-top>div:last-child{grid-column:1/-1}}
@media (max-width: 560px){.dashboard-header{min-height:68px}.header-title h1{font-size:.95rem}.dashboard-actions .dash-primary{width:40px;padding:0}.dashboard-actions .dash-primary:not(:has(svg)){width:auto}.dashboard-actions .dash-primary{font-size:0}.dashboard-actions .dash-primary svg{width:17px}.overview-welcome{display:block}.live-ops{margin-top:15px}.overview-metrics{grid-template-columns:1fr}.dash-metric{min-height:105px}.dash-chart{gap:6px;padding-inline:10px}.dash-chart small{font-size:.48rem}.channel-donut{flex-direction:row}.overview-bottom{display:block}.overview-bottom>.dash-card+ .dash-card{margin-top:14px}.agent-summary-list>div{grid-template-columns:38px 1fr 35px}.agent-summary-list [data-slot="progress"]{display:none}.workflow-grid{grid-template-columns:1fr}.flow-line{grid-template-columns:1fr}.flow-line>svg{transform:rotate(-90deg);margin:auto}.automation-banner{align-items:flex-start;gap:12px;flex-direction:column}.knowledge-hero{display:block}.knowledge-hero>div:last-child{margin-top:15px;flex-direction:row}.knowledge-stats{grid-template-columns:1fr}.analytics-top{grid-template-columns:1fr}.analytics-top>div:last-child{grid-column:auto}.settings-form{grid-template-columns:1fr}.security-card{grid-template-columns:42px 1fr}.security-card button{grid-column:1/-1}.workflow-form-flow{grid-template-columns:1fr}.workflow-form-flow>svg{transform:rotate(-90deg);margin:auto}.create-sheet [data-slot="sheet-footer"]{grid-template-columns:1fr}.room-message{max-width:88%}}

.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.knowledge-empty{padding:48px 20px;display:grid;place-items:center;text-align:center;color:#8891a4}.knowledge-empty>svg{width:38px;height:38px;margin-bottom:8px}.knowledge-empty strong,.knowledge-empty span{display:block}.knowledge-empty strong{color:#252b42;font-size:.8rem}.knowledge-empty span{font-size:.62rem}.link-form{display:grid;gap:14px}.link-form label{display:grid;gap:6px;font-size:.7rem;font-weight:700}
.channels-notice{margin-bottom:16px;padding:15px 18px;display:flex;align-items:center;gap:11px;border:1px solid #d4daf8;background:#f3f5ff;border-radius:15px}.channels-notice>svg{width:34px;height:34px;padding:8px;color:#555af0;background:#fff;border-radius:11px}.channels-notice strong,.channels-notice span{display:block}.channels-notice strong{font-size:.75rem}.channels-notice span{color:#737d94;font-size:.62rem}.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.channel-setup-card{padding:20px;display:grid;grid-template-columns:46px 1fr;gap:12px;border:1px solid #e0e4ed;background:#fff;border-radius:17px}.channel-provider-icon{width:44px;height:44px;display:grid;place-items:center;color:#555af0;background:#eef0ff;border-radius:13px}.channel-provider-icon svg{width:20px}.channel-setup-card h3,.channel-setup-card p{margin:0}.channel-setup-card h3{font-size:.8rem}.channel-setup-card p{margin-top:4px;color:#7c859b;font-size:.59rem;line-height:1.7}.channel-setup-card>[data-slot="badge"]{grid-column:1/-1;width:max-content}.channel-setup-card>button{grid-column:1/-1}
.audit-card{grid-column:1/-1}.audit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;padding:8px 18px 18px}.audit-list>div{padding:11px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #edf0f4}.audit-list>div>span{width:32px;height:32px;display:grid;place-items:center;color:#168f70;background:#e7f8f2;border-radius:10px}.audit-list svg{width:15px}.audit-list strong,.audit-list small{display:block}.audit-list strong{font-size:.65rem}.audit-list small,.audit-list time{color:#858da0;font-size:.54rem}.audit-empty{grid-column:1/-1;color:#7c8599;font-size:.65rem}
.agent-studio{width:min(720px,96vw)!important;max-width:720px!important}.studio-tabs{min-height:0;display:flex;flex:1;flex-direction:column;margin-top:4px}.studio-tabs [data-slot="tabs-list"]{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.studio-tabs [data-slot="tabs-content"]{min-height:0;overflow:auto;padding:17px 3px 4px}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.instruction-area{min-height:180px!important}.simulator{display:grid;gap:13px}.simulator-label{padding:12px;display:flex;gap:9px;color:#555af0;background:#f0f2ff;border-radius:12px}.simulator-label>svg{width:19px}.simulator-label strong,.simulator-label small{display:block}.simulator-label strong{font-size:.68rem}.simulator-label small{color:#717b93;font-size:.55rem}.simulator-chat{height:310px;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:9px;border:1px solid #e0e4ed;background:#f8f9fc;border-radius:13px}.simulation-message{max-width:82%;padding:9px 11px;border-radius:12px}.simulation-message p{margin:0;font-size:.66rem;line-height:1.75}.simulation-message small{display:block;margin-top:4px;font-size:.5rem}.simulation-message.user{align-self:flex-start;background:#fff;border:1px solid #e0e4ed}.simulation-message.user small{color:#7e879b}.simulation-message.assistant{align-self:flex-end;color:#fff;background:#575cf0}.simulation-message.assistant small{color:#dfe0ff}.simulation-empty{padding:50px 18px;text-align:center;color:#848da1;font-size:.65rem}.simulator-input{display:grid;grid-template-columns:1fr 42px;gap:7px}.simulator-input button{width:42px;padding:0}.simulator-input svg{width:16px}.agent-studio>[data-slot="sheet-footer"]{padding-top:12px;border-top:1px solid #edf0f4}
@media (max-width: 1000px){.channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.channels-grid,.audit-list,.studio-two{grid-template-columns:1fr}.channel-setup-card{grid-template-columns:42px 1fr}.agent-studio{width:100vw!important;max-width:100vw!important}.studio-tabs [data-slot="tabs-list"]{height:auto;grid-template-columns:repeat(2,1fr)}}

.conversation-actions{display:flex!important;align-items:center;gap:6px}.conversation-actions [data-slot="native-select-wrapper"]{width:145px}.conversation-actions select{height:34px;font-size:.62rem}.conversation-actions button{width:auto!important;gap:4px;font-size:.6rem}.conversation-actions button svg{width:13px}.customer-section [data-slot="native-select-wrapper"]{width:100%;margin-top:9px}.new-conversation-form{display:grid;gap:14px}.new-conversation-form label{display:grid;gap:6px;font-size:.7rem;font-weight:700}.new-conversation-form [data-slot="native-select-wrapper"]{width:100%}
.role-matrix{margin-top:16px;padding:20px;border:1px solid #e0e4ed;background:#fff;border-radius:17px}.role-matrix h3{margin:0 0 13px;font-size:.82rem}.role-matrix>div{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.role-matrix span{padding:12px;border:1px solid #e6e9f0;background:#fafbfe;border-radius:11px}.role-matrix strong,.role-matrix small{display:block}.role-matrix strong{font-size:.65rem}.role-matrix small{margin-top:4px;color:#7c859a;font-size:.55rem;line-height:1.6}
.state-analytics{padding:28px 20px 24px;display:grid;gap:22px}.state-analytics>div>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.7rem}.state-analytics>div>div b{font-size:.74rem}.state-analytics>div>i{height:12px;display:block;overflow:hidden;background:#eef0f4;border-radius:999px}.state-analytics>div>i>em{height:100%;display:block;min-width:4px;border-radius:999px;transition:width .3s}
@media (max-width: 920px){.conversation-room>header{height:auto;align-items:flex-start;gap:9px;flex-direction:column}.conversation-actions{width:100%;flex-wrap:wrap}.conversation-actions [data-slot="native-select-wrapper"]{flex:1}.role-matrix>div{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.role-matrix>div{grid-template-columns:1fr}.conversation-actions button{flex:1}.inbox-layout{min-height:720px}.conversation-room{min-height:720px}}