@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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,)}}.rail-button small{margin-top:2px;font-size:7px;font-weight:600;display:block}.mini-meta{color:#9aa5b3;margin-top:5px;font-size:8px;display:block}.toast{z-index:20;color:#166b4a;background:#effbf6;border:1px solid #bee8d6;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:650;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #12233f18}.search button{color:#8591a1;cursor:pointer;background:0 0;border:0}.composer-box.note{background:#fffaf0;border-color:#f1ca70}.reply-mode .active.note{color:#a66d00;border-color:#d69816}.status-dot{background:#20bb82;border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block}.file-row{align-items:center;gap:9px;margin-top:12px;display:flex}.file-row>span{color:#1474d2;background:#e7f3ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.file-row strong,.file-row small{font-size:9px;display:block}.file-row small{color:#929dac;margin-top:2px;font-size:8px}.mascot-card em{color:#21835e;background:#dbf5e9;border-radius:7px;margin-left:auto;padding:3px 6px;font-size:7px;font-style:normal}.workspace{background:#f7f9fc;min-width:0;overflow:auto}.workspace.full{grid-column:2/-1}.workspace-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:104px;padding:20px 34px;display:flex}.workspace-header h1{letter-spacing:-.04em;margin:2px 0 3px;font-size:24px}.workspace-header p{color:#7b8899;margin:0;font-size:11px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions>button{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px}.top-actions .avatar{color:#fff;place-items:center;display:grid}.workspace-tools{align-items:center;gap:15px;padding:22px 34px 10px;display:flex}.workspace-tools .search{width:min(440px,50%);margin:0}.media-filters{gap:5px;display:flex}.media-filters button{color:#748194;background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:10px}.media-filters button.active{color:#0a6dda;background:#e5f2ff}.media-summary{border:1px solid var(--line);background:var(--line);border-radius:13px;gap:1px;margin:10px 34px 18px;display:flex;overflow:hidden}.media-summary div{background:#fff;flex:1;padding:15px 18px}.media-summary strong,.media-summary span{display:block}.media-summary strong{font-size:16px}.media-summary span{color:#8a96a5;margin-top:3px;font-size:9px}.media-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:15px;padding:0 34px 34px;display:grid}.media-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px #18385808}.media-preview{color:#fff;background:linear-gradient(145deg,#38a8ef,#0757b5);place-items:center;height:145px;display:grid;position:relative}.media-preview.violet{background:linear-gradient(145deg,#a88bea,#5846a9)}.media-preview.paper{color:#d34848;background:linear-gradient(145deg,#fff,#e5edf6)}.media-preview.green{background:linear-gradient(145deg,#6bbfa8,#1d6d65)}.media-preview.orange{background:linear-gradient(145deg,#ffbc72,#d8733d)}.media-preview.navy{background:linear-gradient(145deg,#334f75,#101d38)}.media-preview>span{font-size:24px;font-weight:800}.media-preview button{color:#fff;background:#10233f75;border:0;border-radius:8px;position:absolute;top:9px;right:9px}.media-copy{padding:12px}.media-copy strong,.media-copy span,.media-copy small{display:block}.media-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.media-copy span{color:#617188;margin-top:5px;font-size:9px}.media-copy small{color:#9aa4b0;margin-top:3px;font-size:8px}.connections-wrap{max-width:980px;margin:auto;padding:25px 34px}.connections-wrap>.mascot-card{max-width:310px;margin-left:auto}.connections-heading{justify-content:space-between;align-items:flex-end;margin:26px 0 18px;display:flex}.connections-heading h2{margin:4px 0;font-size:20px}.connections-heading p{color:#7e8997;margin:0;font-size:10px}.primary{color:#fff;background:var(--blue);border:0;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:650}.connection-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.connection-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px;box-shadow:0 7px 24px #15334f0a}.connection-card header{justify-content:space-between;display:flex}.wa-icon{color:#fff;background:#1bbd79;border-radius:12px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.wa-icon.alt{background:#176ed2}.connected{color:#21835e;background:#e4f7ee;border-radius:8px;align-self:flex-start;padding:5px 7px;font-size:8px}.connection-card h3{margin:14px 0 3px;font-size:14px}.connection-card>p{color:#8490a0;margin:0;font-size:9px}.connection-card dl{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:15px;margin:18px 0;padding:14px 0;display:grid}.connection-card dt{color:#939eac;font-size:8px}.connection-card dd{margin:3px 0 0;font-size:9px}.connection-card footer{justify-content:space-between;display:flex}.connection-card footer button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:9px}.connection-notice{color:#72571a;background:#fffaf0;border:1px solid #f0dca7;border-radius:12px;gap:12px;margin-top:18px;padding:15px;display:flex}.connection-notice>span{color:#fff;background:#d79c1f;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.connection-notice strong{font-size:10px}.connection-notice p{margin:4px 0 0;font-size:9px;line-height:1.5}@media (max-width:900px){.media-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.workspace.full{grid-column:2/-1}.connection-grid{grid-template-columns:1fr}}@media (max-width:620px){.workspace-tools,.connections-heading{flex-direction:column;align-items:stretch}.workspace-tools .search{width:100%}.media-grid{grid-template-columns:1fr;padding-inline:18px}.media-summary{margin-inline:18px}.workspace-header{padding-inline:18px}.media-filters{overflow:auto}.workspace.full{grid-column:2}.connections-wrap{padding-inline:18px}}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 70% 20%,#177fe6 0,#0000 35%),linear-gradient(145deg,#0b1d3a,#102e5a 65%,#0c4682);padding:54px clamp(35px,7vw,100px);position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-150px;right:-130px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}.login-logo{background:#1389f4;border-radius:14px;place-items:center;width:48px;height:48px;font-size:27px;font-style:italic;font-weight:900;display:inline-grid}.login-brand>div:nth-child(2){vertical-align:middle;gap:5px;margin-left:12px;font-size:19px;display:inline-flex}.login-brand>div span{font-weight:700}.login-brand>div strong{color:#52b5ff}.login-brand img{z-index:1;filter:drop-shadow(0 25px 30px #00142f80);width:min(49%,430px);position:absolute;bottom:-4%;right:4%}.login-brand h1{z-index:2;letter-spacing:-.055em;margin:20vh 0 14px;font-size:clamp(30px,4vw,55px);line-height:1.04;position:relative}.login-brand p{z-index:2;color:#c5d9f1;max-width:390px;font-size:14px;line-height:1.6;position:relative}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-form{width:min(390px,100%)}.login-form h2{letter-spacing:-.04em;margin:7px 0;font-size:28px}.login-form>p{color:#7a8798;margin:0 0 28px;font-size:12px}.login-form label{color:#4e5e73;margin:14px 0;font-size:10px;font-weight:700;display:block}.login-form input{border:1px solid #dfe5ec;border-radius:10px;outline:0;width:100%;height:44px;margin-top:6px;padding:0 13px;font-size:12px;display:block}.login-form input:focus{border-color:#1681eb;box-shadow:0 0 0 3px #1681eb14}.login-submit{color:#fff;background:#0878ed;border:0;border-radius:10px;width:100%;height:44px;margin-top:8px;font-size:11px;font-weight:750;box-shadow:0 9px 24px #0878ed30}.login-submit:disabled{opacity:.65}.login-switch{color:#0878ed;background:0 0;border:0;width:100%;margin-top:15px;font-size:10px}.login-error{color:#a73333;background:#fff4f4;border:1px solid #ffd0d0;border-radius:9px;padding:9px 11px;font-size:10px}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{min-height:230px;padding:28px}.login-brand h1{margin:42px 0 9px;font-size:30px}.login-brand img{width:190px;right:-10px}.login-form-wrap{padding:35px 25px}}.disconnected{color:#7f5b18;background:#fff3d8;border-radius:8px;align-self:flex-start;padding:5px 7px;font-size:8px}.connection-card footer .connect-action{color:#076fd9;background:#edf7ff;border-color:#b9dbff;font-weight:700}.empty-state{text-align:center;color:#8190a3;padding:35px}.pairing-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07182fb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pairing-modal{text-align:center;background:#fff;border-radius:20px;width:min(430px,100%);padding:25px;position:relative;box-shadow:0 24px 80px #00152f66}.pairing-modal>.mascot-card{text-align:left;margin-bottom:20px}.pairing-modal h2{margin:5px 0 16px;font-size:20px}.pairing-close{z-index:1;color:#617086;background:#edf1f6;border:0;border-radius:9px;width:30px;height:30px;font-size:20px;position:absolute;top:14px;right:14px}.qr-code{border:1px solid var(--line);border-radius:14px;width:260px;max-width:80%}.pairing-modal ol{color:#536176;text-align:left;margin:16px auto;padding-left:20px;font-size:11px;line-height:1.8;display:inline-block}.pairing-modal>small{color:#929dab;font-size:9px;display:block}.pairing-loading{color:#65758b;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:250px;font-size:11px;display:flex}.pairing-loading i{border:3px solid #dce8f5;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.pairing-success{color:#16764f;background:#e9f9f1;border-radius:14px;margin:28px 0;padding:22px;font-weight:750}@keyframes spin{to{transform:rotate(360deg)}}.pairing-error{color:#9b3030;background:#fff2f2;border:1px solid #f2c5c5;border-radius:14px;flex-direction:column;gap:6px;margin:25px 0;padding:20px;display:flex}.pairing-error strong{font-size:13px}.pairing-error span{font-size:10px;line-height:1.5}.pairing-error .reset-session{color:#fff;cursor:pointer;background:#c73e3e;border:0;border-radius:9px;align-self:center;margin-top:10px;padding:9px 13px;font-size:10px;font-weight:700}.analytics-toolbar button:disabled{opacity:.55}@media (max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:650px){.kpi-grid{grid-template-columns:1fr}.analytics-toolbar,.kpi-grid,.analytics-grid{padding-left:14px;padding-right:14px}.chart-legend{display:none}}.demo-visual.rich{background:#eaf1f8;height:190px;padding:0}.demo-visual.rich.large{height:330px}.demo-art,.demo-video-scene,.demo-video-scene svg{object-fit:cover;width:100%;height:100%;display:block}.preview-badge{z-index:4;color:#fff;background:#09243ecc;border-radius:9px;padding:6px 10px;font-size:10px;font-weight:700;position:absolute;bottom:11px;right:12px;box-shadow:0 5px 15px #001b3a44}.demo-document{color:#243850;text-align:left;background:#fff;width:58%;height:82%;margin:auto;padding:19px 22px;transform:rotate(-2deg);box-shadow:0 14px 30px #16365522}.demo-document .doc-brand{color:#0878ed;letter-spacing:.16em;font-size:10px;font-weight:800}.demo-document h4{margin:10px 0 16px;font-size:17px}.demo-document>i{background:#dfe7f0;border-radius:4px;width:100%;height:5px;margin-top:7px;display:block}.demo-document>i.short{width:65%}.doc-chart{border-bottom:1px solid #dbe4ee;align-items:flex-end;gap:7px;height:45px;margin-top:16px;padding-top:5px;display:flex}.doc-chart b{background:#82c9ff;width:16%;height:45%}.doc-chart b:nth-child(2){background:#0878ed;height:75%}.doc-chart b:nth-child(3){background:#755be8;height:55%}.doc-chart b:nth-child(4){background:#27bd87;height:90%}.demo-document>span{color:#8a97a8;margin-top:10px;font-size:8px;display:block}.demo-audio-scene{color:#fff;background:linear-gradient(135deg,#ff5f87,#784de1);align-items:center;gap:14px;width:100%;height:100%;padding:25px 35px;display:flex}.audio-avatar{color:#8a4bda;background:#fff;border-radius:50%;flex:none;place-items:center;width:55px;height:55px;font-size:22px;font-weight:800;display:grid}.demo-audio-scene strong,.demo-audio-scene span{display:block}.demo-audio-scene span{color:#ffe8f2;margin-top:5px;font-size:10px}.demo-audio-scene .demo-wave{flex:1;width:auto;height:85px;margin-left:15px;position:static}.demo-player-controls{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071a31db;border-radius:12px;align-items:center;gap:12px;padding:10px 13px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.demo-player-controls button{color:#0878ed;cursor:pointer;background:#fff;border:0;border-radius:50%;width:34px;height:34px;font-weight:800}.demo-player-controls>div{background:#ffffff38;border-radius:5px;flex:1;height:6px;overflow:hidden}.demo-player-controls>div i{background:linear-gradient(90deg,#2ca7ff,#6d62ff);border-radius:5px;height:100%;transition:width .18s linear;display:block}.demo-player-controls span{min-width:74px;font-size:9px}.media-card.interactive .media-copy{padding:15px 16px}.media-card.interactive .media-copy strong{font-size:13px}.media-card.interactive .media-copy span{font-size:10px}.media-card.interactive .media-copy small{font-size:9px}.curve-card{background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 16px 36px #174f8b12}.curve-chart{perspective:900px;height:285px;margin-top:15px}.curve-chart svg{filter:drop-shadow(0 14px 14px #173f7014);width:100%;height:100%;overflow:visible;transform:rotateX(2deg)}.curve-area{fill:url(#receivedArea)}.curve{fill:none;stroke-width:5px;stroke-linecap:round;filter:url(#curveShadow)}.curve.received{stroke:#0878ed}.curve.resolved{stroke:#24bd86;stroke-width:4px}.curve-point{stroke:#fff;stroke-width:3px;cursor:help}.curve-point.received{fill:#0878ed}.curve-point.resolved{fill:#24bd86}.curve-chart text{fill:#7d8da2;font-size:10px}.media-card.interactive{border:1px solid var(--line);text-align:left;color:inherit;cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s}.media-card.interactive:hover{transform:translateY(-5px);box-shadow:0 18px 35px #163b6720}.demo-visual{position:relative;overflow:hidden}.demo-visual:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff35,#0000 45%,#001d4024);position:absolute;inset:0}.demo-visual>small{z-index:2;color:#fff;background:#10284caa;border-radius:8px;padding:5px 8px;font-size:9px;position:absolute;bottom:10px;right:12px}.demo-icon{z-index:2}.demo-landscape{position:absolute;inset:0}.demo-landscape i{background:#ffe779;border-radius:50%;width:54px;height:54px;position:absolute;top:17%;right:17%;box-shadow:0 0 28px #ffef9b}.demo-landscape b,.demo-landscape em{clip-path:polygon(0 80%,28% 20%,48% 62%,70% 7%,100% 76%,100% 100%,0 100%);background:#ffffff36;height:75%;position:absolute;bottom:-30%;left:-5%;right:-5%}.demo-landscape em{background:#092b5954;bottom:-39%;transform:scaleX(1.1)}.media-preview.audio{background:linear-gradient(145deg,#ff6a88,#8b4de8)}.demo-wave{z-index:2;align-items:center;gap:4px;width:60%;height:55%;display:flex;position:absolute}.demo-wave i{background:#fffc;border-radius:5px;flex:1}.demo-media-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07182bc9;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.demo-media-modal{background:#fff;border-radius:22px;width:min(620px,94vw);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 30px 90px #0008}.demo-media-modal .demo-visual.large{border-radius:16px;height:300px;margin-bottom:22px}.demo-media-modal h2{margin:5px 0 8px;font-size:25px}.demo-media-modal>p{color:#6f7e91;line-height:1.55}.demo-media-modal dl{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.demo-media-modal dl div{background:#f2f6fb;border-radius:11px;padding:12px}.demo-media-modal dt{color:#8794a5;font-size:10px}.demo-media-modal dd{margin:5px 0 0;font-size:12px}.demo-close{z-index:5;color:#fff;cursor:pointer;background:#10284ccc;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;position:absolute;top:31px;right:31px}@media (max-width:650px){.curve-chart{height:220px}.demo-media-modal dl{grid-template-columns:1fr}.demo-media-modal .demo-visual.large{height:220px}}.analytics-workspace{background:#f5f8fc;padding-bottom:40px;overflow:auto}.analytics-toolbar{justify-content:flex-end;align-items:end;gap:12px;padding:20px 28px 4px;display:flex}.analytics-toolbar label{color:#78869a;gap:5px;font-size:12px;display:grid}.analytics-toolbar select,.analytics-toolbar button{background:#fff;border:1px solid #d7e1ed;border-radius:9px;height:38px;padding:0 13px}.analytics-toolbar button{color:#076ed6;cursor:pointer;font-weight:700}.kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;padding:18px 28px;display:grid}.kpi-card{background:#fff;border:1px solid #e1e8f1;border-radius:15px;min-height:122px;padding:19px;box-shadow:0 6px 20px #233b5a0a}.kpi-card>span{color:#64758b;font-size:12px;font-weight:650;display:block}.kpi-card>strong{letter-spacing:-.04em;margin:10px 0 5px;font-size:28px;display:block}.kpi-card>small{color:#8290a2}.kpi-card.good{border-top:3px solid #26b67a}.kpi-card.danger{border-top:3px solid #e35151}.analytics-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;padding:0 28px;display:grid}.chart-card{background:#fff;border:1px solid #e1e8f1;border-radius:15px;padding:20px}.chart-card.wide{grid-column:1/-1}.chart-card header{justify-content:space-between;gap:16px;display:flex}.chart-card h2{margin:0 0 5px;font-size:16px}.chart-card p{color:#748399;margin:0;font-size:12px;line-height:1.55}.chart-legend{color:#6c7a8d;gap:15px;font-size:11px;display:flex}.chart-legend span:before{content:"";background:#1683ed;border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.chart-legend .resolved:before{background:#2ab67d}.daily-chart{border-bottom:1px solid #dce4ee;align-items:flex-end;gap:3px;height:225px;margin-top:22px;padding-top:10px;display:flex}.day-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:4px;height:100%;display:flex}.bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:calc(100% - 22px);display:flex}.bars i{background:#1683ed;border-radius:4px 4px 0 0;width:35%;max-width:9px;min-height:3px}.bars i.resolved{background:#2ab67d}.day-column small{color:#8895a6;height:20px;padding-top:5px;font-size:8px}.breakdown-row{margin-top:16px}.breakdown-row>div{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.breakdown-row i{background:#edf2f7;border-radius:5px;height:8px;display:block;overflow:hidden}.breakdown-row b{background:linear-gradient(90deg,#1683ed,#65b6ff);border-radius:5px;height:100%;display:block}.methodology p{margin-top:11px}.methodology small{color:#7f8c9e;border-top:1px solid #e6ebf2;margin-top:15px;padding-top:13px;line-height:1.5;display:block}@media (max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:650px){.kpi-grid{grid-template-columns:1fr}.analytics-toolbar,.kpi-grid,.analytics-grid{padding-left:14px;padding-right:14px}.chart-legend{display:none}}:root{--ink:#12233f;--muted:#78869a;--line:#e7ecf2;--blue:#0878ed}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);font-family:var(--font-geist),Arial,sans-serif;background:#f2f5f9;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:#fff;grid-template-columns:74px 330px minmax(420px,1fr) 294px;height:100vh;min-height:680px;display:grid;overflow:hidden}.rail{color:#fff;background:#10284c;flex-direction:column;align-items:center;gap:32px;padding:19px 0;display:flex}.brand-mark{background:linear-gradient(145deg,#24a9ff,#0962dc);border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;font-style:italic;font-weight:800;display:grid;box-shadow:0 8px 24px #001c4080}.rail nav{flex-direction:column;align-items:center;gap:11px;width:100%;display:flex}.rail-button{color:#91a4bf;cursor:pointer;background:0 0;border:0;border-radius:12px;width:44px;height:44px;font-size:19px}.rail-button.active,.rail-button:hover{color:#fff;background:#ffffff18}.rail-bottom{margin-top:auto;position:relative}.avatar{color:#fff;background:#285a8e;border:0;border-radius:50%;width:38px;height:38px;font-size:12px;font-weight:700}.presence{z-index:1;background:#2dcc8b;border:2px solid #10284c;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:0}.inbox-panel,.details-panel{border-right:1px solid var(--line);background:#fbfcfe;overflow:auto}.panel-header{justify-content:space-between;align-items:center;height:86px;padding:18px 20px;display:flex}.eyebrow{color:#738198;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.panel-header h1{letter-spacing:-.03em;margin:0;font-size:22px}.new-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;width:34px;height:34px;font-size:20px;box-shadow:0 7px 15px #0878ed30}.search{border:1px solid var(--line);color:#8290a3;background:#fff;border-radius:11px;align-items:center;gap:8px;height:40px;margin:0 18px 12px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.filters{border-bottom:1px solid var(--line);gap:5px;padding:0 18px 13px;display:flex}.filter{color:#7a8798;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:11px}.filter b{background:#e9eef5;border-radius:8px;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:9px;display:inline-grid}.filter.active{color:#096ee0;background:#eaf4ff;font-weight:650}.filter.active b{background:#cfe6ff}.conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf0f4;gap:11px;width:100%;padding:16px 18px;display:flex}.conversation:hover,.conversation.selected{background:#edf6ff}.conversation.selected{border-left:3px solid var(--blue);padding-left:15px}.contact-avatar{color:#275b8e;background:#dcecff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:750;display:grid;position:relative}.contact-avatar i{background:#23c58c;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:0}.contact-avatar.large{width:43px;height:43px}.conversation-copy{flex:1;min-width:0}.conversation-top,.conversation-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-top strong{font-size:13px}.conversation-top time{color:#8d98a7;font-size:9px}.conversation-bottom{color:#7b8798;margin-top:5px;font-size:11px}.conversation-bottom span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-bottom b{color:#fff;background:var(--blue);border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.chat-panel{background:#f8fafc;flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.contact-title{align-items:center;gap:11px;display:flex}.contact-title strong,.contact-title span{display:block}.contact-title strong{font-size:14px}.contact-title span{color:#22a574;margin-top:2px;font-size:10px}.header-actions{align-items:center;gap:7px;display:flex}.header-actions button{color:#6e7d90;background:0 0;border:0;padding:8px}.channel-pill{color:#28724f;background:#eaf8f1;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:650}.chat-body{background-color:#f7f9fb;background-image:radial-gradient(#cfd9e5 .65px,#0000 .65px);background-size:18px 18px;flex-direction:column;flex:1;align-items:flex-start;gap:9px;min-height:0;padding:25px clamp(24px,5vw,72px);display:flex;overflow:auto}.date-chip{color:#8b97a6;background:#e8edf3;border-radius:10px;align-self:center;padding:5px 10px;font-size:9px}.bubble{background:#fff;border-radius:13px 13px 13px 3px;max-width:72%;padding:11px 13px 8px;font-size:12px;line-height:1.45;box-shadow:0 2px 8px #27405b0d}.bubble.outgoing{background:#dff1ff;border-radius:13px 13px 3px;align-self:flex-end}.bubble time{text-align:right;color:#8090a1;margin:5px 0 -2px;font-size:8px;display:block}.composer{border-top:1px solid var(--line);background:#fff;flex:none;padding:10px 18px 12px}.reply-mode{gap:17px;margin-bottom:7px;display:flex}.reply-mode button{color:#8b96a6;background:0 0;border:0;padding:2px 0 5px;font-size:10px}.reply-mode .active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:700}.composer-box{border:1px solid #dfe5ec;border-radius:12px;align-items:flex-end;gap:7px;padding:7px 8px;display:flex}.composer-box button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:30px;height:30px}.composer-box textarea{resize:none;border:0;outline:0;flex:1;min-height:30px;max-height:80px;padding:7px 3px 0;font-size:12px}.composer-box .send{background:var(--blue);color:#fff}.helper{color:#99a3b0;text-align:right;margin-top:6px;font-size:8px;display:block}.details-panel{border-right:0;border-left:1px solid var(--line);background:#fbfcfe;padding:17px}.mascot-card{background:linear-gradient(135deg,#edf7ff,#f8fbff);border:1px solid #dce9f7;border-radius:13px;align-items:center;gap:10px;padding:9px 11px;display:flex}.mascot-card img{object-fit:contain;object-position:center;width:43px;height:43px}.mascot-card strong,.mascot-card span{display:block}.mascot-card strong{font-size:12px}.mascot-card span{color:#718197;margin-top:2px;font-size:9px}.contact-card{text-align:center;border-bottom:1px solid var(--line);padding:23px 0 20px}.contact-avatar.xlarge{width:62px;height:62px;margin:auto;font-size:16px}.contact-card h2{margin:10px 0 3px;font-size:16px}.contact-card p{color:#8994a3;margin:0;font-size:9px}.contact-actions{justify-content:center;gap:8px;margin-top:14px;display:flex}.contact-actions button{border:1px solid var(--line);color:#637187;background:#fff;border-radius:9px;width:31px;height:31px}.detail-section{border-bottom:1px solid var(--line);padding:17px 2px}.detail-section header{justify-content:space-between;align-items:center;display:flex}.detail-section h3{margin:0;font-size:11px}.detail-section header button{color:var(--blue);background:0 0;border:0;font-size:9px}.detail-section dl{margin:13px 0 0}.detail-section dl div{margin-top:10px}.detail-section dt{color:#929dac;font-size:8px}.detail-section dd{margin:2px 0 0;font-size:10px}.tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.tags span{color:#176fc0;background:#e4f2ff;border-radius:8px;padding:5px 8px;font-size:9px}@media (max-width:1100px){.app-shell{grid-template-columns:70px 300px 1fr}.details-panel{display:none}}@media (max-width:760px){.app-shell{grid-template-columns:62px 1fr}.chat-panel{display:none}.inbox-panel{border-right:0}.conversation{padding-block:18px}}.empty-selection{text-align:center;color:#5b6f89;place-items:center;padding:32px;display:grid}.empty-selection>div{background:#f8fbff;border:1px solid #dce7f2;border-radius:18px;max-width:420px;padding:28px}.empty-selection strong{color:#172b46;margin-bottom:8px;font-size:18px;display:block}.empty-selection p{margin:0;line-height:1.5}@media (min-width:1120px){.app-shell{grid-template-columns:88px minmax(340px,26vw) minmax(520px,1fr) minmax(280px,22vw)}}.rail{overflow:hidden}.rail-button,.rail-bottom .rail-button{width:58px;min-height:54px;padding:8px 6px}.rail-button span,.rail-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rail-icon{overflow:visible}.inbox-panel,.chat-panel,.details-panel{min-width:0}.inbox-tabs,.filter-tabs,.queue-tabs{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.inbox-tabs button,.filter-tabs button,.queue-tabs button{white-space:nowrap;flex:none}.conversation-item,.queue-item,.contact-row{min-width:0}.conversation-item h3,.conversation-item p,.queue-item h3,.queue-item p,.contact-row strong,.contact-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workflow-strip{grid-template-columns:repeat(5,minmax(118px,1fr));align-items:end;gap:5px;display:grid}.workflow-strip label,.workflow-strip select,.workflow-strip button{min-width:0}.workflow-strip select{text-overflow:ellipsis;width:100%}.workflow-action-button{white-space:normal;min-height:30px;line-height:1.2}.composer{min-width:0;display:block}.composer textarea,.composer input{min-width:0}.details-panel{overflow-y:auto}.mascot-card,.sla-card,.detail-section{overflow-wrap:anywhere}@media (max-width:1240px){.app-shell{grid-template-columns:76px minmax(300px,34vw) minmax(480px,1fr)}.details-panel{display:none}.workflow-strip{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (max-width:920px){.app-shell{grid-template-columns:70px minmax(280px,42vw) minmax(360px,1fr)}.workflow-strip{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (min-width:1120px){.app-shell{grid-template-columns:96px minmax(330px,24vw) minmax(620px,1fr) minmax(286px,21vw)}}.rail-button,.rail-bottom .rail-button{width:68px}.rail-button span,.rail-label{font-size:10px;line-height:1.15}@media (max-width:1500px){.workflow-strip{grid-template-columns:repeat(3,minmax(170px,1fr))}.workflow-action-button{min-height:28px}}@media (max-width:1320px){.app-shell{grid-template-columns:88px minmax(315px,32vw) minmax(560px,1fr)}.details-panel{display:none}}@media (max-width:1500px){.app-shell .chat-panel .workflow-strip{grid-template-columns:repeat(3,minmax(180px,1fr))!important}.app-shell .chat-panel .workflow-strip>label select{font-size:13px!important;line-height:40px!important}.app-shell .chat-panel .workflow-strip .workflow-action-button{grid-column:1/3!important}.app-shell .chat-panel .workflow-strip .escalate-button{grid-column:3/4!important}}.app-shell .rail-button,.app-shell .rail-bottom .rail-button{width:68px!important}.app-shell.details-collapsed .details-panel{display:none}.app-shell.details-collapsed{grid-template-columns:74px 330px minmax(420px,1fr)}.details-toggle-btn{border:1px solid var(--line);cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border-radius:6px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:14px}.details-toggle-btn:hover{background:var(--bg-hover,#f1f5f9)}.context-grid{flex-direction:column;gap:2px;display:flex}.context-field{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:4px 6px;display:flex}.context-field:hover{background:var(--bg-hover,#f1f5f9)}.context-field span{color:var(--text-secondary,#64748b);font-size:11px;font-weight:500;line-height:1.3}.context-field strong{color:var(--text-primary,#1e293b);word-break:break-word;font-size:13px;font-weight:600;line-height:1.4}.context-source{align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.context-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.context-actions button{border:1px solid var(--line,#e2e8f0);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px}.context-last{color:var(--text-secondary,#64748b);margin-top:4px;font-size:11px}.escalation-summary{color:var(--text-secondary,#64748b);padding:4px 0;font-size:13px}.login-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:8px;padding:10px 12px;font-size:13px}.workflow-strip{gap:4px!important;padding:6px 12px!important}.workflow-strip>label{gap:3px!important}.workflow-strip>label select,.workflow-strip>label>select{height:26px!important;min-height:26px!important;padding:2px 6px!important;font-size:12px!important}.workflow-action-button{height:26px!important;min-height:26px!important;padding:2px 10px!important;font-size:12px!important;line-height:1!important}.app-shell .chat-panel .workflow-strip>label select{height:26px!important;min-height:26px!important}@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-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}
.app-shell{grid-template-columns:88px 350px minmax(480px,1fr) 320px;height:100dvh;min-height:0}.inbox-panel,.details-panel,.chat-panel{min-height:0}.inbox-panel,.details-panel{scrollbar-gutter:stable}.rail{padding-block:22px}.brand-mark{width:46px;height:46px;font-size:24px}.rail-button{width:52px;height:52px;font-size:22px}.rail-button small{margin-top:3px;font-size:10px;line-height:1.2}.eyebrow{font-size:11px}.panel-header h1,.workspace-header h1{font-size:26px}.workspace-header p{font-size:13px}.workspace-header{height:112px}.search{height:44px}.search input{font-size:14px}.filter{font-size:12px}.filter b{font-size:10px}.conversation-top strong{font-size:15px}.conversation-top time{font-size:11px}.conversation-bottom{font-size:13px}.mini-meta,.conversation-bottom b{font-size:10px}.contact-avatar{width:44px;height:44px;font-size:13px}.contact-avatar.large{width:48px;height:48px}.contact-title strong{font-size:16px}.contact-title span,.channel-pill{font-size:12px}.chat-header{height:78px;padding-inline:24px}.header-actions button{cursor:pointer;min-width:42px;min-height:42px;font-size:19px}.bubble{font-size:15px;line-height:1.5}.bubble time{font-size:11px}.reply-mode button{font-size:13px}.composer{z-index:2;padding:12px 20px 14px;position:relative}.composer-box{min-height:58px;padding:9px 10px}.composer-box textarea{min-height:38px;max-height:120px;padding-top:9px;font-size:16px;line-height:1.35}.composer-box button{width:40px;height:40px;font-size:19px}.helper{font-size:11px}.message-text{display:block}.message-media{object-fit:contain;background:#10213a;border-radius:10px;width:min(360px,100%);max-height:360px;display:block}.media-open{cursor:zoom-in;text-align:left;background:0 0;border:0;border-radius:10px;max-width:100%;margin:0 0 7px;padding:0;display:block;overflow:hidden}.media-open span{color:#fff;text-align:center;opacity:0;background:#07182bb3;margin-top:-30px;padding:6px 10px;font-size:12px;transition:opacity .15s;display:block;position:relative}.media-open:hover span,.media-open:focus-visible span{opacity:1}.media-lightbox{z-index:1000;cursor:zoom-out;background:#061326e8;place-items:center;padding:36px;display:grid;position:fixed;inset:0}.media-lightbox>img{object-fit:contain;cursor:default;border-radius:12px;max-width:min(1200px,94vw);max-height:90vh;box-shadow:0 20px 80px #0009}.media-lightbox-close{color:#fff;cursor:pointer;background:#10213acc;border:1px solid #fff5;border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;position:fixed;top:18px;right:24px}.message-audio{width:min(360px,75vw);margin-bottom:6px;display:block}.message-file{color:#096fd3;background:#eef6ff;border-radius:9px;align-items:center;gap:8px;margin-bottom:6px;padding:10px;font-weight:650;text-decoration:none;display:flex}.media-loading{color:#6f7e90;background:#eef2f6;border-radius:8px;padding:9px 11px;font-size:12px}.queue-filters{padding-bottom:10px;overflow-x:auto}.queue-filters .filter{white-space:nowrap}.queue-order{border-bottom:1px solid var(--line);color:#6f7d90;background:#f4f8fc;padding:8px 18px;font-size:10px}.conversation.sla-breached{box-shadow:inset 4px 0 #df3e3e}.conversation.sla-warning{box-shadow:inset 4px 0 #e5a11b}.queue-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.queue-meta>*{color:#607087;background:#eef2f6;border-radius:6px;padding:3px 6px;font-size:9px;font-style:normal}.queue-meta .priority-urgent{color:#9e2424;background:#ffe4e4}.queue-meta .priority-high{color:#9b5b00;background:#fff0d5}.queue-meta .priority-low{color:#35637b;background:#e7f4fa}.workflow-strip{border-bottom:1px solid var(--line);background:#f7faff;flex:none;align-items:end;gap:10px;padding:9px 18px;display:flex}.workflow-strip label{color:#6f7d90;gap:3px;font-size:9px;display:grid}.workflow-strip select{min-width:120px;height:32px;color:var(--ink);background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:0 8px;font-size:11px}.escalate-button{color:#8a5900;background:#fff7df;border:1px solid #f0c875;border-radius:8px;height:32px;margin-left:auto;padding:0 12px;font-size:10px;font-weight:700}.sla-card{color:#1b6d4e;text-align:left;background:#e8f8f1;border-radius:9px;gap:3px;margin:14px auto 0;padding:9px;font-size:10px;display:grid}.sla-card.warning{color:#875c08;background:#fff5d9}.sla-card.breached{color:#9d2929;background:#ffe7e7}.sla-card span{font-size:9px}.next-action header>span{color:#7c8999;font-size:9px}.task-entry{gap:6px;margin-top:11px;display:flex}.task-entry input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:8px;font-size:10px}.task-entry button,.task-list button{color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:9px}.task-list{gap:7px;margin-top:10px;display:grid}.task-list article{background:#fffaf0;border:1px solid #f0dfae;border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex}.task-list article>span{color:#c48600}.task-list article>div{flex:1;gap:2px;min-width:0;display:grid}.task-list strong{font-size:10px}.task-list small,.escalation-summary{color:#7e8997;font-size:9px}.task-list button{background:#27a879;width:24px;height:24px}.escalation-summary{background:#f2f5f9;border-radius:8px;margin-top:10px;padding:8px}@media (max-width:1250px){.workflow-strip{flex-wrap:wrap}.escalate-button{margin-left:0}}.mascot-card img{width:50px;height:50px}.mascot-card strong{font-size:14px}.mascot-card span{font-size:11px}.mascot-card em{font-size:9px}.contact-card h2{font-size:18px}.contact-card p,.detail-section header button{font-size:11px}.detail-section h3{font-size:13px}.detail-section dt{font-size:11px}.detail-section dd{font-size:12px}.tags span,.file-row strong{font-size:11px}.file-row small{font-size:10px}.connections-heading h2{font-size:24px}.connections-heading p{font-size:13px}.connection-card{padding:22px}.connection-card h3{font-size:17px}.connection-card>p{font-size:12px}.connection-card dt{font-size:11px}.connection-card dd{font-size:13px}.connected,.disconnected{font-size:10px}.connection-card footer button,.primary,.connection-notice strong{font-size:12px}.connection-notice p{font-size:11px}.media-filters button{font-size:12px}.media-summary span{font-size:11px}.media-copy strong{font-size:14px}.media-copy span{font-size:12px}.media-copy small{font-size:11px}.module-notice{color:#765718;background:#fff9e9;border:1px solid #f0d28d;border-radius:12px;gap:10px;margin:18px 34px 0;padding:13px 16px;font-size:12px;display:flex}.module-notice span{color:#856c39}button:disabled{cursor:not-allowed;opacity:.48}.login-brand img{object-fit:contain;object-position:right bottom;width:min(48%,410px);max-height:72%;bottom:0;right:3%}.pairing-modal h2{font-size:23px}.pairing-modal ol{font-size:13px}.pairing-modal>small{font-size:11px}.pairing-error strong{font-size:15px}.pairing-error span,.pairing-error .reset-session{font-size:12px}@media (max-width:1350px){.app-shell{grid-template-columns:82px 330px minmax(460px,1fr)}.details-panel{display:none}}@media (max-width:1100px){.app-shell{grid-template-columns:78px 310px 1fr}}@media (max-width:760px){.app-shell{grid-template-columns:70px 1fr}.rail-button{width:48px;height:48px}}
.kpi-card{text-align:left;cursor:pointer;min-height:122px;transition:transform .18s,box-shadow .18s,border-color .18s}.kpi-card:hover,.kpi-card:focus-visible{border-color:#8bc6ff;outline:none;transform:translateY(-3px);box-shadow:0 14px 28px #1769b51a}.kpi-card>small{display:block}.kpi-card>em{color:#0878ed;opacity:0;margin-top:12px;font-size:10px;font-style:normal;font-weight:700;transition:opacity .18s;display:block}.kpi-card:hover>em,.kpi-card:focus-visible>em{opacity:1}.metric-detail{background:linear-gradient(120deg,#eaf6ff,#f5f2ff);border:1px solid #b8daf9;border-radius:14px;align-items:center;gap:22px;margin:0 28px 18px;padding:16px 52px 16px 18px;display:flex;position:relative;box-shadow:0 10px 28px #1769b513}.metric-detail div{flex:1}.metric-detail span,.metric-detail strong{display:block}.metric-detail span{color:#58728f;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metric-detail strong{margin-top:5px;font-size:16px}.metric-detail p{color:#697d93;margin:5px 0 0;font-size:12px}.metric-detail>b{color:#0878ed;font-size:28px}.metric-detail>button{color:#526b87;cursor:pointer;background:#fff;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:14px;right:14px}.curve-chart{position:relative}.chart-hit{cursor:pointer;outline:none}.chart-hit:focus circle{filter:drop-shadow(0 0 5px #0878ed)}.chart-tooltip{z-index:4;pointer-events:none;background:#fff;border:1px solid #d8e5f2;border-radius:12px;min-width:165px;padding:12px 14px;position:absolute;top:10px;right:18px;box-shadow:0 12px 30px #143c6b24}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{margin-bottom:7px;font-size:12px}.chart-tooltip span{color:#64758b;margin-top:4px;font-size:11px}.chart-tooltip i{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.chart-tooltip .blue{background:#1689ff}.chart-tooltip .green{background:#24bd86}.breakdown-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;margin-top:10px;padding:8px;display:block}.breakdown-row:hover,.breakdown-row:focus-visible,.breakdown-row.selected{background:#f2f8ff;border-color:#cae2f8;outline:none}.breakdown-row>small{color:#627991;margin-top:8px;font-size:10px;display:block}.header-actions button,.top-actions button,.connection-card footer button,.detail-section header button{cursor:pointer}@media (max-width:650px){.metric-detail{align-items:flex-start;margin-left:14px;margin-right:14px}.metric-detail>b{font-size:22px}}
.analytics-workspace{background:radial-gradient(circle at 94% 2%,#7c5cff12,#0000 23%),radial-gradient(circle at 12% 18%,#00a6ff12,#0000 26%),#f5f8fc}.kpi-card{--accent:#1689ff;--soft:#1689ff18;background:linear-gradient(145deg,#fff,#f7fbff);position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent);width:5px;position:absolute;inset:0 auto 0 0}.kpi-card:after{content:"";background:var(--soft);border-radius:50%;width:100px;height:100px;position:absolute;top:-55px;right:-45px}.kpi-card.good{--accent:#17b978;--soft:#17b97820}.kpi-card.danger{--accent:#ef476f;--soft:#ef476f20}.kpi-card.cyan{--accent:#00a6fb;--soft:#00a6fb20}.kpi-card.violet{--accent:#7b61ff;--soft:#7b61ff20}.kpi-card.amber{--accent:#ff9f1c;--soft:#ff9f1c25}.kpi-card.blue{--accent:#246bfd;--soft:#246bfd20}.kpi-card>strong{color:var(--accent)}.curve-card{background:linear-gradient(150deg,#fff 20%,#f5f9ff 100%);box-shadow:0 20px 55px #1b4f8b12}.curve-chart svg{overflow:visible}.curve-card .chart-legend span:before{box-shadow:0 0 0 4px #fff,0 3px 10px}.sla-health{color:#fff;background:linear-gradient(145deg,#092c55,#124d82);align-items:center;gap:24px;min-height:230px;display:flex}.sla-health h2{color:#fff;margin:5px 0 8px}.sla-health p,.sla-health small,.sla-health .eyebrow{color:#cce6ff}.sla-ring{background:conic-gradient(#21d49b var(--sla),#f2b84b var(--sla),#ef5b75 360deg);border-radius:50%;flex:0 0 142px;width:142px;height:142px;padding:12px;box-shadow:0 15px 30px #00162e66,inset 0 0 0 1px #ffffff2b}.sla-ring>div{background:#0d365f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 20px #001f3d}.sla-ring strong{font-size:30px}.sla-ring span{color:#a9d8ff;font-size:11px}.breakdown-row{--bar:#1689ff}.breakdown-row>i{background:#e9eff7;border-radius:999px;height:9px;overflow:hidden}.breakdown-row>i>b{background:linear-gradient(90deg,var(--bar),color-mix(in srgb,var(--bar),white 28%));height:100%;box-shadow:0 3px 9px color-mix(in srgb,var(--bar),transparent 68%);border-radius:999px;display:block}.breakdown-row.color-0{--bar:#1976ed}.breakdown-row.color-1{--bar:#12b886}.breakdown-row.color-2{--bar:#7b61ff}.breakdown-row.color-3{--bar:#ff9f1c}.breakdown-row.color-4{--bar:#ef476f}.breakdown-row.color-5{--bar:#00a6fb}.palette-priority .color-0{--bar:#ef476f}.palette-priority .color-1{--bar:#ff8f3d}.palette-priority .color-2{--bar:#2478ff}.palette-priority .color-3{--bar:#7b8ba5}.file-picker{pointer-events:none;opacity:0!important;width:1px!important;height:1px!important;position:absolute!important}.composer-box>button:disabled{opacity:.55;cursor:wait}@media (max-width:850px){.sla-health{text-align:center;flex-direction:column}.sla-ring{flex-basis:142px}}
.product-pill{z-index:2;color:#bfe8ff;text-transform:uppercase;letter-spacing:.08em;background:#0b78d833;border:1px solid #79c9ff55;border-radius:999px;margin-top:42px;padding:8px 12px;font-size:9px;font-weight:800;display:inline-flex;position:relative}.login-brand h1{max-width:58%;margin:9vh 0 16px;font-size:clamp(35px,4vw,58px)}.login-brand p{max-width:54%;font-size:15px}.login-benefits{z-index:2;color:#d9edff;gap:10px;max-width:54%;margin-top:25px;font-size:12px;display:grid;position:relative}.login-benefits span{align-items:center;gap:8px;display:flex}.login-brand img{width:min(42%,390px);bottom:3%;right:2%}.date-filter-bar{border-bottom:1px solid var(--line);background:#fff;align-items:end;gap:7px;padding:9px 18px;display:flex}.date-filter-bar label{color:#718096;gap:3px;font-size:9px;display:grid}.date-filter-bar select,.date-filter-bar input{color:#263b57;background:#f8fbff;border:1px solid #dbe5f0;border-radius:8px;max-width:118px;height:30px;padding:0 7px;font-size:10px}.date-filter-count{color:#64758b;white-space:nowrap;align-self:center;margin-left:auto;font-size:9px}.contact-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.profile-photo-button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.profile-photo-button .contact-avatar{box-shadow:0 0 0 5px #eaf4ff}.profile-photo-edit{color:#fff;background:#0878ed;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid;position:absolute;bottom:-5px;right:-8px}.profile-photo-hint{color:#0878ed;margin-top:10px;font-size:9px;font-weight:700;display:block}.profile-photo-input{pointer-events:none;opacity:0!important;width:1px!important;height:1px!important;position:absolute!important}.profile-photo-link{color:#0878ed;cursor:pointer;background:0 0;border:0;margin-top:7px;font-size:9px;font-weight:750}.profile-photo-link:hover{text-decoration:underline}.analytics-hero{color:#fff;background:radial-gradient(circle at 78% 0,#39c6ff66,#0000 28%),radial-gradient(circle at 95% 90%,#8a68ff77,#0000 32%),linear-gradient(125deg,#082c56,#075fae 60%,#2842a4);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;margin:20px 28px 4px;padding:24px 28px;display:flex;box-shadow:0 20px 45px #0a4f9c28}.analytics-hero .eyebrow{color:#8fe4ff}.analytics-hero h2{margin:5px 0 7px;font-size:25px}.analytics-hero p{color:#d4eaff;margin:0;font-size:12px}.analytics-live{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff36;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;display:flex}.analytics-live i{background:#35e49d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #35e49d22}.kpi-card{cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1f4c8120}.kpi-icon{width:34px;height:34px;color:var(--accent);background:var(--soft);border-radius:11px;place-items:center;font-size:16px;font-style:normal;display:grid;position:absolute;top:15px;right:16px}.kpi-card>em{color:var(--accent);margin-top:9px;font-size:9px;font-style:normal;font-weight:750;display:block}.curve-card{transition:box-shadow .2s}.curve-card:hover{box-shadow:0 25px 60px #185a9d20}@media (max-width:980px){.login-page{grid-template-columns:1fr}.login-brand{min-height:315px;padding:32px 40px}.login-brand h1{max-width:68%;margin:36px 0 12px;font-size:38px}.login-brand p{max-width:66%;font-size:13px}.login-brand img{width:32%;max-width:240px;bottom:-4%;right:2%}.product-pill{margin-top:24px}.login-benefits{display:none}}@media (max-width:650px){.login-brand{min-height:350px;padding:26px}.login-brand h1{max-width:66%;margin-top:30px;font-size:30px;line-height:1.08}.login-brand p{max-width:64%;font-size:12px;line-height:1.5}.login-brand img{width:34%;max-width:205px;display:block;bottom:30px;right:1%}.product-pill{max-width:64%;padding:7px 9px;font-size:7px;line-height:1.4}.analytics-hero{flex-direction:column;align-items:flex-start;margin:14px}.analytics-live{white-space:normal}.date-filter-bar{flex-wrap:wrap}}@media (max-width:430px){.login-brand{min-height:390px}.login-brand h1{max-width:72%;font-size:27px}.login-brand p{max-width:70%}.login-brand img{width:38%;right:-3%}}.workflow-strip{flex-wrap:wrap;align-items:flex-end;gap:10px;min-width:0}.workflow-strip label{flex:120px;min-width:0;max-width:100%;font-size:11px;line-height:1.4}.workflow-strip select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:36px;padding:8px;font-size:12px}.workflow-strip .escalate-button{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;flex:none;max-width:100%;height:auto;min-height:36px;margin-left:0;padding:8px 12px;font-size:12px;line-height:1.4}.task-entry{flex-wrap:wrap;align-items:stretch}.task-entry input{flex:140px;max-width:100%}.task-entry button{white-space:normal;overflow-wrap:anywhere;flex:none;height:auto;min-height:34px;padding:8px 12px;font-size:12px;line-height:1.4}.connection-card,.pairing-modal{box-sizing:border-box;min-width:0}.connection-card footer{flex-wrap:wrap;gap:8px;display:flex}.connection-card footer button,.pairing-modal .connect-action{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:36px;padding:8px 12px;line-height:1.4}.connection-card dd,.connection-card p,.pairing-modal p{overflow-wrap:anywhere}.pairing-modal{max-height:calc(100dvh - 32px);overflow-y:auto}
.composer-box{min-width:0;flex-wrap:wrap!important}.composer-box>textarea{box-sizing:border-box;order:-1;width:100%;min-height:64px;flex:1 0 100%!important;min-width:0!important}.composer-box>.send{margin-left:auto}.composer>.helper{overflow-wrap:anywhere;margin-top:6px;display:block}.mobile-back-button{display:none}@media (max-width:920px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.app-shell>.chat-panel,.app-shell>.details-panel,.app-shell.mobile-chat-open>.inbox-panel{display:none}.app-shell.mobile-chat-open>.chat-panel{grid-area:1/2;display:flex;overflow-y:auto}.mobile-back-button{flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.chat-header{flex-wrap:wrap;gap:8px;height:auto;min-height:78px;padding:10px 12px}.chat-header .header-actions{flex-wrap:wrap;gap:6px}.app-shell .chat-panel .workflow-strip{padding:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell .chat-panel .workflow-strip .workflow-action-button,.app-shell .chat-panel .workflow-strip .escalate-button{grid-column:auto!important}.composer{padding:10px 12px}.messages{min-height:100px}}@media (max-width:1350px){.app-shell>.details-panel.mobile-open{z-index:100;background:#fff;width:min(380px,100vw - 70px);height:100dvh;display:block;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-8px 0 28px #10284c33}.details-panel.mobile-open .mobile-details-close{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}}
.password-field{align-items:center;width:100%;display:flex;position:relative}.password-field input{width:100%;padding-right:82px!important}.password-field button{cursor:pointer;border:0;min-height:32px;position:absolute;right:8px;width:auto!important;box-shadow:none!important;color:#0878ed!important;background:0 0!important;margin:0!important;padding:4px 9px!important;font-size:13px!important}.app-shell .chat-header{height:auto;min-height:60px;padding:8px 14px}.app-shell .contact-title .large{width:40px;height:40px;font-size:17px}.app-shell .workflow-strip label{gap:3px;font-size:11px}.app-shell .workflow-strip button{min-height:30px;padding:5px 9px}.app-shell .composer-tabs{margin-bottom:4px}.app-shell .composer-box{gap:4px;padding:6px 8px}.app-shell .composer-box>textarea{resize:vertical;height:34px;min-height:34px;max-height:120px;padding:4px 6px}.app-shell .composer-box>button{width:32px;height:32px;min-height:32px}.app-shell .composer>.helper{margin-top:3px;font-size:10px}.app-shell .mobile-details-trigger,.app-shell .mobile-details-close{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}@media (min-width:1351px){.app-shell.details-collapsed{grid-template-columns:82px 330px minmax(0,1fr)}.app-shell.details-collapsed>.details-panel{display:none}}.app-shell .chat-panel .workflow-strip{gap:3px 6px!important;padding:4px 10px!important}.app-shell .workflow-strip select{height:26px!important;min-height:26px!important;padding:2px 6px!important}.app-shell .workflow-strip button{height:28px!important;min-height:28px!important;padding:3px 7px!important}.app-shell .composer{padding:4px 10px!important}.app-shell .composer-box{height:82px!important;min-height:82px!important;padding:4px 6px!important}.app-shell .composer-box>textarea{height:28px!important;min-height:28px!important;max-height:82px!important}