:root{--text:#5a5b66;--text-soft:#5a5b66c7;--text-h:#0b0d18;--page-bg:#0b0d18;--bg:#fff;--surface:#fff;--surface-2:#fbfbfd;--border:#1316211f;--code-bg:#1316210f;--accent:#6d28d9;--accent-2:#2563eb;--accent-bg:#6d28d91a;--accent-border:#6d28d959;--social-bg:#1316210f;--shadow-sm:#0000000f 0 1px 2px;--shadow:#0000001f 0 16px 40px -18px, #00000014 0 8px 18px -12px, #0000000f 0 1px 2px;--ring:0 0 0 4px #6d28d91f;--sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--heading:ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font:16px/150% var(--sans);letter-spacing:.16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#ffffffb8;--text-soft:#fff9;--text-h:#ffffffeb;--page-bg:#070914;--bg:#ffffff0f;--surface:#ffffff0f;--surface-2:#ffffff0a;--border:#ffffff1a;--code-bg:#ffffff0f;--accent:#c4b5fd;--accent-2:#93c5fd;--accent-bg:#c4b5fd24;--accent-border:#c4b5fd4d;--social-bg:#ffffff0f;--shadow-sm:#00000059 0 1px 2px;--shadow:#0009 0 18px 48px -18px, #00000080 0 10px 22px -14px, #00000073 0 1px 2px;--ring:0 0 0 4px #c4b5fd29}#social .button-icon{filter:invert()brightness(2)}}#root{min-height:100svh}body{background:radial-gradient(1200px 700px at 10% -10%,#6d28d92e,#0000 60%),radial-gradient(900px 600px at 90% 0,#2563eb24,#0000 55%),linear-gradient(#13162108,#13162105);background-color:var(--page-bg);min-height:100svh;color:var(--text);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:650}h1{letter-spacing:-.9px;margin:22px 0;font-size:44px}@media (width<=1024px){h1{margin:18px 0;font-size:32px}}h2{letter-spacing:-.2px;margin:0 0 8px;font-size:22px;line-height:125%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{flex-direction:column;height:100svh;display:flex;overflow:hidden}.topbar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.topbarAuth{justify-content:space-between}.brand{letter-spacing:.1px;color:var(--text-h);align-items:center;gap:10px;font-weight:700;display:inline-flex}.brandLogo{object-fit:contain;border-radius:8px;width:26px;height:26px}.brandText{white-space:nowrap}.topbarRight{align-items:center;gap:10px;margin-left:auto;display:flex}.sessionPills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sessionPill{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);height:28px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.miniButton{border:1px solid var(--accent-border);background:linear-gradient(135deg, var(--accent-bg), color-mix(in srgb, var(--accent-bg) 60%, transparent));height:28px;color:color-mix(in srgb, var(--accent) 92%, var(--text-h));cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .12s,border-color .16s,background .16s}.miniButton:hover{border-color:var(--accent);transform:translateY(-1px)}.miniButton:focus-visible{box-shadow:var(--ring);outline:none}.modalOverlay{z-index:50;background:#0006;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{border:1px solid var(--border);background:var(--bg);width:min(520px,100%);max-height:calc(100svh - 32px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modalTitle{border-bottom:1px solid var(--border);padding:14px 16px;font-weight:700}.modalBody{gap:12px;min-height:0;padding:14px 16px;display:grid;overflow:auto}.modalHint{color:var(--text-soft);font-size:12px}.modalActions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 16px;display:flex}.select{border:1px solid var(--border);background:var(--bg);height:38px;color:var(--text);border-radius:10px;padding:0 10px}.select:focus-visible{box-shadow:var(--ring);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));outline:none}.adminUsersCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:12px;overflow:hidden}.integrations{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:10px;padding:12px}.integrationsTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.integrationsHint{color:var(--text-soft);font-size:13px;line-height:1.4}.integrationGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.integrationCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.integrationTitle{color:var(--text-h);letter-spacing:-.2px;font-weight:750}.integrationDesc{color:var(--text-soft);font-size:13px;line-height:1.45}.codeBox{border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg) 60%, var(--bg));border-radius:14px;gap:8px;padding:10px;display:grid}.codeRow{grid-template-columns:110px 1fr;align-items:start;gap:10px;display:grid}.codeLabel{color:var(--text-soft);font-size:12px}.codeValue{font-family:var(--mono);color:var(--text-h);word-break:break-all;font-size:12px}.codePre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);color:var(--text-h);margin:0;font-size:12px;line-height:1.35}.codeActions{flex-wrap:wrap;gap:8px;display:flex}.adminUsersHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.adminUsersTitle{font-weight:700}.adminUsersGrid{grid-template-columns:1fr 1fr 180px 140px;align-items:end;gap:12px;padding:12px;display:grid}.adminUsersActions{justify-content:flex-end;display:flex}.table{border-top:1px solid var(--border);overflow-x:auto}.tableHead{color:var(--text-soft);background:color-mix(in srgb, var(--bg) 96%, transparent);grid-template-columns:1.6fr .8fr .6fr .6fr;gap:10px;padding:10px 12px;font-size:12px;display:grid}.tableRow{border-top:1px solid var(--border);grid-template-columns:1.6fr .8fr .6fr .6fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.tableHead>div,.tableRow>div{min-width:0}.statusCell{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.statusSep{color:var(--text-soft)}.statusInline{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;display:inline-flex}.onlineDot{border:1px solid var(--border);background:var(--bg);border-radius:999px;width:8px;height:8px}.onlineDotOn{background:color-mix(in srgb, #22c55e 60%, var(--bg));border-color:color-mix(in srgb, #22c55e 35%, var(--border))}.onlineDotOff{background:color-mix(in srgb, var(--text-soft) 30%, var(--bg))}.tableEmpty{color:var(--text-soft);padding:12px;font-size:13px}.adminReportGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.adminReportCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 98%, transparent);border-radius:12px;padding:12px}.adminReportTitle{font-weight:700}.adminReportMeta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.adminBars{margin-top:10px}.adminBarRow{grid-template-columns:60px 1fr 46px;align-items:center;gap:10px;padding:6px 0;display:grid}.adminBarLabel{color:var(--text-soft);font-size:12px}.adminBarTrack{background:color-mix(in srgb, var(--border) 35%, var(--bg));border-radius:999px;height:10px;overflow:hidden}.adminBarFill{background:color-mix(in srgb, var(--text-h) 55%, var(--bg));border-radius:999px;height:100%}.adminBarValue{text-align:right}.mono{overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.nav{align-items:center;gap:12px;display:flex}.nav a{color:var(--text-h);border-radius:8px;padding:6px 10px;text-decoration:none}.nav a:hover{background:var(--social-bg)}.container{flex:1;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:14px 20px 18px;display:flex;overflow:hidden}.containerWide{max-width:100%;padding:14px 14px 18px}.layout{grid-template-columns:260px 1fr;align-items:stretch;gap:18px;width:100%;height:100%;min-height:0;display:grid}.layoutWide{grid-template-columns:260px 1fr;gap:14px}.layoutAuth{grid-template-columns:1fr;justify-items:center;height:auto}.layoutAuth .sidebar{display:none}.layoutAuth .card{width:100%;max-width:520px}.sidebar{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);min-height:0;box-shadow:var(--shadow-sm);border-radius:16px;padding:12px;overflow:hidden}.layout:not(.layoutAuth) .sidebar{flex-direction:column;height:100%;display:flex}.sideHeader{gap:4px;margin:0 0 8px;display:grid}.sideHeaderTitle{color:var(--text-soft);letter-spacing:.2px;font-size:13px;font-weight:700}.sideHeaderMeta{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sideProfile{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:14px;gap:10px;margin-bottom:8px;padding:10px;display:grid}.sideProfileTop{align-items:center;gap:10px;min-width:0;display:flex}.sideAvatar{width:36px;height:36px;color:color-mix(in srgb, var(--accent) 88%, var(--text-h));background:linear-gradient(135deg, var(--accent-bg), color-mix(in srgb, var(--accent-bg) 55%, transparent));border:1px solid var(--accent-border);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.sideProfileMain{gap:4px;min-width:0;display:grid}.sideProfileName{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.sideProfileMeta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.sideStatusPill{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);color:var(--text-h);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.sideStatusDot{background:color-mix(in srgb, var(--text-soft) 30%, var(--bg));border-radius:999px;width:8px;height:8px;display:inline-block}.sideStatusDotOn{background:color-mix(in srgb, #22c55e 60%, var(--bg))}.sideStatusDotOff{background:color-mix(in srgb, #ef4444 60%, var(--bg))}.sideStatusDotMid{background:color-mix(in srgb, #fbbf24 60%, var(--bg))}.sideProfileStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sideStat{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:12px;min-width:0;padding:8px 10px}.sideStatValue{color:var(--text-h);font-size:14px;font-weight:850}.sideStatLabel{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.sideTitleSmall{color:var(--text-soft);margin:6px 0 4px;font-size:11px}.sideDivider{background:var(--border);height:1px;margin:6px 0}.sideSubNav{border-left:1px solid var(--border);gap:6px;margin:4px 0 6px;padding-left:10px;display:grid}.sideSubGroupTitle{color:var(--text-soft);letter-spacing:.2px;grid-column:1/-1;margin:4px 0 2px;font-size:11px;font-weight:700}.sideSubItem{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);height:30px;color:var(--text-h);text-align:left;cursor:pointer;border-radius:10px;align-items:center;padding:0 10px;font-size:12px;transition:transform .12s,border-color .16s,background .16s;display:flex}.sideSubItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.sideSubItemActive{border-color:var(--accent-border);background:var(--accent-bg);color:color-mix(in srgb, var(--accent) 92%, var(--text-h));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 85%, transparent)}.sideNav{flex:1;align-content:start;gap:4px;min-height:0;display:grid;overflow:auto}.sideItem{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);height:36px;color:var(--text-h);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;transition:transform .12s,border-color .16s,background .16s;display:flex}.sideItemLeft{align-items:center;gap:10px;min-width:0;display:flex}.sideIcon{width:18px;height:18px;color:color-mix(in srgb, var(--text-h) 70%, var(--text-soft));justify-content:center;align-items:center;display:inline-flex}.sideLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sideBadge{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);min-width:20px;height:20px;color:var(--text-h);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.sideItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.sideItemActive{border-color:var(--accent-border);background:var(--accent-bg);color:color-mix(in srgb, var(--accent) 92%, var(--text-h));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 85%, transparent)}.sideChevron{width:18px;height:18px;color:color-mix(in srgb, var(--text-h) 70%, var(--text-soft));opacity:.72;justify-content:center;align-items:center;transition:transform .16s,opacity .16s;display:inline-flex}.sideChevronOpen{opacity:.95;transform:rotate(180deg)}.sideFooter{gap:4px;margin-top:auto;display:grid}.sideItemFooter{background:color-mix(in srgb, var(--bg) 92%, transparent)}.supportGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.supportCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.supportTitle{color:var(--text-h);letter-spacing:-.2px;font-weight:750}.supportDesc{color:var(--text-soft);font-size:13px;line-height:1.45}.supportQr{border:1px solid var(--border);background:var(--bg);border-radius:12px;width:100%;max-width:220px}.supportActions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=720px){.supportGrid{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.layout:not(.layoutAuth) .card{height:100%}.cardBody{flex:1;min-height:0;padding:18px 18px 20px}.cardBodyScroll{overflow:auto}.cardBodyFixed{overflow:hidden}.pageFill{height:100%;min-height:0}.cardWorkArea .cardBody{padding:12px}.portalGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.portalCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.portalTitle{color:var(--text-h);letter-spacing:-.2px;font-weight:750}.portalDesc{color:var(--text-soft);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.portalActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portalMetricsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.portalMetricItem{border:1px solid var(--border);background:var(--bg);text-align:left;cursor:pointer;border-radius:14px;padding:10px}.portalMetricItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.portalMetricValue{color:var(--text-h);font-size:18px;font-weight:800}.portalMetricLabel{opacity:.82;margin-top:4px;font-size:12px}.portalMetricMeta{opacity:.75;justify-content:space-between;gap:10px;font-size:12px;display:flex}.portalChecklist{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:14px;gap:8px;padding:8px 10px;display:grid}.portalCheckItem{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.portalCheckDot{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:999px;flex:0 0 10px;width:10px;height:10px}.portalCheckDotOn{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 60%, transparent)}@media (width<=980px){.portalGrid{grid-template-columns:1fr}}.title{color:var(--text-h);margin:0 0 12px;font-size:22px}.pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.pageActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pageActions .miniButton{border-radius:10px;height:38px}.pageActions .inputTrailingButton{height:30px}.pageHint{color:var(--text-soft);margin:0 0 12px;font-size:13px;line-height:1.45}.adminUsersCard>.pageHint{margin:0;padding:12px 12px 0}.pageMeta{color:var(--text-soft);overflow-wrap:anywhere;margin:0 0 12px;font-size:12px}.subtitle{margin:0 0 12px;font-size:18px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.metricCard{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:14px;gap:6px;min-width:0;padding:12px;display:grid}.metricLabel{color:var(--text-soft);font-size:12px}.metricValue{color:var(--text-h);letter-spacing:-.2px;font-size:22px;font-weight:800}.metricHint{color:var(--text-soft);font-size:12px}.vendorGrid4{grid-template-columns:repeat(4,minmax(0,1fr))}.vendorGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.vendorGrid4b{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=980px){.metricGrid{grid-template-columns:1fr 1fr}}@media (width<=640px){.metricGrid{grid-template-columns:1fr}}.form{gap:12px;max-width:420px;display:grid}.loginHeader{margin-bottom:14px}.loginHeaderCentered{text-align:center}.loginBrand{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:inline-flex}.loginBrandLogo{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:30px;height:30px}.loginBrandName{color:var(--text-h);letter-spacing:-.3px;font-size:22px;font-weight:820}.loginTitle{color:var(--text-h);letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:780}.loginSubtitle{color:var(--text-soft);font-size:13px;line-height:1.45}.alert{border:1px solid var(--border);border-radius:12px;margin:10px 0 12px;padding:10px 12px;font-size:13px;line-height:1.45}.alertError{border-color:color-mix(in srgb, #ef4444 35%, var(--border));background:color-mix(in srgb, #ef4444 12%, var(--bg));color:color-mix(in srgb, #ef4444 85%, var(--text-h))}.alertWarning{border-color:color-mix(in srgb, #f59e0b 35%, var(--border));background:color-mix(in srgb, #f59e0b 10%, var(--bg));color:color-mix(in srgb, #f59e0b 78%, var(--text-h))}.field{gap:6px;display:grid}.label{color:var(--text-soft);font-size:13px}.labelHint{color:color-mix(in srgb, var(--text-soft) 78%, var(--text));margin-left:6px;font-size:12px}.input{border:1px solid var(--border);background:var(--bg);height:38px;color:var(--text);border-radius:10px;padding:0 10px;transition:box-shadow .16s,border-color .16s}.input:focus-visible{box-shadow:var(--ring);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));outline:none}.inputGroup{position:relative}.inputWithTrailing{padding-right:78px}.inputTrailingButton{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);height:28px;color:var(--text-h);cursor:pointer;z-index:1;border-radius:999px;padding:0 10px;font-size:12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.inputTrailingButton:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.inputTrailingButton:focus-visible{box-shadow:var(--ring);outline:none}.button{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fffffff5;cursor:pointer;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;padding:0 14px;font-size:13px;font-weight:600;transition:transform .12s,filter .16s}@media (width<=1100px){.integrationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.integrationGrid{grid-template-columns:1fr}}@media (width<=980px){.adminUsersGrid{grid-template-columns:1fr 1fr}}@media (width<=640px){.adminUsersGrid{grid-template-columns:1fr}.adminUsersActions{justify-content:flex-start}}.button:hover{filter:brightness(1.03);transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.button:focus-visible{box-shadow:var(--ring);outline:none}.actions{flex-wrap:wrap;gap:10px;max-width:420px;margin-top:12px;display:flex}.loginRow{justify-content:space-between;align-items:center;gap:10px;max-width:420px;display:flex}.check{color:var(--text-soft);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{width:16px;height:16px}.link{color:color-mix(in srgb, var(--accent) 88%, var(--text-h));font-size:13px;font-weight:650;text-decoration:none}.link:hover{text-decoration:underline}.hintBox{border:1px dashed color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent-bg) 40%, var(--bg));border-radius:14px;margin-top:14px;padding:12px}.hintTitle{color:var(--text-h);margin-bottom:6px;font-weight:750}.hintText{color:var(--text-soft);font-size:13px;line-height:1.45}.loginFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.muted{color:var(--text-soft);font-size:12px}.list{gap:8px;margin:10px 0 14px;display:grid}.listItem{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px;transition:transform .12s,border-color .16s;display:flex}.listItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.listItemActive{border-color:var(--accent-border)}.listItemMock{background:color-mix(in srgb, var(--accent-bg) 28%, var(--bg));border-style:dashed}.demoPill{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--bg));height:18px;color:color-mix(in srgb, var(--accent) 92%, var(--text-h));margin-right:0;padding:0 8px;font-size:11px}.listMain{gap:4px;min-width:0;display:grid}.listTitle{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.listTime{color:var(--text-soft);margin-left:auto;font-size:12px}.listSub{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:720px;font-size:11px;overflow:hidden}.listTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tagPill{height:18px;margin-right:0;padding:0 8px;font-size:11px}.alertPill{border-color:color-mix(in srgb, #ff4d4f 55%, var(--border));background:color-mix(in srgb, #ff4d4f 14%, var(--bg));height:18px;color:color-mix(in srgb, #ff4d4f 92%, var(--text-h));margin-right:0;padding:0 8px;font-size:11px}.listEmpty{color:var(--text-soft);padding:6px 2px;font-size:13px}.badge{border:1px solid var(--accent-border);background:var(--accent-bg);min-width:24px;height:24px;color:color-mix(in srgb, var(--accent) 92%, var(--text-h));border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.workbench{grid-template-columns:minmax(280px,300px) 1fr 280px;gap:12px;height:100%;min-height:0;display:grid}.widgetDemo{grid-template-columns:360px 1fr;gap:12px;margin-top:12px;display:grid}.widgetInfo{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-self:start;gap:12px;padding:12px;display:grid}.widgetStatusRow{align-items:center;gap:10px;display:flex}.widgetStatusText{color:var(--text-soft);font-size:13px}.statusDot{border:1px solid var(--border);background:var(--bg);border-radius:999px;width:10px;height:10px}.statusDotIdle{background:color-mix(in srgb, var(--text-soft) 30%, var(--bg))}.statusDotStarting{background:color-mix(in srgb, #fbbf24 60%, var(--bg));border-color:color-mix(in srgb, #fbbf24 35%, var(--border))}.statusDotConnected{background:color-mix(in srgb, #22c55e 60%, var(--bg));border-color:color-mix(in srgb, #22c55e 35%, var(--border))}.statusDotDisconnected{background:color-mix(in srgb, #ef4444 60%, var(--bg));border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.widgetFrame{border:1px solid var(--border);background:var(--bg);border-radius:12px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.widgetFrameEmbedded{max-width:420px;margin:0 auto}.widgetHeader{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, var(--bg)), color-mix(in srgb, var(--accent-2) 14%, var(--bg)));border-bottom:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.widgetHeaderTitle{color:var(--text-h);font-weight:700}.widgetHeaderMeta{color:color-mix(in srgb, var(--accent) 70%, var(--text-soft));font-size:12px}.widgetMessages{gap:8px;height:420px;padding:12px;display:grid;overflow:auto}.offlineCard{border:1px dashed var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:12px;gap:10px;padding:10px 12px;display:grid}.offlineTitle{color:var(--text-soft);font-size:12px;font-weight:600}.offlineInputs{gap:8px;display:grid}.offlineInput{width:100%}.widgetInputRow{border-top:1px solid var(--border);grid-template-columns:1fr 52px 52px 96px;gap:10px;padding:10px 12px;display:grid}.emojiPanel{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);flex-wrap:wrap;gap:8px;padding:10px 12px 12px;display:flex}.emojiButton{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);width:36px;height:32px;color:var(--text-h);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.emojiButton:hover{background:color-mix(in srgb, var(--bg) 78%, transparent)}.ratingPanel{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);gap:8px;padding:10px 12px 12px;display:grid}.ratingTitle{color:var(--text-soft);font-size:12px}.ratingRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ratingInput{border-radius:999px;height:32px;font-size:12px}.textarea{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);width:100%;min-height:92px;color:var(--text-h);resize:vertical;white-space:pre;border-radius:10px;padding:10px;font-size:12px;line-height:1.4;transition:box-shadow .16s,border-color .16s}.textarea:focus-visible{box-shadow:var(--ring);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));outline:none}.wbLeft,.wbChat,.wbInfo{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.wbLeft{grid-template-rows:auto 1fr;min-height:0;display:grid}.wbChat{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.wbChatBody{background:color-mix(in srgb, var(--bg) 96%, transparent);flex-direction:column;min-height:0;padding:14px 14px 10px;display:flex;overflow:auto}.wbInfo{grid-template-rows:auto 1fr;min-height:0;display:grid}.wbScroll{min-height:0;overflow:auto}.wbOverview{border:1px solid var(--border);background:var(--bg2);border-radius:16px;margin:10px 12px;padding:12px}.wbOverviewTitle{color:var(--text-h);margin-bottom:10px;font-weight:750}.wbOverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wbOverviewItem{border:1px solid var(--border);background:var(--bg);text-align:left;cursor:pointer;border-radius:14px;padding:10px}.wbOverviewItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.wbOverviewValue{color:var(--text-h);font-size:18px;font-weight:800}.wbOverviewLabel{opacity:.82;margin-top:4px;font-size:12px}.wbOverviewMeta{opacity:.75;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;display:flex}.wbHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.wbHeaderTitle{color:var(--text-h);letter-spacing:-.2px;align-items:center;gap:10px;font-weight:750;display:inline-flex}.wbHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.wbLeftHeader{position:relative}.wbLeftHeaderMain{gap:8px;min-width:0;display:grid}.wbLeftTitleRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.wbLeftTitleActions{flex:none;align-items:center;gap:6px;display:inline-flex;position:relative}.wbLeftPresence{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.wbLeftTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.wbLeftTabs .tab{justify-content:center;width:100%;padding:0 8px}.wbLeftSearch{width:100%}.wbLeftHeaderActions{flex-wrap:nowrap;position:relative}.wbLeftMenuOverlay{z-index:70;position:fixed;inset:0}.wbLeftMenu{border:1px solid var(--border);background:var(--bg);width:270px;box-shadow:var(--shadow-sm);z-index:80;border-radius:14px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.wbLeftMenuTitle{color:var(--text-h);font-size:12px;font-weight:750}.wbLeftMenuRow{grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.wbLeftMenuLabel{color:var(--text-soft);font-size:12px}.wbLeftMenuSelect{border-radius:10px;height:28px;padding:0 10px}.wbLeftMenuToggles{gap:8px;display:grid}.wbLeftToggle{color:var(--text-h);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.wbLeftToggle input{width:14px;height:14px}.wbChat .wbHeaderActions{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;align-items:center;gap:8px;display:grid}.wbInfo .wbHeaderActions{grid-template-columns:repeat(2,max-content);justify-content:end;align-items:center;display:grid}.wbHeaderActions .select,.wbComposerActions .select{border-radius:999px;height:28px;padding:0 10px}.wbComposerActions .select{min-width:140px;max-width:220px}.wbHeaderRight{align-items:center;gap:10px;display:inline-flex}.tagsBar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.tagsLeft{flex:auto;align-items:center;gap:8px;min-width:0;display:inline-flex}.tagsLabel{color:var(--text-soft);font-size:12px}.tagsPills{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.tagsRight{flex:none;align-items:center;gap:8px;display:inline-flex}.tagsInput{border-radius:999px;width:220px;height:28px;font-size:12px}.cannedPanel{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);padding:12px}.cannedHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cannedTitle{color:var(--text-h);font-weight:700}.cannedSearch{border-radius:999px;height:32px;margin-bottom:10px;font-size:12px}.cannedList{gap:8px;display:grid}.cannedItem{text-align:left;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 12px;transition:transform .12s,border-color .16s}.cannedItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.wbHeaderLeft{align-items:center;gap:10px;min-width:0;display:flex}.wbSearch{border-radius:999px;width:160px;height:28px;font-size:12px}.wbAgentStatusSelect{border-radius:999px;height:32px;padding:0 10px;font-size:12px}.tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tab{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);height:28px;color:var(--text-h);cursor:pointer;border-radius:999px;padding:0 10px;font-size:12px;transition:transform .12s,border-color .16s,background .16s}.tab:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.tabActive{border-color:var(--accent-border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--bg)), color-mix(in srgb, var(--accent-2) 10%, var(--bg)));color:var(--text-h)}.pill{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);height:18px;color:var(--text-soft);border-radius:999px;align-items:center;margin-right:6px;padding:0 8px;font-size:12px;display:inline-flex}.wbMeta{color:var(--text-soft);font-size:12px}.wbEmptyPanel{border:1px dashed color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--bg)), color-mix(in srgb, var(--accent-2) 8%, var(--bg)));text-align:center;border-radius:16px;gap:10px;margin-top:18px;padding:18px 14px;display:grid}.wbEmptyIcon{width:44px;height:44px;color:color-mix(in srgb, var(--accent) 70%, var(--text-h));place-items:center;margin:0 auto;display:grid}.wbEmptyIcon svg{width:24px;height:24px}.wbEmptyTitle{color:var(--text-h);font-weight:850}.wbEmptyDesc{color:var(--text-soft);max-width:420px;margin:0 auto;font-size:13px;line-height:1.45}.wbEmptyActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.avatar{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, var(--bg)), color-mix(in srgb, var(--accent-2) 12%, var(--bg)));width:30px;height:30px;color:var(--text-h);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.listAvatar{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:30px;height:30px;color:var(--text-h);border-radius:12px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.listLead{align-items:center;gap:8px;min-width:0;display:flex}.listMetaRow{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.listTitleMain{color:var(--text-h);font-weight:700}.infoSection{border-bottom:1px solid var(--border);gap:10px;padding:12px;display:grid}.infoGrid{grid-template-columns:1fr;gap:8px;display:grid}.infoRow{grid-template-columns:92px 1fr;align-items:start;gap:10px;display:grid}.infoKey{color:var(--text-soft);font-size:12px}.infoVal{color:var(--text-h);word-break:break-word;font-size:12px}.wbComposer{border:1px solid var(--border);background:var(--bg);border-radius:14px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.wbComposerTop{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.wbQuoteBar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent-bg) 30%, var(--bg));justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.wbQuoteMain{align-items:center;gap:8px;min-width:0;display:flex}.wbQuoteLabel{color:var(--text-soft);flex:none;font-size:12px}.wbQuoteSnippet{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:520px;font-size:12px;overflow:hidden}.wbQuoteClose{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:28px;height:28px;color:var(--text-h);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.wbQuoteClose:hover{border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.wbComposerTools{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow-x:auto}.wbComposerTools::-webkit-scrollbar{width:0;height:0}.wbMacroSelect{border-radius:999px;width:96px;min-width:96px;height:28px;padding:0 10px}.wbIconButton{width:28px;height:28px;color:color-mix(in srgb, var(--text-h) 70%, var(--text-soft));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.wbIconButton:hover{color:var(--text-h);background:color-mix(in srgb, var(--bg) 92%, transparent);border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.wbIconButton:focus-visible{box-shadow:var(--ring);outline:none}.wbIconButton:disabled{opacity:.55;cursor:not-allowed}.wbIconButton[data-tip]{position:relative}.wbIconButton[data-tip]:hover:after{content:attr(data-tip);border:1px solid var(--border);background:var(--bg);color:var(--text-h);white-space:nowrap;box-shadow:var(--shadow-sm);z-index:80;pointer-events:none;text-overflow:ellipsis;border-radius:10px;max-width:min(240px,100vw - 40px);padding:6px 8px;font-size:12px;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%)}.wbIconButton[data-tip]:hover:before{content:"";background:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:79;pointer-events:none;width:8px;height:8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)rotate(45deg)}.wbLeftTitleActions .wbIconButton[data-tip]:hover:after{top:calc(100% + 10px);bottom:auto}.wbLeftTitleActions .wbIconButton[data-tip]:hover:before{border-bottom:none;border-right:none;border-left:1px solid var(--border);border-top:1px solid var(--border);top:calc(100% + 6px);bottom:auto}.wbComposerBottom{background:color-mix(in srgb, var(--bg) 96%, transparent);justify-content:flex-end;align-items:center;padding:10px 12px;display:flex}.wbComposerBottomRight{align-items:center;gap:8px;display:inline-flex}.wbSendButton{border-radius:999px;min-width:72px}.wbSendButton:disabled{border-color:var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);color:color-mix(in srgb, var(--text-soft) 85%, var(--text));opacity:1}.wbSendButton:not(:disabled){border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-bg), color-mix(in srgb, var(--accent-bg) 60%, transparent));color:color-mix(in srgb, var(--accent) 92%, var(--text-h))}.wbComposerTabs{flex:none;align-items:center;gap:16px;display:inline-flex}.wbComposerTab{height:30px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0;font-size:14px}.wbComposerTabActive{border-bottom-color:color-mix(in srgb, var(--accent) 82%, var(--text-h));color:color-mix(in srgb, var(--accent) 82%, var(--text-h));font-weight:700}.wbTextarea{width:100%;height:96px;min-height:96px;max-height:160px;color:var(--text-h);resize:none;background:0 0;border:0;border-radius:0;padding:12px;font-size:13px;line-height:1.45;transition:box-shadow .16s,border-color .16s}.wbTextarea:focus-visible{box-shadow:var(--ring);outline:none}.wbComposerActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.emojiWrap{display:inline-flex;position:relative}.emojiOverlay{z-index:80;background:0 0;position:fixed;inset:0}.emojiPopover{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);width:360px;max-width:calc(100vw - 40px);box-shadow:var(--shadow);z-index:30;border-radius:14px;grid-template-rows:auto 1fr;gap:10px;max-height:360px;padding:10px;display:grid}.emojiPopoverFixed{position:fixed;bottom:auto;left:0}.emojiTabs{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.emojiTab{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.emojiTabActive{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:var(--shadow-sm)}.emojiGrid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;min-height:0;display:grid;overflow:auto}.emojiItem{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:100%;height:38px;color:var(--text-h);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:22px;transition:transform .12s,border-color .16s,background .16s;display:inline-flex}.emojiItem:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.emojiItem:focus-visible{box-shadow:var(--ring);outline:none}.wbComposerLeft,.wbComposerRight{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.wbMessages{background:0 0;flex-direction:column;flex:none;justify-content:flex-end;gap:10px;min-height:0;padding:0;display:flex;overflow:visible}.wbDayDivider,.wbNewDivider{text-align:center;color:var(--text-soft);padding:6px 0;font-size:12px}.wbNewDivider{color:color-mix(in srgb, var(--accent) 65%, var(--text-h));font-weight:700}.typingBar{min-height:24px;color:var(--text-soft);align-items:center;gap:6px;padding:6px 12px 0;font-size:12px;display:flex}.typingBarIdle{visibility:hidden}.typingDots{opacity:.55;background:radial-gradient(circle,currentColor 2px,#0000 3px) 0/8px 8px repeat-x;width:24px;height:8px;animation:1s linear infinite typingDots;display:inline-block}@keyframes typingDots{0%{background-position:0}to{background-position:8px}}.wbEmpty{color:var(--text-soft);font-size:13px}.bubbleRow{display:flex}.bubbleRowMe{justify-content:flex-end}.bubbleRowOther{justify-content:flex-start}.bubbleShell{align-items:flex-end;gap:8px;max-width:100%;display:inline-flex}.bubbleShellActive .bubble{box-shadow:var(--ring)}.bubbleActions{opacity:0;pointer-events:none;align-items:center;gap:6px;transition:opacity .14s;display:inline-flex}.bubbleShell:hover .bubbleActions,.bubbleShellActive .bubbleActions{opacity:1;pointer-events:auto}.bubbleActionBtn{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:26px;height:26px;color:color-mix(in srgb, var(--text-h) 65%, var(--text-soft));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.bubbleActionBtn:hover{color:var(--text-h);border-color:color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--bg) 86%, transparent)}.bubble{border:1px solid var(--border);border-radius:14px;max-width:70%;padding:10px 12px}.bubbleMe{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, transparent), color-mix(in srgb, var(--accent-2) 72%, transparent));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:#fffffff5}.bubbleOther{background:color-mix(in srgb, var(--bg) 92%, transparent)}.bubbleNote{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 20%, var(--bg)), color-mix(in srgb, var(--accent) 10%, var(--bg)));border-color:color-mix(in srgb, var(--accent-2) 35%, var(--border));color:var(--text-h)}.bubbleRecalled{background:color-mix(in srgb, var(--bg) 92%, transparent);color:var(--text-soft)}.bubbleRecalledText{color:var(--text-soft)}.noteHeader{letter-spacing:.02em;color:color-mix(in srgb, var(--accent-2) 70%, var(--text-h));margin-bottom:6px;font-size:11px;font-weight:800}.bubbleText{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.4}.fileLine{justify-content:space-between;align-items:center;gap:10px;display:flex}.bubbleAi,.bubbleMeta{opacity:.85;margin-top:6px;font-size:12px}.bubbleTranslation{color:var(--text-soft);margin-top:6px;font-size:12px}.bubbleFoot{opacity:.7;justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-top:6px;font-size:11px;display:inline-flex}.bubbleMe .bubbleFoot{opacity:.85}.bubbleTime{opacity:.7;margin-top:6px;font-size:11px}.bubbleFoot .bubbleTime{opacity:1;margin-top:0}.bubbleRead{font-size:11px}.bubbleMe .bubbleRead,.bubbleMe .bubbleFoot .bubbleTime{color:#ffffffc7}.bubblePending{opacity:.75}.bubbleFailed{border-color:color-mix(in srgb, #ff4d4f 55%, var(--border))}.wbJumpBar{justify-content:center;padding:6px 12px 0;display:flex}.wbInputRow{border-top:1px solid var(--border);grid-template-columns:1fr 64px 96px;gap:10px;padding:10px 12px;display:grid}.fileInput{display:none}.wbInput{width:100%}.output{border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg) 60%, var(--bg));color:var(--text-h);white-space:pre-wrap;border-radius:10px;max-height:260px;margin:12px 0 0;padding:10px;font-size:12px;line-height:1.4;overflow:auto}.note{color:var(--text-soft);margin:12px 0 0;font-size:13px;line-height:1.5}.row{justify-content:space-between;align-items:center;gap:12px;max-width:420px;display:flex}.rowRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.toggle{color:var(--text-h);align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{width:16px;height:16px;accent-color:var(--accent)}.hint{color:var(--text-soft);font-size:12px}.lang{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text);border-radius:10px;padding:0 8px;transition:box-shadow .16s,border-color .16s}.langPick{align-items:center;gap:6px;display:inline-flex}.langIcon{width:18px;height:18px;color:color-mix(in srgb, var(--text-h) 70%, var(--text-soft));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.lang:focus-visible{box-shadow:var(--ring);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));outline:none}.footer{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:14px 18px;display:flex}.footerLabel{color:var(--text-soft);font-size:13px}@media (width<=1180px){.portalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.container{overflow:auto}.layout{grid-template-columns:1fr;height:auto}.sidebar{position:static;top:auto;overflow:auto}.layout:not(.layoutAuth) .sidebar{height:auto;display:block}.layout:not(.layoutAuth) .card{height:auto}.portalGrid{grid-template-columns:1fr}.workbench{grid-template-columns:1fr;min-height:0}.widgetDemo{grid-template-columns:1fr}.wbMessages{max-height:420px}.widgetMessages{height:360px}.adminUsersGrid,.integrationGrid{grid-template-columns:1fr}}.toastStack{z-index:80;pointer-events:none;gap:10px;display:grid;position:fixed;top:14px;right:14px}.toast{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);width:min(420px,100vw - 28px);box-shadow:var(--shadow);color:var(--text-h);pointer-events:none;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.35}.toast-success{border-color:color-mix(in srgb, #22c55e 45%, var(--border));background:color-mix(in srgb, #22c55e 10%, var(--bg))}.toast-error{border-color:color-mix(in srgb, #ff4d4f 55%, var(--border));background:color-mix(in srgb, #ff4d4f 12%, var(--bg))}.toast-info{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}