@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.left-1\/2{left:50%}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.w-full{width:100%}.min-w-full{min-width:100%}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pl-\[0\.9em\]{padding-left:.9em}.text-center{text-align:center}.text-left{text-align:left}.tracking-\[0\.6em\]{--tw-tracking:.6em;letter-spacing:.6em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--primary:#6b4eff;--accent:#ffc447;--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--muted:#64748b;--border:#94a3b833;--border-soft:#94a3b81f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}body.dark{--bg:#0b1020;--panel:#111827;--panel-soft:#161f36;--primary:#8b7bff;--accent:#ffc447;--muted:#9ca3af;--border:#ffffff14;--border-soft:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#e5e7eb;--text-muted:#9ca3af;color:#95969a;background:linear-gradient(#0b1020,#0e1530)}body.dark .card,body.dark .sidebar,body.dark .topbar__search,body.dark .members-list li{box-shadow:0 8px 24px #0009}*{box-sizing:border-box;transition:background-color .25s,color .25s,border-color .25s}html,body,#root{height:100%}body{background:var(--bg);color:inherit;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.onboarding-pattern{background-color:#2a86dd;background-image:repeating-linear-gradient(60deg,#ffffff1a 0 10px,#0000 10px 28px),repeating-linear-gradient(-60deg,#ffffff14 0 10px,#0000 10px 28px);background-position:0 0;background-size:120px 120px}input,textarea,select{background:var(--panel);color:var(--text,#111827);border:1px solid var(--border)}body.dark input,body.dark textarea,body.dark select{background:var(--panel-soft);color:#e5e7eb;border:1px solid var(--border)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--muted);opacity:1}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}body.dark input::-moz-placeholder,body.dark textarea::-moz-placeholder{color:#9ca3af}body.dark input::placeholder,body.dark textarea::placeholder{color:#9ca3af}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #8b7bff40}label{color:var(--muted);font-size:13px;font-weight:600}body.dark label{color:#95969a}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.layout__main{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex}.layout__content{flex-direction:column;flex:1;gap:24px;display:flex}.sidebar{background:var(--panel);flex-direction:column;gap:32px;width:220px;padding:32px 20px;display:flex;box-shadow:0 8px 24px #14103514}.sidebar__logo{color:var(--primary);font-size:20px;font-weight:700}.sidebar__nav{flex-direction:column;gap:12px;display:flex}.sidebar__link{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.sidebar__link--active{color:var(--primary);background:#6b4eff1f}.sidebar__label{font-size:14px}.topbar{z-index:100;background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.topbar__title{margin:0;font-size:24px;font-weight:600}.topbar__subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.topbar__right{align-items:center;gap:12px;display:flex}.topbar__search{background:var(--panel);border-radius:999px;align-items:center;padding:0 16px;display:flex;position:relative;box-shadow:0 8px 24px #14103514}.topbar__search input{background:0 0;border:none;outline:none;padding:10px 0 10px 18px;font-size:14px}.topbar__search-icon{color:var(--muted);position:absolute;left:12px}.topbar__button,.topbar__avatar{background:var(--panel);cursor:pointer;border:none;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 24px #14103514}.topbar__avatar{color:var(--primary);font-weight:600}.card{background:var(--panel);border-radius:20px;padding:20px;box-shadow:0 8px 24px #14103514}body.dark .card{background:linear-gradient(#111827f2,#111827d9);box-shadow:0 8px 24px #0009,inset 0 1px #ffffff08}.toggle{cursor:pointer;background:#cfd2dc;border:none;border-radius:999px;width:44px;height:24px;padding:0;position:relative}.toggle span{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle--on{background:var(--primary)}.toggle--on span{transform:translate(20px)}.banner{background:#ffe7b3;border-radius:20px;padding:18px 20px;font-weight:600}.muted{color:var(--muted);font-size:14px}.error{color:#d93030;font-size:14px}.dashboard__columns{grid-template-columns:1.6fr .9fr;gap:24px;display:grid}.dashboard__left,.dashboard__right{flex-direction:column;gap:24px;display:flex}.devices-grid__content{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.devices-grid__status{color:var(--muted);margin-bottom:12px}.devices-grid__status--error{color:#d93030}.device-card{flex-direction:column;gap:16px;display:flex}.device-card__head{justify-content:space-between;align-items:center;display:flex}.device-card__icon{font-size:20px}.device-card__name{font-size:16px;font-weight:600}.device-card__meta{color:var(--muted);font-size:12px}.page{flex-direction:column;gap:16px;display:flex}.page__title{margin:0;font-size:22px;font-weight:600}.page__subtitle{color:var(--muted);margin:0}.page__error{color:#d93030}.members-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.members-list li{background:var(--panel);border-radius:16px;justify-content:space-between;padding:12px 16px;display:flex;box-shadow:0 8px 24px #14103514}.members-list__role{color:var(--muted)}.analytics-series{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.analytics-series__point{background:var(--panel);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 8px 24px #14103514}.conversations-list ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.conversations-list__item{border:1px solid #6b4eff1a;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.conversations-list__subject{font-weight:600}.conversations-list__meta{color:var(--muted);gap:6px;font-size:12px;display:flex}.conversations-list__assignee{color:var(--primary);font-size:13px;font-weight:600}.leads-table table{border-collapse:collapse;width:100%;margin-top:12px}.leads-table th,.leads-table td{text-align:left;border-bottom:1px solid #6b4eff14;padding:10px 12px}.leads-page__form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.leads-page__form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.leads-page__form label{flex-direction:column;gap:6px;font-size:14px;display:flex}.leads-page__form input{border:1px solid #6b4eff33;border-radius:12px;padding:10px 12px}.analytics-summary__content{flex-direction:column;gap:20px;display:flex}.analytics-summary__kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.analytics-summary__kpis h4{margin:0;font-size:20px}.analytics-summary__channels{gap:12px;display:grid}.analytics-summary__channel{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.dashboard-stats__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-stats__card{flex-direction:column;gap:8px;display:flex}.dashboard-stats__card strong{color:inherit;font-size:28px;font-weight:700}.dashboard-stats__details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.dashboard-stats__details ul{color:var(--muted);gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.analytics-controls{gap:12px;margin-bottom:16px;display:flex}.analytics-controls button{cursor:pointer;color:var(--primary);background:#6b4eff1f;border:none;border-radius:12px;padding:6px 12px;font-weight:500}.conversations-page__layout{grid-template-columns:320px 1fr;gap:24px;display:grid}.conversations-page__list ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.conversations-page__list-item button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;width:100%;padding:12px 14px}.conversations-page__list-item.active button{background:#6b4eff14;border-color:#6b4eff59}.conversations-page__list-item .subject{font-weight:600}.conversations-page__list-item .meta{color:var(--muted);gap:6px;font-size:12px;display:flex}.conversations-page__detail{flex-direction:column;gap:16px;display:flex}.conversations-page__detail-header{justify-content:space-between;align-items:center;display:flex}.primary-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 16px;font-weight:600}.conversations-page__messages{background:var(--bg);border-radius:16px;flex-direction:column;gap:12px;max-height:320px;padding:16px;display:flex;overflow-y:auto}.messages__bubble{background:var(--panel);border-radius:16px;padding:12px 14px;box-shadow:0 4px 18px #1410350f}.messages__bubble--agent{border-left:4px solid var(--primary)}.messages__bubble--user{border-left:4px solid var(--accent)}.messages__bubble--bot{border-left:4px solid var(--accent3)}.conversations-page__composer{gap:12px;display:flex}.conversations-page__composer input{border:1px solid #6b4eff33;border-radius:12px;flex:1;padding:10px 12px}@media(max-width:960px){.conversations-page__layout{grid-template-columns:1fr}}.auth{background:var(--panel);border-radius:20px;flex-direction:column;gap:16px;max-width:360px;margin:80px auto;padding:32px;display:flex;box-shadow:0 12px 28px #1410351f}.auth__header{text-align:left;flex-direction:column;gap:6px;display:flex}.auth__eyebrow{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:12px;font-weight:600}.auth__title{color:inherit;margin:0;font-size:24px;font-weight:700}.auth__subtitle{color:var(--muted);margin:0;font-size:14px}.auth form{flex-direction:column;gap:12px;display:flex}.auth input{border:1px solid #d4d4e3;border-radius:12px;padding:10px 12px;font-size:14px}.auth button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 14px}.auth button:disabled{opacity:.6;cursor:not-allowed}.auth__footer{flex-direction:column;gap:12px;margin-top:4px;display:flex}.auth__link{color:#4f46e5;font-weight:600;text-decoration:none}.auth__link:hover{text-decoration:underline}.auth__cta{color:var(--muted);margin:0;font-size:14px}@media(max-width:960px){.sidebar{display:none}.layout__main{padding:16px}.dashboard__columns{grid-template-columns:1fr}}.subscriptions-page{--sub-text-primary:#0f172a;--sub-text-secondary:#475569;--sub-text-muted:#64748b}body.dark .subscriptions-page{--sub-text-primary:#95969a;--sub-text-secondary:#5a5a5a;--sub-text-muted:#9e9e9e}.subscriptions-page h1,.subscriptions-page h2,.subscriptions-page h3{color:var(--sub-text-primary)}.subscriptions-page p,.subscriptions-page span,.subscriptions-page li,.subscriptions-page td,.subscriptions-page th{color:var(--sub-text-secondary)}.subscriptions-page .text-muted,.subscriptions-page .text-xs{color:var(--sub-text-muted)}.integrations-page{--int-text-primary:#0f172a;--int-text-secondary:#475569;--int-text-muted:#64748b;--int-card-bg:#fff}body.dark .integrations-page{--int-text-primary:#95969a;--int-text-secondary:#e5e7eb;--int-text-muted:#9ca3af;--int-card-bg:#111827e6}.integrations-page h1,.integrations-page h2,.integrations-page h3{color:var(--int-text-primary)}.integrations-page p,.integrations-page span{color:var(--int-text-secondary)}.integrations-page .muted,.integrations-page .text-xs{color:var(--int-text-muted)}.integrations-page .integration-card{background:var(--int-card-bg)}body.dark .analytics-page{color:#fff}body.dark .analytics-page h1,body.dark .analytics-page h2,body.dark .analytics-page h3{color:#95969a!important}body.dark .analytics-page p,body.dark .analytics-page span,body.dark .analytics-page li,body.dark .analytics-page td,body.dark .analytics-page th{color:#7e7e7e!important}body.dark .analytics-page .text-slate-500,body.dark .analytics-page .text-slate-400,body.dark .analytics-page .text-slate-700{color:#797979!important}body.dark .automations-header h1,body.dark .automations-header h2,body.dark .automations-header p{color:#95969a!important}body.dark .automations-page [style*="var(--panel)"]{box-shadow:0 8px 24px #1410351f;color:#1e1b4b!important;background:#fff!important}body.dark .automations-page h1,body.dark .automations-page h2,body.dark .automations-page h3,body.dark .automations-page p,body.dark .automations-page span,body.dark .automations-page strong{color:#95969a!important}body.dark .automations-page button{background:#fff}body.dark .automations-page span{color:#95969a}body.dark .integrations-page{color:#1e1b4b}body.dark .integrations-page [style*="var(--panel)"]{border-color:#1e1b4b1f;box-shadow:0 10px 30px #14103526;color:#1e1b4b!important;background:#fff!important}body.dark .integrations-page h1,body.dark .integrations-page h2,body.dark .integrations-page h3,body.dark .integrations-page p,body.dark .integrations-page span{color:#95969a!important}body.dark .integrations-page [style*="var(--muted)"]{color:#475569!important}.onboarding-pattern{background-color:#1d78d6;background-image:linear-gradient(#3b82f673,#0284c71a 55%,#1e3a8a33),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.10)' stroke-width='10'%3E%3Cpath d='M10 30 L40 60 L10 90'/%3E%3Cpath d='M50 30 L80 60 L50 90'/%3E%3Cpath d='M90 30 L120 60 L90 90'/%3E%3Cpath d='M130 30 L160 60 L130 90'/%3E%3Cpath d='M10 90 L40 120 L10 150'/%3E%3Cpath d='M50 90 L80 120 L50 150'/%3E%3Cpath d='M90 90 L120 120 L90 150'/%3E%3Cpath d='M130 90 L160 120 L130 150'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:auto,160px 160px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
