:root{--bg-page:#f5f8fa;--bg-surface:#fff;--bg-soft:#fcfdff;--bg-muted:#f0f5ff;--border-soft:#e2eaf5;--border-strong:#d5e0ef;--text-main:#1a2b3c;--text-muted:#5e6f7d;--text-soft:#8a9aab;--accent:#0038ff;--accent-dark:#0029cc;--ok:#00aa6f;--danger-bg:#fee2e2;--danger-border:#fca5a5;--danger-text:#991b1b}html,body{background:var(--bg-page);min-width:320px;height:100%;min-height:100vh;color:var(--text-main);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#root,.page{height:100%;min-height:100vh;max-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.authLoader{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.authLoader>*+*{margin-top:14px}.authLoader__spinner{border:4px solid #d6e1f2;border-top-color:#1845a6;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite auth-spin}.authLoader__text{color:#1d2f4b;font-size:17.6px;font-weight:600}.adminAuthShell{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.adminAuthCard{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;width:min(360px,100%);padding:16px;display:grid}.adminAuthCard>*+*{margin-top:10px}.adminAuthCard h2{margin:0;font-size:22px}.adminAuthCard input,.dialogCard input,.dialogCard select,.chatComposer textarea{border:1px solid var(--border-strong);box-sizing:border-box;background:var(--bg-surface);border-radius:14px}.adminAuthCard input,.dialogCard input,.dialogCard select{border-radius:999px;height:40px;padding:0 14px}.adminAuthCard button,.dialogCard button,.sendButton,.iconButton,.ticketSettingsButton{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;height:36px;padding:0 12px}.adminAuthCard button:hover,.dialogCard button:hover,.sendButton:hover,.iconButton:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondaryButton{color:#123989!important;background:#fff!important;border-color:#a9bbd7!important}.secondaryButton:hover{background:#eff4fd!important;border-color:#8ca4c8!important}.error{color:#ab2020;margin:8px 0 0;font-size:14.3px}.chatShell{background:var(--bg-surface);border:1px solid #e9eef2;border-radius:20px;grid-template-columns:380px minmax(0,1fr);height:100%;min-height:100vh;max-height:100vh;margin:0;display:grid;overflow:hidden;box-shadow:0 20px 45px rgba(0,56,255,.08),0 8px 18px rgba(0,20,40,.04)}.ticketsSidebar{background:var(--bg-surface);border-right:1px solid #e9eef2;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebarBrand{border-bottom:1px solid #e9eef2}.brandHeader{align-items:center;padding:16px;display:flex}.brandHeader>*+*{margin-left:12px}.brandLogo{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-size:13.2px;font-weight:700;display:grid}.brandText{min-width:0}.brandText strong{white-space:nowrap;text-overflow:ellipsis;font-size:17.6px;overflow:hidden}.sidebarSectionsTitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 16px 14px;font-size:13.2px}.ticketToolbar{border-bottom:1px solid #e9eef2;flex-wrap:wrap;align-items:center;margin-bottom:-8px;margin-right:-8px;padding:10px 12px;display:flex}.ticketToolbar>*{margin-bottom:8px;margin-right:8px}.iconButton{border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;font-size:17.6px;line-height:1;display:inline-flex}.iconButton--active{background:#166534;border-color:#166534}.connectionStatus{flex-direction:column;min-width:0;margin-left:auto;display:inline-flex}.connectionStatus>*+*{margin-top:2px}.connectionStatus__user{color:#5d6d82;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;height:auto;padding:0;font-size:12.1px;overflow:hidden}.connectionStatus__state{color:var(--text-muted);align-items:center;font-size:13.2px;display:inline-flex}.connectionStatus__state>*+*{margin-left:6px}.statusDot{border-radius:50%;width:8px;height:8px;display:inline-block}.statusDot--online{background:#16a34a}.statusDot--offline{background:#dc2626}.sidebarPanel{flex-direction:column;flex:1;min-height:0;padding:10px 10px 16px;display:flex;overflow:auto}.sidebarPanel>*+*{margin-top:10px}.categorySection{background:#fff;border:1px solid #e9eef2;border-radius:18px;height:fit-content;transition:border-color .2s,box-shadow .2s;overflow:hidden}.categorySection:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,56,255,.06)}.categorySection__header{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.categorySection__header:hover{background:#f5f8fa}.categorySection__titleWrap{align-items:center;min-width:0;display:inline-flex}.categorySection__titleWrap>*+*{margin-left:8px}.categorySection__icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.categorySection__icon svg{fill:currentColor;width:18px;height:18px}.categorySection__title{white-space:nowrap;text-overflow:ellipsis;font-size:15.4px;font-weight:600;overflow:hidden}.categorySection__headerRight{align-items:center;display:inline-flex}.categorySection__headerRight>*+*{margin-left:8px}.categorySection__count{background:var(--ok);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12.1px;font-weight:700;display:inline-flex}.categorySection__chevron{color:var(--text-soft);justify-content:center;align-items:center;width:16px;height:16px;transition:transform .2s;display:inline-flex}.categorySection__chevron svg{fill:currentColor;width:12px;height:12px}.categorySection__chevron--open{transform:rotate(180deg)}.categorySection__content{opacity:0;border-top:0 solid transparent;max-height:0;padding:0;transition:max-height .38s,opacity .28s,padding .28s,border-top-color .28s;display:grid;overflow:hidden}.categorySection__content>*+*{margin-top:8px}.categorySection__content--open{opacity:1;border-top:1px solid #e9eef2;max-height:720px;padding:10px}.categorySection__content--collapsed{opacity:0;pointer-events:none;border-top:0 solid transparent;max-height:0;padding:0}.categorySection__create{border:1px solid var(--accent);width:100%;color:var(--accent);background:#fff;border-radius:999px;height:34px;font-size:14.3px;font-weight:600}.categorySection__create:hover{background:var(--bg-muted)}.categorySection__topics{display:grid}.categorySection__topics>*+*{margin-top:8px}.topicItem{text-align:left;color:inherit;background:#fff;border:1px solid #e9eef2;border-radius:12px;padding:10px 12px}.topicItem:hover{background:#f9fbff;border-color:#cbd7e6}.topicItem--active{border-color:var(--accent);background:var(--bg-muted);border-left-width:4px;padding-left:9px}.topicItem__head{justify-content:space-between;align-items:center;display:flex}.topicItem__head>*+*{margin-left:8px}.topicItem__headRight{flex-shrink:0;align-items:center;display:inline-flex}.topicItem__headRight>*+*{margin-left:8px}.topicItem__title{white-space:nowrap;text-overflow:ellipsis;font-size:14.3px;font-weight:600;overflow:hidden}.topicItem__title--closed{font-weight:700}.topicItem__preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13.2px;overflow:hidden}.topicItem__meta{justify-content:flex-end;margin-top:6px;display:flex}.topicItem__date{color:var(--text-soft);font-size:13.2px}.topicItem__status{white-space:nowrap;font-size:13.2px;font-weight:700}.topicItem__status--active{color:var(--accent)}.topicItem__status--closed{color:#7a8797}.topicItem__count{background:var(--ok);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12.1px;font-weight:700;display:inline-flex}.ticketTypeBadge{border-radius:999px;align-items:center;margin-top:6px;padding:2px 8px;font-size:12.1px;font-weight:600;display:inline-flex}.ticketTypeBadge>*+*{margin-left:6px}.ticketTypeBadge__icon{background:rgba(0,0,0,.16);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12.1px;display:inline-flex}.ticketTypeBadge--header{margin-left:auto}.ticketTypeBadge--default{color:#415164;background:#e4ebf4}.chatPanel{background:var(--bg-surface);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chatHeader{border-bottom:1px solid #e9eef2;align-items:center;padding:16px 20px;display:flex}.chatHeader>*+*{margin-left:10px}.chatHeader__text{min-width:0}.chatHeader__text h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:30.8px;font-weight:800;line-height:1.15;overflow:hidden}.chatHeader__categoryTag{color:var(--accent);background:var(--bg-muted);border-radius:999px;align-items:center;margin-top:8px;margin-bottom:6px;padding:4px 12px;font-size:14.3px;font-weight:600;display:inline-flex}.chatMessagesShell{height:100%;min-height:0;position:relative;overflow:hidden}.chatMessages{background:var(--bg-soft);scroll-behavior:smooth;overflow-anchor:none;-webkit-overflow-scrolling:touch;flex-direction:column-reverse;align-items:stretch;height:100%;min-height:0;padding:20px;display:flex;overflow-x:hidden;overflow-y:auto}.chatMessages *{overflow-anchor:none}.chatMessages__row{flex:none;align-items:flex-start;width:100%;min-height:1px;display:flex}.chatMessages__row+.chatMessages__row{margin-top:14px}.chatMessages__dividerRow{justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex;position:relative}.chatMessages__dividerRow:before{content:"";border-top:1px solid #c9d8f8;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.chatMessages__divider{color:#1e40af;z-index:1;background:#e9f0ff;border:1px solid #c9d8f8;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12.1px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.chatMessages__bottomSpacer{flex:0 0 32px;height:32px}.chatMessages{scrollbar-width:thin;scrollbar-color:#aab8ca transparent}.chatMessages::-webkit-scrollbar{width:4px;height:4px}.chatMessages::-webkit-scrollbar-thumb{background:#aab8ca;border-radius:999px}.chatMessages::-webkit-scrollbar-track{background:0 0}.emptyChatState{text-align:center;background:var(--bg-soft);color:var(--text-muted);place-content:center;display:grid}.emptyChatState>*+*{margin-top:10px}.emptyChatState__icon{font-size:35.2px}.emptyChatState__text{font-size:17.6px}.chatMessage{flex:none;width:max-content;max-width:80%;min-height:1px;margin:0;display:flex}.chatMessage--outgoing{margin-left:auto}.chatMessage__content{flex-direction:column;min-width:0;display:flex}.chatMessage__content>*+*{margin-top:4px}.chatBubble{border:1px solid var(--border-soft);text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word;background:#fff;border-radius:16px 16px 16px 6px;padding:10px 12px;font-size:15.4px;line-height:1.45;overflow:hidden}.chatMessage--outgoing .chatBubble{background:var(--accent);color:#fff;border-color:var(--accent);border-radius:16px 16px 6px}.chatBubble--admin{color:#14532d;background:#dcfce7;border-color:#86efac}.chatMessage__meta{color:var(--text-soft);margin-left:6px;font-size:12.1px;display:inline-flex}.chatMessage__meta>*+*{margin-left:8px}.chatComposer{--composer-control-size:48px;background:#fff;border-top:1px solid #e9eef2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:14px 16px 16px;display:grid}.chatComposer>*+*{margin-left:8px}.chatComposer textarea{height:var(--composer-control-size);min-height:var(--composer-control-size);max-height:var(--composer-control-size);resize:none;box-sizing:border-box;border-radius:40px;padding:12px 18px}.attachButton{width:var(--composer-control-size);min-width:var(--composer-control-size);height:var(--composer-control-size);color:#5e6f7d;background:#fff;border:1.5px solid #e2e9f2;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.attachButton svg{fill:currentColor;width:20px;height:20px}.attachButton:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-muted)}.hiddenFileInput{display:none}.chatComposer .sendButton{width:var(--composer-control-size);min-width:var(--composer-control-size);height:var(--composer-control-size);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.chatComposer .sendButton svg{fill:currentColor;width:20px;height:20px}.chatComposer textarea:disabled,.attachButton:disabled,.sendButton:disabled{opacity:.6}.messageMarkdown{white-space:pre-wrap;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word;overflow:hidden}.messageInlineLink{color:inherit;overflow-wrap:anywhere;word-break:break-word;text-decoration:underline}.messageAttachment{color:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:100%;font-size:14.3px;text-decoration:underline;display:inline-flex;overflow:hidden}.messageAttachment>*+*{margin-left:6px}.messageAttachment--image{text-decoration:none;display:inline-block}.messageImagePreview{border:1px solid var(--border-soft);border-radius:10px;max-width:240px;max-height:200px;display:block}.messageImageGallery{flex-wrap:wrap;display:flex}.messageImageGallery>*{margin-bottom:8px;margin-right:8px}.messageImageThumbButton{background:0 0;border:0;flex-direction:column;align-items:flex-start;max-width:240px;padding:0;display:inline-flex}.messageImageThumbName{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;margin-top:6px;padding:3px 8px;font-size:13.2px;font-weight:600;overflow:hidden}.messageFileList{display:grid}.messageFileList>*+*{margin-top:8px}.messageFileCard{color:inherit;border:1px solid var(--border-soft);background:#fff;border-radius:10px;align-items:center;max-width:100%;padding:8px 10px;text-decoration:none;display:inline-flex}.messageFileCard>*+*{margin-left:8px}.messageFileCard:hover{border-color:var(--accent);background:#f7faff}.messageFileCard__icon{color:#3b4f67;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:30px;display:inline-flex}.messageFileCard__icon svg{width:100%;height:100%}.messageFileCard__name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:3px 8px;font-size:14.3px;font-weight:600;overflow:hidden}.imageModal{z-index:1600;background:rgba(15,23,42,.7);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.imageModal__content{border:1px solid var(--border-strong);background:#fff;border-radius:12px;flex-direction:column;max-width:min(92vw,1200px);max-height:92vh;padding:10px;display:flex}.imageModal__image{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(92vh - 74px)}.imageModal__actions{justify-content:flex-end;margin-top:10px;display:flex}.imageModal__actions>*+*{margin-left:8px}.imageModal__button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;min-width:110px;height:40px;padding:0 16px;font-size:14px;font-weight:600}.imageModal__button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.messageTableWrap{max-width:100%;overflow:hidden}.messageTable{border-collapse:collapse;table-layout:fixed;color:#0f172a;background:#fff;width:100%;font-size:13.2px}.messageTable td{border:1px solid var(--border-soft);color:#0f172a;text-overflow:ellipsis;white-space:nowrap;background:#fff;padding:4px 6px;overflow:hidden}.dialogOverlay{z-index:1000;background:rgba(15,23,42,.42);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialogCard{background:#fff;border:1px solid #d8e1ee;border-radius:10px;width:min(420px,100vw - 24px);padding:14px;display:grid}.dialogCard>*+*{margin-top:10px}.dialogCard h3{margin:0;font-size:19.8px}.dialogActions{justify-content:flex-end;display:flex}.dialogActions>*+*{margin-left:8px}.dialogActions--spread{justify-content:space-between}.dialogActions--column{flex-direction:column;align-items:stretch}.dialogLabel{color:#38506e;font-size:14.3px}.statusButtonsGroup{display:grid}.statusButtonsGroup>*+*{margin-top:8px}.statusButton{text-align:center;width:100%}.statusButton--active{background:#14532d!important;border-color:#14532d!important}.pushToast{z-index:1200;color:#fff;background:#111827;border-radius:8px;max-width:min(360px,100vw - 28px);padding:10px 12px;font-size:14.3px;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 24px rgba(17,24,39,.34)}.errorBanner{z-index:1190;background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:8px;padding:10px 12px;font-size:14.3px;position:fixed;bottom:14px;left:14px;right:14px}.debugWidgetTrigger{z-index:1300;color:#e2e8f0;text-align:left;background:#0f172a;border-color:#0f172a;border-right-style:none;border-right-width:0;border-radius:10px 0 0 10px;min-width:110px;height:auto;padding:10px 8px;display:grid;position:fixed;top:50%;right:0;transform:translateY(-50%)}.debugWidgetTrigger>*+*{margin-top:4px}.debugWidgetTrigger:hover{background:#1e293b;border-color:#1e293b}.debugWidgetTrigger__title{font-size:13.2px;font-weight:700}.debugWidgetTrigger__row{color:#cbd5e1;justify-content:space-between;font-size:12.1px;line-height:1.3;display:flex}.debugWidget__overlay{z-index:1400;background:rgba(15,23,42,.5);justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.debugWidget__modal{background:#fff;border:1px solid #cbd5e1;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);width:min(960px,100vw - 24px);max-height:100vh;display:grid;overflow:hidden}.debugWidget__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.debugWidget__header h3{color:#0f172a;margin:0;font-size:18.7px}.debugWidget__tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;margin-bottom:-6px;margin-right:-6px;padding:8px 10px;display:flex}.debugWidget__tabs>*{margin-bottom:6px;margin-right:6px}.debugWidget__tab{color:#334155;background:#fff;border:1px solid #cbd5e1;height:30px;font-size:13.2px}.debugWidget__tab--active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.debugWidget__body{background:#f1f5f9;min-height:0;padding:10px;overflow:auto}.debugWidget__item{text-align:left;background:#fff;border:1px solid #dbe4ef;border-radius:8px;margin-bottom:8px;padding:8px}.debugWidget__itemHead{color:#334155;justify-content:space-between;margin-bottom:6px;font-size:13.2px;display:flex}.debugWidget__itemHead>*+*{margin-left:8px}.debugWidget__itemActions{align-items:center;display:inline-flex}.debugWidget__itemActions>*+*{margin-left:8px}.debugWidget__itemActions .secondaryButton{height:24px;padding:0 8px;font-size:13.2px}.debugWidget__item pre{white-space:pre-wrap;word-break:break-word;color:#0f172a;margin:0;font-size:13.2px;line-height:1.4}.debugWidget__errorMessage{color:#991b1b;margin-bottom:6px;font-size:14.3px}.debugWidget__empty{text-align:center;color:#475569;padding:20px}.mobileOnly{display:none}.mobileTicketsFab{top:calc(10px + env(safe-area-inset-top,0px));z-index:60;border:1px solid var(--accent);background:var(--accent);color:#fff;width:42px;min-width:42px;height:42px;font-size:20px;position:fixed;right:12px;box-shadow:0 8px 18px rgba(15,23,42,.28)}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.chatShell{border:0;border-radius:0;grid-template-columns:minmax(0,1fr);margin:0}.mobileOnly{display:inline-flex}.ticketsSidebar{z-index:35;background:#fff;width:min(88vw,380px);max-width:380px;height:100dvh;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;right:auto;transform:translate(-100%);box-shadow:0 8px 28px rgba(15,23,42,.24)}.ticketsSidebar.ticketsSidebar--open{transform:translate(0)}.chatShell.chatShell--tickets-open .ticketsSidebar{width:100vw;max-width:100vw}.chatShell.chatShell--tickets-open .chatPanel{display:none}.chatMessage{max-width:92%}}