:root{--color-background: #0e1116;--color-background-subtle: #13171d;--color-surface: #181d24;--color-surface-elevated: #20262f;--color-surface-hover: #252c36;--color-input: #1d242d;--color-border: rgba(218, 226, 236, .1);--color-border-strong: rgba(218, 226, 236, .18);--color-text-primary: #f5f7fa;--color-text-secondary: #b4bec9;--color-text-muted: #7f8b98;--color-accent: #389cf4;--color-accent-strong: #61b7ff;--color-accent-soft: rgba(56, 156, 244, .14);--color-success: #45c98b;--color-success-soft: rgba(69, 201, 139, .14);--color-warning: #e8b85b;--color-warning-soft: rgba(232, 184, 91, .14);--color-error: #ff6f7d;--color-error-soft: rgba(255, 111, 125, .14);--color-info: #6fc3ff;--color-message-incoming: #1b222a;--color-message-outgoing: #285373;--color-focus: #82cbff;--color-overlay: rgba(4, 6, 9, .84);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 999px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--motion-fast: .14s;--motion-normal: .2s;--motion-slow: .28s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-sticky: 10;--z-popover: 40;--z-drawer: 100;--z-modal: 220;--z-toast: 300;--shadow-raised: 0 8px 24px rgba(0, 0, 0, .26);--shadow-sheet: 0 18px 54px rgba(0, 0, 0, .4);--shadow-modal: 0 24px 80px rgba(0, 0, 0, .52);--tg-bg: var(--color-background);--tg-bg-soft: var(--color-background-subtle);--tg-surface: var(--color-surface);--tg-surface-2: var(--color-surface-elevated);--tg-input: var(--color-input);--tg-text: var(--color-text-primary);--tg-muted: var(--color-text-secondary);--tg-hint: var(--color-text-muted);--tg-line: var(--color-border);--tg-accent: var(--color-accent);--tg-accent-2: var(--color-accent-strong);--tg-success: var(--color-success);--tg-warning: var(--color-warning);--tg-danger: var(--color-error);--tg-peer: var(--color-message-incoming);--tg-mine: var(--color-message-outgoing);--keyboard-inset: 0px;--visual-viewport-height: 100dvh;--app-viewport-height: 100dvh;--app-layout-height: 100dvh;--app-viewport-offset-top: 0px;--app-extra-safe-top: 0px;--app-extra-safe-right: 0px;--app-extra-safe-bottom: 0px;--app-extra-safe-left: 0px;--app-safe-top: max(env(safe-area-inset-top), var(--app-extra-safe-top));--app-safe-right: max(env(safe-area-inset-right), var(--app-extra-safe-right));--app-safe-bottom: max(env(safe-area-inset-bottom), var(--app-extra-safe-bottom));--app-safe-left: max(env(safe-area-inset-left), var(--app-extra-safe-left));--app-composer-safe-bottom: min(var(--app-safe-bottom), 10px);color-scheme:dark}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior:none}::selection{color:#fff;background:#389cf46b}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.form-error{color:color-mix(in srgb,var(--color-error) 72%,white);font-size:13px}.hint{color:var(--tg-muted)}.login-shell{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--color-background)}.login-card{width:min(420px,100%);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:28px;box-shadow:0 16px 48px #0000004d}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand-mark{width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-sm);display:grid;place-items:center;color:#fff;background:var(--color-accent);box-shadow:0 8px 22px #389cf43d}.login-brand-copy{min-width:0}.login-card h1{margin:0;font-size:24px;letter-spacing:0;line-height:1.2}.session-unavailable{padding:24px;text-align:center}.session-unavailable strong{color:var(--tg-text);font-size:20px}.session-unavailable span{max-width:440px}.offline-banner{position:fixed;z-index:var(--z-toast);top:calc(8px + var(--app-safe-top));left:50%;transform:translate(-50%);max-width:calc(100% - 24px);border:1px solid rgba(242,201,76,.32);border-radius:8px;padding:7px 11px;color:#fff0b8;background:#564315f5;font-size:13px}.login-card p{margin:3px 0 0;color:var(--tg-muted);font-size:var(--font-size-sm)}.login-card form{display:grid;gap:14px}.login-field{display:grid;gap:7px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:650}.login-card input,.login-card button{min-height:48px;border-radius:var(--radius-sm)}.login-card input{border:1px solid var(--color-border-strong);padding:0 14px;background:var(--tg-input);color:var(--tg-text);outline:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.login-card input:focus{border-color:var(--color-accent);background:var(--color-surface-elevated);box-shadow:0 0 0 3px var(--color-accent-soft)}.login-card button{border:0;background:var(--tg-accent);color:#fff;font-weight:700;box-shadow:0 8px 20px #389cf42e}.login-card button:not(:disabled):hover{background:color-mix(in srgb,var(--color-accent) 88%,white)}.login-card button:not(:disabled):active{transform:scale(.985)}.app-loading{min-height:100%;display:grid;place-items:center;gap:12px;color:var(--tg-muted)}.loader{width:30px;height:30px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--tg-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn,.ghost-btn{min-width:44px;min-height:44px;border:0;color:var(--tg-text);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;touch-action:manipulation}.icon-btn{width:44px;height:44px;border-radius:50%;color:var(--tg-accent-2)}.ghost-btn{border-radius:999px;padding:0 14px;background:var(--tg-surface-2);color:var(--tg-text);font-weight:700}.icon-btn:hover,.icon-btn:active,.ghost-btn:hover,.ghost-btn:active{background:#ffffff12}.icon-btn:active{transform:scale(.92)}.ghost-btn:active{transform:scale(.97)}@media(hover:hover){.icon-btn,.ghost-btn,button,a{transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}}@media(max-width:520px){.login-shell{align-items:center;padding:max(20px,var(--app-safe-top)) 16px max(20px,var(--app-safe-bottom))}.login-card{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.react-shell.app-shell{position:fixed;inset:var(--app-viewport-offset-top, 0px) 0 auto 0;height:var(--app-viewport-height, 100dvh);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--tg-bg)}.react-shell.app-shell.react-shell--no-topbar{grid-template-rows:minmax(0,1fr)}html.standalone-mode:not(.keyboard-open) .react-shell.app-shell{inset-block-start:0;height:var(--app-layout-height, 100%)}html.standalone-mode:not(.keyboard-open),html.standalone-mode:not(.keyboard-open) body,html.standalone-mode:not(.keyboard-open) #root{min-height:var(--app-layout-height, 100%)}.topbar{min-height:calc(60px + var(--app-safe-top));padding:calc(8px + var(--app-safe-top)) calc(12px + var(--app-safe-right)) 8px calc(12px + var(--app-safe-left));display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;border-bottom:1px solid var(--color-border);background:#13171df5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar-title{min-width:0;display:grid;gap:1px;text-align:left}.topbar-title strong{font-size:17px;font-weight:750;letter-spacing:0}.topbar-title span{color:var(--tg-muted);font-size:13px}.workspace{min-height:0;height:100%;display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);overflow:hidden;background:var(--tg-bg)}.dialogs-pane{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-right:1px solid var(--color-border);background:var(--color-background-subtle)}.dialogs-pane--hidden,.chat-pane--hidden{display:none!important}.dialogs-folders{display:flex;gap:5px;padding:9px 10px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--tg-line);scrollbar-width:none}.dialogs-folders::-webkit-scrollbar{display:none}.folder-tab{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 11px;color:var(--color-text-secondary);background:transparent;font-size:13px;font-weight:700}.folder-tab.active{color:#fff;border-color:#389cf452;background:var(--color-accent-soft)}.folder-tab:not(.active):not(:disabled):hover{color:var(--color-text-primary);background:#ffffff0b}.folder-tab:not(:disabled):active{transform:scale(.97)}.folder-tab:disabled,.dialogs-search input:disabled{cursor:not-allowed;opacity:.5}.folder-tab span{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:0 7px;color:inherit;background:#ffffff14;font-size:12px}.dialogs-search{position:relative;display:flex;align-items:center;margin:0;padding:7px 10px 9px;border-bottom:1px solid var(--tg-line);color:var(--tg-hint)}.dialogs-search svg{position:absolute;left:23px;pointer-events:none}.dialogs-search input{width:100%;min-height:42px;border:1px solid var(--color-border);outline:none;border-radius:var(--radius-sm);padding:0 14px 0 42px;color:var(--tg-text);background:var(--color-input);font-size:16px;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard);-webkit-appearance:none;appearance:none}.dialogs-search input::-webkit-credentials-auto-fill-button,.dialogs-search input::-webkit-contacts-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}.dialogs-search input:-webkit-autofill,.dialogs-search input:-webkit-autofill:hover,.dialogs-search input:-webkit-autofill:focus,.dialogs-search input:autofill{border-color:var(--color-border)!important;color:var(--tg-text)!important;background:var(--color-input)!important;-webkit-text-fill-color:var(--tg-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-input) inset!important;box-shadow:0 0 0 1000px var(--color-input) inset!important;caret-color:var(--tg-text)}.dialogs-search input:focus{border-color:#389cf4b8;background:var(--color-surface-elevated);box-shadow:0 0 0 3px var(--color-accent-soft)}.conversation-list{position:relative;min-height:0;overflow:hidden}.conversation-list--hydrating .conversation-virtuoso,.chat-body--hydrating .messages{opacity:0}.conversation-list--hydrating:not(.conversation-list--loading) .conversation-virtuoso,.chat-body--hydrating:not(.chat-body--loading) .messages{opacity:1;transition:opacity .18s ease-out}.conversation-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;width:100%;height:84px;min-height:84px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;border:0;border-bottom:1px solid var(--tg-line);border-radius:0;padding:8px 11px;color:var(--tg-text);background:transparent;text-align:left;transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.conversation-action-popover{position:fixed;z-index:240;width:max-content;max-width:min(190px,calc(100vw - 16px));display:grid;gap:4px;padding:4px;border:1px solid var(--color-border-strong);border-radius:7px;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-surface-elevated) 96%,black);box-shadow:var(--shadow-raised)}.conversation-action-compact{min-height:44px;border:0;border-radius:5px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;color:var(--color-text-primary);background:transparent;font-weight:700;font-size:13px;white-space:nowrap}.conversation-action-compact:hover,.conversation-action-compact:active{background:var(--color-surface-hover)}.conversation-action-compact svg{flex:0 0 auto;color:var(--color-accent-strong)}.conversation-action-compact:disabled{color:var(--color-text-muted);background:transparent}.conversation-action-error{border-radius:6px;padding:8px 10px;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent);font-size:var(--font-size-xs)}.conversation-item:hover,.conversation-item:active{background:#ffffff0b}.conversation-item.active{background:var(--color-accent-soft);box-shadow:inset 3px 0 var(--color-accent)}.conversation-item.unread .conversation-top strong{color:#fff}.conversation-item.unread{background:color-mix(in srgb,var(--color-accent-soft) 62%,transparent);box-shadow:inset 3px 0 var(--color-accent)}.user-avatar{position:relative;isolation:isolate;flex:0 0 auto;overflow:hidden;display:grid;place-items:center;color:#fff;background:var(--color-accent)}.user-avatar--tone-0{background:#378de5}.user-avatar--tone-1{background:#3f9b78}.user-avatar--tone-2{background:#8b68cf}.user-avatar--tone-3{background:#c66b68}.user-avatar--tone-4{background:#3d93a8}.user-avatar--tone-5{background:#b57a43}.user-avatar-fallback{position:relative;z-index:0;max-width:100%;color:#fff;line-height:1;letter-spacing:0;text-align:center;-webkit-user-select:none;user-select:none}.user-avatar img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}.user-avatar img.is-loaded{opacity:1}.conversation-avatar{width:46px;height:46px;border-radius:50%;font-size:18px;font-weight:800}.conversation-copy{min-width:0;display:grid;gap:4px}.conversation-top,.conversation-meta-line{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-meta-details{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.conversation-meta-details>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top-meta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.conversation-unread-badge{border:1px solid rgba(97,183,255,.42);border-radius:var(--radius-round);padding:3px 7px;color:#dff1ff;background:#389cf438;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}.conversation-top strong,.conversation-subtitle,.conversation-meta-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta-line .conversation-rating{display:inline-flex;align-items:center;gap:4px;color:#f3c969}.conversation-rating svg,.chat-rating-badge svg{flex:0 0 auto;fill:currentColor}.conversation-top strong{font-size:14px;font-weight:750;letter-spacing:0}.conversation-top time,.conversation-meta-line span,.conversation-subtitle{color:var(--tg-muted);font-size:13px}.status-chip{flex:0 0 auto;border-radius:999px;border:1px solid var(--color-border);padding:3px 7px;color:var(--color-text-secondary);background:#ffffff09;font-size:10px;font-style:normal;font-weight:800}.status-chip--new{border-color:#389cf452;color:var(--color-accent-strong);background:var(--color-accent-soft)}.status-chip--open{border-color:#45c98b4d;color:#8ae7b9;background:var(--color-success-soft)}.status-chip--waiting{border-color:#e8b85b4d;color:#f3cf88;background:var(--color-warning-soft)}.status-chip--resolved{color:var(--color-text-muted);background:#ffffff09}.conversation-skeleton-list{display:grid;padding:0}.conversation-list>.conversation-skeleton-list{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;background:var(--tg-bg);opacity:1;transition:opacity .22s ease-out}.conversation-list--hydrating:not(.conversation-list--loading)>.conversation-skeleton-list{opacity:0}.conversation-skeleton-row{height:84px;min-height:84px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:8px 11px;border-bottom:1px solid var(--tg-line)}.conversation-skeleton-avatar,.conversation-skeleton-line{display:block;overflow:hidden;position:relative;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:220% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}.conversation-skeleton-avatar{width:46px;height:46px;border-radius:50%}.conversation-skeleton-copy{min-width:0;display:grid;gap:8px}.conversation-skeleton-line{height:11px;border-radius:999px}.conversation-skeleton-line--title{width:46%;height:14px}.conversation-skeleton-line--text{width:82%}.conversation-skeleton-line--meta{width:58%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.conversation-empty,.conversation-list-footer{padding:24px 14px;color:var(--tg-muted);text-align:center;font-size:14px}.conversation-workday-lock{height:100%;min-height:240px;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;color:var(--tg-muted);text-align:center}.conversation-workday-lock svg{color:var(--tg-accent-2)}.conversation-workday-lock strong{color:var(--tg-text);font-size:16px}.conversation-workday-lock span{max-width:320px;line-height:1.45}.chat-pane{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--tg-bg)}.chat-page-shell{flex:1 1 auto;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);overflow:hidden}.chat-window{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--tg-bg)}.chat-header{position:relative;z-index:3;min-height:60px;padding:7px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--color-border);background:#13171df5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat-header--mobile{grid-template-columns:44px minmax(0,1fr) auto}.chat-user-btn{min-width:0;border:0;padding:0;color:inherit;background:transparent;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;text-align:left}.chat-header-avatar{width:40px;height:40px;border-radius:50%;font-weight:800}.chat-header-copy{min-width:0;display:grid;gap:1px}#chat-header-title,#chat-header-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-header-title{font-weight:750;letter-spacing:0}#chat-header-subtitle{font-size:13px}.chat-header-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.chat-rating-badge{min-height:34px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:0 10px;border:1px solid rgba(243,201,105,.28);border-radius:var(--radius-sm);color:#f3c969;background:#f3c9691a;font-size:12px;font-weight:800}.chat-refresh-btn,.chat-inline-refresh{flex:0 0 auto;color:var(--tg-accent-2);background:transparent}.chat-main{position:relative;z-index:1;min-height:0;height:100%;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr)}.chat-inline-refresh{position:absolute;top:8px;right:10px;z-index:8;width:38px;height:38px;min-width:38px;min-height:38px;border:1px solid var(--color-border);color:var(--color-accent-strong);background:#181d24db;box-shadow:var(--shadow-raised)}.waiting-btn{color:#f3cf88;background:var(--color-warning-soft)}.success-btn{color:#9ce9c2;background:var(--color-success-soft)}.keyboard-aware{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.chat-body{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1 1 auto;min-height:0;height:100%;overflow:hidden;background:var(--color-background)}.messages{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;min-height:0;overflow-x:hidden}.messages [data-viewport-type=element]{padding:10px 14px 6px;scroll-padding-bottom:8px}.messages-empty{padding:24px;color:var(--tg-muted);text-align:center}.messages-skeleton{position:absolute;inset:0;z-index:5;height:100%;padding:14px 10px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;overflow:hidden;pointer-events:none;background:var(--color-background);opacity:1;transition:opacity .22s ease-out}.chat-body--hydrating:not(.chat-body--loading) .messages-skeleton{opacity:0}.message-skeleton{width:min(70%,520px);min-height:46px;padding:10px 12px;border-radius:var(--radius-md);display:grid;gap:8px;background:linear-gradient(90deg,#ffffff0e,#ffffff1b,#ffffff0e);background-size:220% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}.message-skeleton--mine{align-self:flex-end;width:min(58%,460px);background-color:#2b527847}.message-skeleton--peer{align-self:flex-start;background-color:#1f2a35c2}.message-skeleton-line{height:9px;border-radius:999px;background:#f4f7fb21}.message-skeleton-line--wide{width:100%}.message-skeleton-line--short{width:46%}.messages-bottom-spacer{height:8px}.message-row{min-width:0;padding:2px 0}.message-date-divider{height:30px;display:grid;place-items:center;padding:var(--space-1) 0}.message-date-divider span{border:1px solid var(--color-border);border-radius:var(--radius-round);padding:3px var(--space-2);color:var(--color-text-secondary);background:#20262ff0;box-shadow:0 4px 14px #00000029;font-size:var(--font-size-xs)}.new-messages-button{position:absolute;z-index:var(--z-sticky);right:var(--space-3);bottom:var(--space-3);min-height:44px;border:1px solid color-mix(in srgb,var(--color-accent) 52%,var(--color-border));border-radius:var(--radius-round);display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);color:var(--color-text-primary);background:#20262ff5;box-shadow:var(--shadow-raised);font-size:var(--font-size-sm);font-weight:700}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.msg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;position:relative;width:fit-content;max-width:min(74%,660px);margin:0;padding:8px 10px 6px;border-radius:var(--radius-md);color:var(--tg-text);line-height:1.4;font-size:15px;word-break:break-word;touch-action:manipulation}.msg--peer{margin-right:auto;border:1px solid var(--color-border);border-bottom-left-radius:3px;background:var(--tg-peer)}.msg--peer,.msg--peer .msg-text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.msg--mine{margin-left:auto;border-bottom-right-radius:3px;background:var(--tg-mine);box-shadow:inset 0 0 0 1px #61b7ff14}.msg--sending{opacity:.84;animation:message-send-in .16s var(--ease-standard) both}@keyframes message-send-in{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:.84;transform:translateY(0) scale(1)}}.msg--system{max-width:min(86%,620px);margin:var(--space-2) auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-elevated) 84%,transparent);text-align:center;font-size:var(--font-size-sm)}.msg.is-action-open{outline:2px solid color-mix(in srgb,var(--tg-accent) 44%,transparent)}.msg--media{padding:4px;overflow:visible}.msg-text{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;white-space:pre-wrap}.msg-text a{color:var(--color-info);overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:2px}.msg-media-preview,.msg-file{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;padding:0;display:block;color:var(--tg-text);background:transparent}.msg-media-preview{width:min(320px,72vw);aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm);background:#090c10;text-decoration:none;cursor:zoom-in}.msg-media-preview img,.msg-media-preview video,video.msg-media-preview{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);transition:transform var(--motion-normal) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}@media(hover:hover){.msg-media-preview:hover img,.msg-media-preview:hover video{transform:scale(1.015)}}.msg-audio{width:min(320px,72vw);max-width:100%}.attachment-viewer-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:calc(var(--space-4) + var(--app-safe-top)) calc(var(--space-4) + var(--app-safe-right)) calc(var(--space-4) + var(--app-safe-bottom)) calc(var(--space-4) + var(--app-safe-left));background:var(--color-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.attachment-viewer-dialog{position:relative;width:min(1120px,100%);height:min(820px,100%);min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-background);box-shadow:var(--shadow-modal);touch-action:pan-x}.attachment-viewer-header{position:relative;z-index:var(--z-sticky);min-width:0;min-height:60px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle)}.attachment-viewer-header>div:nth-child(2){min-width:0;display:grid;gap:2px}.attachment-viewer-header strong,.attachment-viewer-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-header strong{font-size:var(--font-size-md)}.attachment-viewer-header span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.attachment-viewer-actions{display:flex;align-items:center;gap:var(--space-1)}.attachment-viewer-actions a{text-decoration:none}.attachment-viewer-content{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:#090d12}.attachment-viewer-image-stage{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;overscroll-behavior:contain}.attachment-viewer-image-stage--zoomed{overflow:auto}.attachment-viewer-image-stage img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;transform-origin:center;transition:transform var(--motion-normal) var(--ease-standard)}.attachment-viewer-content>video,.attachment-viewer-content>iframe{width:100%;height:100%;border:0;object-fit:contain;background:#090d12}.attachment-viewer-pdf-stage{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--color-background-subtle);touch-action:pan-y}.attachment-viewer-pdf-scroll{position:relative;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;justify-items:center;align-content:start;padding:var(--space-3);background:var(--color-surface-elevated)}.attachment-viewer-pdf-canvas{display:block;max-width:100%;background:#fff;box-shadow:var(--shadow-raised)}.attachment-viewer-pdf-controls{min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-1) calc(var(--space-3) + var(--app-safe-right)) calc(var(--space-1) + var(--app-safe-bottom)) calc(var(--space-3) + var(--app-safe-left));border-top:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-background-subtle);font-size:var(--font-size-sm)}.attachment-viewer-pdf-controls span{min-width:128px;text-align:center}.attachment-viewer-pdf-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-secondary);text-align:center}.attachment-viewer-pdf-error svg{color:var(--color-error)}.attachment-viewer-pdf-error strong{color:var(--color-text-primary)}.attachment-viewer-pdf-error span{max-width:420px;line-height:1.5}.attachment-viewer-audio,.attachment-viewer-fallback{width:min(520px,calc(100% - var(--space-8)));display:grid;place-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary);text-align:center}.attachment-viewer-audio audio{width:100%}.attachment-viewer-fallback strong{color:var(--color-text-primary);font-size:var(--font-size-lg)}.attachment-viewer-fallback span{max-width:420px;line-height:1.5}.attachment-viewer-loading{position:absolute;z-index:1;border-radius:var(--radius-round);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-elevated);font-size:var(--font-size-sm)}.attachment-viewer-nav{position:absolute;top:50%;width:44px;height:52px;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-surface-elevated) 88%,transparent);transform:translateY(-50%)}.attachment-viewer-nav--previous{left:var(--space-3)}.attachment-viewer-nav--next{right:var(--space-3)}.msg-video-preview{position:relative}.msg-video-preview>span{position:absolute;right:var(--space-2);bottom:var(--space-2);width:36px;height:36px;border-radius:var(--radius-round);display:grid;place-items:center;color:var(--color-text-primary);background:#05090eb8}.msg-audio-row{display:flex;align-items:center;gap:var(--space-1)}html.attachment-viewer-open,html.attachment-viewer-open body{overflow:hidden}.msg-file{display:inline-flex;align-items:center;gap:8px;min-width:min(260px,70vw);padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff0b;text-decoration:none}.msg-file svg{flex:0 0 auto;color:var(--tg-accent)}.msg-file span{min-width:0}.msg-file--pending{cursor:default}.msg-delivery-spinner,.reply-submit-spinner{animation:spin .8s linear infinite}.msg-meta{margin-top:3px;display:flex;justify-content:flex-end;gap:4px;color:#f5f7fa94;font-size:11px;line-height:1}.msg-menu-scrim{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;z-index:40;border:0;background:transparent}.msg-action-menu{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;right:0;bottom:calc(100% + 8px);z-index:50;display:flex;gap:4px;padding:5px;border:1px solid var(--tg-line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tg-surface-2) 96%,#fff 4%);box-shadow:var(--shadow-sheet);white-space:nowrap}.msg-action-menu button{min-height:36px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-xs);padding:0 10px;color:var(--tg-text);background:transparent;font-size:13px;font-weight:700}.msg-action-menu button:hover,.msg-action-menu button:active{background:#ffffff14}.msg-action-menu .danger{color:var(--tg-danger)}.reply-form{position:relative;z-index:4;flex:0 0 auto;min-height:calc(60px + var(--app-composer-safe-bottom));padding:8px calc(10px + var(--app-safe-right)) calc(8px + var(--app-composer-safe-bottom)) calc(10px + var(--app-safe-left));display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:end;border-top:1px solid var(--color-border);background:#13171dfa;box-shadow:0 -8px 24px #0000001f}.clip-btn,#reply-submit{width:44px;height:44px;border:0;border-radius:50%;display:inline-grid;place-items:center;color:var(--color-text-secondary);background:transparent}#reply-submit{color:#fff;background:var(--color-accent);outline:none;box-shadow:0 6px 16px #389cf438}#reply-submit svg{fill:none;stroke:currentColor;width:21px;height:21px;transform:translate(-1px,1px)}#reply-submit:disabled{color:var(--tg-muted);background:transparent;box-shadow:none;opacity:.58}#reply-submit.is-sending:disabled{color:#fff;background:var(--color-accent);box-shadow:0 4px 12px #389cf42e;opacity:.82}#reply-submit:not(:disabled):hover,#reply-submit:not(:disabled):active{background:color-mix(in srgb,var(--color-accent) 86%,white);color:#fff;transform:scale(.94)}.clip-btn:not(:disabled):hover,.clip-btn:not(:disabled):active{color:var(--color-accent-strong);background:var(--color-accent-soft)}.reply-compose{min-width:0;position:relative;display:grid;gap:6px}#message-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;width:100%;min-height:42px;max-height:140px;border:1px solid var(--color-border);outline:none;border-radius:var(--radius-md);padding:9px 12px;color:var(--tg-text);background:var(--tg-input);resize:none;font-size:16px;line-height:1.4;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}#message-input:focus{border-color:#389cf4b8;background:var(--color-surface-elevated);box-shadow:0 0 0 3px var(--color-accent-soft)}.reply-edit-banner,.reply-attachment-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-left:3px solid var(--tg-accent);border-radius:var(--radius-sm);padding:7px 10px;color:var(--tg-muted);background:#ffffff0f;font-size:12px}.reply-attachment-meta{display:grid;grid-template-columns:36px minmax(0,1fr) 32px}.reply-attachment-meta>img{width:36px;height:36px;border-radius:var(--radius-xs);object-fit:cover}.reply-attachment-meta>span{min-width:0;display:grid;gap:1px}.reply-attachment-meta strong,.reply-attachment-meta em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-attachment-meta strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.reply-attachment-meta em{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:normal}.reply-attachment-meta button{width:32px;height:32px;border-radius:var(--radius-round)}.composer-status{min-height:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.composer-status:not(:empty){min-height:18px;padding:0 var(--space-2)}.reply-edit-banner span{min-width:0;display:grid;gap:1px}.reply-edit-banner strong{color:var(--tg-text);font-size:12px}.reply-edit-banner em{color:var(--tg-muted);font-style:normal}#reply-submit.reply-submit-cancel{background:transparent;color:var(--tg-muted)}#reply-submit.reply-submit-cancel svg{fill:none;stroke:currentColor;transform:none}#reply-submit.reply-submit-cancel:hover,#reply-submit.reply-submit-cancel:active{color:var(--tg-text);background:transparent}.reply-edit-banner button,.reply-attachment-meta button{border:0;color:var(--tg-muted);background:transparent;display:inline-grid;place-items:center}.quick-replies{position:absolute;left:0;right:0;bottom:calc(100% + var(--space-4));max-height:min(280px,calc(var(--app-viewport-height, 100dvh) - 156px));display:grid;gap:4px;overflow-x:hidden;overflow-y:auto;padding:6px;border-radius:var(--radius-sm);background:#181d24fa;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:none;transform-origin:bottom center;animation:quick-replies-in var(--motion-normal) var(--ease-standard) both}@keyframes quick-replies-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-replies::-webkit-scrollbar{display:none}.quick-reply-chip{width:100%;min-height:44px;border:1px solid transparent;border-radius:var(--radius-xs);padding:8px 10px;color:var(--tg-text);background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;text-align:left;font-weight:700}.quick-reply-chip.active{border-color:#389cf452;background:var(--color-accent-soft)}.quick-reply-chip:not(.active):hover{background:#ffffff0d}.quick-reply-chip:active{transform:scale(.99)}.quick-reply-chip__key{color:var(--tg-accent-2);font-size:13px;font-weight:900;white-space:nowrap}.quick-reply-chip.active .quick-reply-chip__key{color:var(--color-accent-strong)}.quick-reply-chip__text{min-width:0;color:var(--tg-text);font-size:13px;font-weight:650;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.user-profile-panel{min-height:0;overflow-y:auto;border-left:1px solid var(--tg-line);padding:0 16px 20px;background:var(--color-background-subtle)}.profile-hero-card,.profile-section,.profile-metrics-grid>div{border:0;border-radius:0;background:transparent}.profile-hero-card{display:grid;justify-items:center;gap:7px;padding:24px 8px 20px;border-bottom:1px solid var(--color-border);text-align:center}.profile-avatar-lg{width:78px;height:78px;border-radius:50%;font-size:26px;font-weight:800;box-shadow:0 10px 28px #389cf433}.profile-hero-card strong{font-size:20px}.profile-hero-card span,.profile-row span,.profile-metrics-grid span{color:var(--tg-muted)}.profile-section{margin-top:0;padding:18px 0 0}.profile-section h3{margin:0 0 8px;color:var(--tg-muted);font-size:11px;text-transform:uppercase;letter-spacing:0}.profile-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid var(--tg-line)}.profile-row:first-of-type{border-top:0}.profile-row strong{overflow-wrap:anywhere}.profile-metrics-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-border)}.profile-metrics-grid--single{grid-template-columns:1fr}.profile-metrics-grid>div{padding:12px;display:grid;gap:4px;background:var(--color-surface)}.profile-warning{display:flex;gap:8px;align-items:center;color:var(--tg-warning)}.drawer-backdrop{position:fixed;inset:0;z-index:100;background:#02040794;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.drawer-panel{width:min(86vw,360px);height:100%;padding:calc(14px + var(--app-safe-top)) calc(14px + var(--app-safe-right)) calc(14px + var(--app-safe-bottom)) calc(14px + var(--app-safe-left));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:16px;border-right:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sheet)}.drawer-head{display:grid;grid-template-columns:54px minmax(0,1fr) 44px;align-items:center;gap:10px}.drawer-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--color-accent);font-size:22px;font-weight:900}.drawer-head strong,.drawer-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-head span{color:var(--tg-muted);font-size:12px}.presence-toggle-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--color-background-subtle)}.push-status-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:64px;margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-background-subtle)}.push-status-row>svg{color:var(--color-info)}.push-status-row--enabled>svg{color:var(--color-success)}.push-status-row--denied>svg,.push-status-row--error>svg{color:var(--color-error)}.push-status-row>span{min-width:0;display:grid;gap:2px}.push-status-row strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.push-status-row em{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:normal;line-height:1.35}.push-status-row button{min-height:36px;border:0;border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-text-primary);background:var(--color-surface-elevated);font-size:var(--font-size-xs);font-weight:700}.presence-toggle-row span{display:grid;gap:3px}.presence-toggle-row em{color:var(--tg-muted);font-style:normal;font-size:13px}.presence-toggle-row em.presence-error{color:#ff9d9d;white-space:normal}.presence-toggle-row input:disabled{cursor:wait;opacity:.58}.presence-toggle-row input{width:52px;height:32px;appearance:none;border-radius:999px;background:#ffffff24;position:relative;transition:background-color var(--motion-normal) var(--ease-standard)}.presence-toggle-row input:after{content:"";position:absolute;width:28px;height:28px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000047;transition:transform var(--motion-normal) var(--ease-standard)}.presence-toggle-row input:checked{background:var(--tg-success)}.presence-toggle-row input:checked:after{transform:translate(20px)}.drawer-nav{display:grid;align-content:start;gap:4px}.drawer-nav button,.drawer-logout{min-height:48px;border:0;border:1px solid transparent;border-radius:var(--radius-xs);padding:0 12px;display:flex;align-items:center;gap:12px;color:var(--tg-text);background:transparent;font-weight:700;text-align:left}.drawer-nav button:hover,.drawer-nav button:active{background:#ffffff0e}.drawer-logout{color:#ffb0ba;background:var(--color-error-soft)}.chat-empty-state{height:100%;display:grid;place-content:center;gap:8px;color:var(--tg-muted);text-align:center;padding:24px}.chat-empty-state strong{color:var(--tg-text);font-size:20px}.chat-empty-actions{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chat-banner-error{position:absolute;z-index:20;top:72px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100% - 24px));border:1px solid rgba(255,111,125,.34);border-radius:var(--radius-sm);padding:8px 12px;color:#ffe3e7;background:#681e29f5;font-size:13px}.chat-banner-error.inline{position:absolute;top:54px;z-index:var(--z-popover);margin:0}.utility-loading{min-height:240px;display:grid;place-items:center;color:var(--color-text-secondary)}@media(max-width:1199px){.chat-page-shell{grid-template-columns:minmax(0,1fr)}.chat-page-shell>.user-profile-panel{display:none}}@media(max-width:767px){.attachment-viewer-backdrop{padding:0}.attachment-viewer-dialog{width:100%;height:100%;border:0;border-radius:0}.attachment-viewer-header{min-height:calc(56px + var(--app-safe-top));padding:calc(var(--space-2) + var(--app-safe-top)) calc(var(--space-2) + var(--app-safe-right)) var(--space-2) calc(var(--space-2) + var(--app-safe-left))}.attachment-viewer-actions{max-width:none;overflow:visible}.attachment-viewer-zoom{position:fixed;z-index:var(--z-sticky);bottom:calc(var(--space-3) + var(--app-safe-bottom));border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 88%,transparent)}.attachment-viewer-zoom--out{left:calc(50% - 48px)}.attachment-viewer-zoom--in{left:calc(50% + 4px)}.attachment-viewer-nav{top:auto;bottom:calc(var(--space-3) + var(--app-safe-bottom));transform:none}.topbar{min-height:calc(54px + var(--app-safe-top))}.workspace{grid-template-columns:1fr}.workspace--chat .dialogs-pane{display:none}.workspace--chat .chat-pane{width:100%;height:100%;min-height:0;overflow:hidden}.workspace--chat .chat-page-shell{width:100%;height:100%;min-height:0;display:grid}.workspace--chat .chat-window{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.workspace--chat .chat-header{min-height:calc(62px + var(--app-safe-top));padding-top:calc(7px + var(--app-safe-top))}.workspace--chat .chat-main{position:relative;height:100%;min-height:0}.workspace--chat .reply-form{position:relative;min-height:calc(60px + var(--app-composer-safe-bottom))}.workspace--chat .quick-replies{left:-52px;right:-52px;max-height:min(42vh,calc(var(--app-viewport-height, 100dvh) - 150px));border-radius:var(--radius-sm);padding:6px}.chat-header{grid-template-columns:44px minmax(0,1fr) auto}.chat-header-actions{max-width:46vw;overflow-x:auto;scrollbar-width:none}.chat-header-actions::-webkit-scrollbar{display:none}.chat-header-actions .ghost-btn{min-width:auto;min-height:36px;padding:0 10px;font-size:12px;gap:5px}.chat-header-actions .ghost-btn span{display:none}.chat-header-actions .ghost-btn{width:44px;min-width:44px;padding:0}.chat-refresh-btn,.chat-inline-refresh{width:36px;height:36px;min-width:36px;min-height:36px;background:#181d24e6}.msg{max-width:84%}.msg-media-preview{width:min(300px,78vw)}.messages [data-viewport-type=element]{padding:8px 8px 4px}.msg-action-menu{right:0;max-width:calc(100vw - 20px)}}@media(max-width:390px){.folder-tab{min-height:36px;padding:0 11px}.msg-action-menu button{padding:0 8px;font-size:12px}}.workspace--single{grid-template-columns:minmax(0,1fr)}.workspace--single .chat-pane{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.workspace--single .utility-page{width:100%;height:auto;min-height:100%}.refresh-btn svg{transition:transform .22s ease,color .18s ease}.refresh-btn:active svg{transform:rotate(80deg) scale(.94);color:var(--tg-accent-2)}.drawer-nav button.active{color:#fff;background:var(--color-accent-soft);border-color:#389cf44d}.utility-page{min-height:100%;width:min(1180px,100%);margin-inline:auto;padding:22px;display:grid;align-content:start;gap:16px;background:var(--color-background)}.utility-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:4px 0 16px;border-bottom:1px solid var(--color-border);background:transparent}.utility-head-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;color:#fff;background:var(--color-accent-soft);color:var(--color-accent-strong)}.utility-head h2{margin:0;font-size:22px;line-height:1.1;letter-spacing:0}.utility-head p,.utility-muted{margin:4px 0 0;color:var(--tg-muted);font-size:14px}.staff-page-heading{min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 12px;border-bottom:1px solid var(--tg-line)}.staff-page-heading h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:0}.staff-page-heading p{margin:4px 0 0;color:var(--tg-muted);font-size:14px}.staff-add-action{min-height:44px;flex:0 0 auto;border-radius:8px}.utility-note,.utility-status,.utility-empty{padding:13px 14px;border:1px solid var(--tg-line);border-radius:var(--radius-sm);color:var(--tg-muted);background:#ffffff09}.utility-status{color:var(--tg-text);border-color:#3390ec52;background:#3390ec1c}.utility-form,.utility-stack-form,.quick-reply-editor{display:grid;gap:10px;padding:14px;border:1px solid var(--tg-line);border-radius:var(--radius-sm);background:var(--color-surface)}.utility-form{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-form input,.utility-form select,.utility-stack-form textarea,.quick-reply-editor input,.quick-reply-editor textarea{width:100%;min-height:46px;border:1px solid var(--tg-line);border-radius:var(--radius-sm);padding:0 13px;outline:none;color:var(--tg-text);background:var(--tg-input)}.utility-stack-form textarea,.quick-reply-editor textarea{min-height:122px;padding-top:12px;resize:vertical;line-height:1.45}.utility-form input:focus,.utility-form select:focus,.utility-stack-form textarea:focus,.quick-reply-editor input:focus,.quick-reply-editor textarea:focus{border-color:#3390ecb8}.primary-action,.secondary-action,.danger-action{min-height:46px;border:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;color:#fff;font-weight:800}.primary-action{background:var(--tg-accent)}.secondary-action{background:var(--tg-surface-2);color:var(--tg-text)}.danger-action{background:#ff6b7a2e;color:#ffd8dd;border:1px solid rgba(255,107,122,.34)}.primary-action:not(:disabled):hover{background:color-mix(in srgb,var(--color-accent) 88%,white);box-shadow:0 8px 20px #389cf429}.primary-action:not(:disabled):active,.secondary-action:not(:disabled):active,.danger-action:not(:disabled):active{transform:scale(.985)}.utility-actions-row{display:flex;flex-wrap:wrap;gap:10px}.utility-list,.quick-reply-list{display:grid;gap:10px}.staff-row,.quick-reply-card{min-width:0;display:grid;align-items:center;gap:12px;padding:13px;border:1px solid var(--tg-line);border-radius:var(--radius-sm);background:var(--color-surface)}.staff-row{grid-template-columns:44px minmax(0,1fr) auto;padding:11px 12px;border-radius:8px;background:var(--tg-surface);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.staff-row:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.staff-row.selected{border-color:#389cf47a;background:var(--color-accent-soft)}.staff-row-actions{display:flex;align-items:center;gap:2px}.staff-avatar{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:var(--color-accent);color:#fff;font-weight:900}.staff-row strong,.quick-reply-card strong{display:block;color:var(--tg-text)}.staff-row span,.staff-row em,.quick-reply-card p{display:block;min-width:0;margin:3px 0 0;color:var(--tg-muted);font-size:14px;font-style:normal;overflow-wrap:anywhere}.quick-reply-card{grid-template-columns:minmax(0,1fr) auto}.quick-reply-actions{display:flex;gap:4px}.icon-btn.danger{color:var(--tg-danger)}.staff-modal-backdrop{position:fixed;inset:0;z-index:220;min-width:0;overflow-x:hidden;overflow-y:auto;display:grid;place-items:center;padding:max(20px,var(--app-safe-top)) max(16px,var(--app-safe-right)) max(20px,var(--app-safe-bottom)) max(16px,var(--app-safe-left));background:#04080db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch}.staff-modal{width:min(460px,100%);max-height:calc(var(--app-viewport-height) - max(40px,var(--app-safe-top)) - max(40px,var(--app-safe-bottom)));overflow-x:hidden;overflow-y:auto;display:grid;gap:18px;padding:20px;border:1px solid var(--tg-line);border-radius:8px;color:var(--tg-text);background:var(--tg-bg-soft);box-shadow:0 24px 70px #0000006b;animation:staff-modal-in .18s ease-out both;-webkit-overflow-scrolling:touch}@keyframes staff-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-modal-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.staff-modal-head span{display:block;margin-bottom:3px;color:var(--tg-muted);font-size:12px;font-weight:700}.staff-modal-head h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:0}.staff-modal-fields{display:grid;gap:13px}.staff-modal-fields label{min-width:0;display:grid;gap:6px;color:var(--tg-muted);font-size:13px;font-weight:700}.staff-modal-fields input,.staff-modal-fields select{width:100%;height:48px;min-height:48px;border:1px solid var(--tg-line);border-radius:8px;padding:0 13px;outline:none;color:var(--tg-text);background:var(--tg-input);font:inherit;font-size:16px}.staff-modal-fields input:focus,.staff-modal-fields select:focus{border-color:#3390ecc2;box-shadow:0 0 0 3px #3390ec24}.staff-role-select{position:relative;display:block;min-width:0}.staff-role-select select{appearance:none;-webkit-appearance:none;padding-right:42px}.staff-role-select svg{position:absolute;top:50%;right:13px;pointer-events:none;color:var(--tg-muted);transform:translateY(-50%)}.staff-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-modal-actions .primary-action,.staff-modal-actions .secondary-action{min-height:48px;border-radius:8px}.staff-analytics{min-width:0;overflow:hidden;border:1px solid var(--tg-line);border-radius:8px;background:#141c25c7}.staff-analytics-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--tg-line);color:var(--tg-accent-2)}.staff-analytics-head span{display:block;color:var(--tg-muted);font-size:12px}.staff-analytics-head h3{margin:2px 0 0;color:var(--tg-text);font-size:18px;letter-spacing:0}.analytics-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--tg-line)}.analytics-periods{height:42px;display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));padding:3px;border:1px solid var(--tg-line);border-radius:8px;background:var(--tg-bg)}.analytics-periods button{min-height:34px;border:0;border-radius:6px;padding:0 12px;color:var(--tg-muted);background:transparent;font-size:13px;font-weight:700}.analytics-periods button.active{color:#fff;background:var(--tg-accent)}.analytics-date{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--tg-line);border-radius:8px;padding:0 10px;color:var(--tg-accent-2);background:var(--tg-input)}.analytics-date input{min-width:132px;border:0;outline:0;color:var(--tg-text);background:transparent;color-scheme:dark}.analytics-date-range{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}.analytics-date-range .analytics-date>span{color:var(--tg-muted);font-size:12px;font-weight:700}.staff-analytics-body{position:relative;min-height:410px;transition:opacity .16s ease}.staff-analytics-body.is-loading{opacity:.68}.analytics-initial-loading{min-height:410px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--tg-muted)}.analytics-initial-loading .loader{width:22px;height:22px;border-width:2px}.analytics-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--tg-line)}.analytics-summary>div{min-width:0;min-height:92px;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;column-gap:8px;padding:12px 14px;border-right:1px solid var(--tg-line)}.analytics-summary>div:last-child{border-right:0}.analytics-summary svg{grid-row:1 / 3;align-self:center;color:var(--tg-accent-2)}.analytics-summary span{min-width:0;color:var(--tg-muted);font-size:12px}.analytics-summary strong{min-width:0;margin-top:3px;color:var(--tg-text);font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.analytics-response-rule{min-height:40px;display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--tg-line);color:var(--tg-muted);font-size:12px;line-height:1.35}.analytics-response-rule svg{flex:0 0 auto;color:var(--tg-accent-2)}.analytics-chart{position:relative;height:210px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;padding:16px 16px 10px;border-bottom:1px solid var(--tg-line)}.analytics-chart-scale{height:166px;display:flex;flex-direction:column;justify-content:space-between;color:var(--tg-hint);font-size:10px;font-variant-numeric:tabular-nums}.analytics-bars{min-width:0;height:176px;display:grid;grid-template-columns:repeat(var(--analytics-columns),minmax(0,1fr));align-items:end;gap:clamp(2px,.55vw,7px)}.analytics-bar-column{min-width:0;height:176px;display:grid;grid-template-rows:156px 20px;align-items:end;border:0;padding:0;color:var(--tg-hint);background:transparent;cursor:pointer}.analytics-bar-column:focus-visible{outline-offset:-2px}.analytics-bar-track{width:100%;height:156px;display:flex;align-items:end;border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(to top,transparent 0 38px,rgba(255,255,255,.045) 38px 39px)}.analytics-bar-fill{width:100%;height:var(--bar-size);min-height:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--tg-accent-2),var(--tg-accent));transform-origin:bottom;animation:analytics-bar-in .22s ease-out both;transition:filter var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.analytics-bar-column:hover .analytics-bar-fill,.analytics-bar-column.active .analytics-bar-fill{filter:brightness(1.16);box-shadow:0 0 0 1px #dff1ff61,0 0 16px #389cf447}@keyframes analytics-bar-in{0%{transform:scaleY(0);opacity:.4}to{transform:scaleY(1);opacity:1}}.analytics-bar-label{align-self:center;text-align:center;font-size:10px;font-variant-numeric:tabular-nums}.analytics-chart-tooltip{position:absolute;z-index:3;top:12px;right:16px;max-width:calc(100% - 76px);display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;border:1px solid var(--color-border-strong);border-radius:7px;padding:8px 10px;color:var(--tg-muted);background:#0e1116f5;box-shadow:var(--shadow-raised);font-size:11px;line-height:1.25;pointer-events:none}.analytics-chart-tooltip strong{width:100%;color:var(--tg-text);font-size:12px}.analytics-chart-tooltip b{color:var(--tg-text);font-weight:750;font-variant-numeric:tabular-nums}.analytics-timeline-wrap{padding:26px 16px 20px;border-bottom:1px solid var(--tg-line)}.analytics-shift-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px}.analytics-shift-facts>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border:1px solid var(--tg-line);border-radius:7px;padding:10px 12px;background:var(--tg-bg)}.analytics-shift-facts span{color:var(--tg-muted);font-size:12px}.analytics-shift-facts strong{color:var(--tg-text);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.analytics-timeline-labels{display:flex;justify-content:space-between;color:var(--tg-hint);font-size:10px;font-variant-numeric:tabular-nums}.analytics-timeline{position:relative;height:32px;margin-top:7px;overflow:hidden;border:1px solid var(--tg-line);border-radius:6px;background:repeating-linear-gradient(to right,transparent 0 calc(25% - 1px),rgba(255,255,255,.06) calc(25% - 1px) 25%)}.analytics-work-hours{position:absolute;inset:0 8.3333% 0 41.6667%;background:#39c27f14}.analytics-session{position:absolute;z-index:1;top:5px;bottom:5px;border-radius:4px;background:var(--tg-accent)}.analytics-timeline-caption{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--tg-muted);font-size:12px}.analytics-timeline-caption strong{color:var(--tg-text);font-variant-numeric:tabular-nums}.analytics-days{display:grid}.analytics-days-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--tg-line)}.analytics-days-head span{font-weight:700}.analytics-days-head small{color:var(--tg-muted)}.analytics-day-row{width:100%;min-height:66px;display:grid;grid-template-columns:104px minmax(176px,1fr) 70px 64px 96px 76px;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--tg-line);padding:7px 16px;text-align:left;color:var(--tg-muted);background:transparent;font-size:13px;font-variant-numeric:tabular-nums}.analytics-day-row:last-child{border-bottom:0}.analytics-day-row:hover,.analytics-day-row:active{background:#ffffff09}.analytics-day-row strong{color:var(--tg-text)}.analytics-day-shift{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:8px}.analytics-day-shift>span,.analytics-day-value{min-width:0;display:grid;gap:2px}.analytics-day-row small{color:var(--tg-hint);font-size:10px;font-weight:600}.analytics-day-shift b,.analytics-day-value span{min-width:0;overflow:hidden;color:var(--tg-text);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.utility-page{padding:12px;padding-bottom:calc(14px + var(--app-safe-bottom))}.utility-head{grid-template-columns:42px minmax(0,1fr);padding:2px 0 14px}.utility-head-icon{width:42px;height:42px;border-radius:var(--radius-sm)}.utility-head h2{font-size:21px}.utility-form{grid-template-columns:minmax(0,1fr)}.staff-row{grid-template-columns:44px minmax(0,1fr) auto}.staff-avatar{width:44px;height:44px;border-radius:8px}.staff-modal-backdrop{place-items:end center;padding:max(12px,var(--app-safe-top)) max(8px,var(--app-safe-right)) max(8px,var(--app-safe-bottom)) max(8px,var(--app-safe-left))}.staff-modal{width:100%;max-height:calc(var(--app-viewport-height) - max(20px,var(--app-safe-top)) - max(16px,var(--app-safe-bottom)));gap:16px;padding:16px}.analytics-controls{align-items:stretch;flex-direction:column}.analytics-periods{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-date{justify-content:center}.analytics-date input{flex:1}.analytics-date-range,.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-summary>div:nth-child(2n){border-right:0}.analytics-summary>div:nth-child(-n+4){border-bottom:1px solid var(--tg-line)}.analytics-summary>div:last-child{grid-column:1 / -1;border-bottom:0}.analytics-day-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px 14px}.analytics-day-row>strong,.analytics-day-row>.analytics-day-shift{grid-column:1 / -1}.analytics-shift-facts{margin-bottom:18px}}@media(max-width:420px){.staff-page-heading{align-items:flex-end;gap:10px}.staff-page-heading p{max-width:210px}.staff-add-action{width:44px;padding:0;font-size:0}.analytics-periods button{padding:0 7px;font-size:12px}.analytics-date-range,.analytics-shift-facts{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.staff-modal{animation:none}}@media(max-width:640px){.messages [data-viewport-type=element]{padding:8px 8px 4px}.msg{max-width:min(82%,620px);font-size:15px}.messages-bottom-spacer{height:8px}}.profile-sheet-backdrop{position:fixed;inset:0;z-index:120;display:grid;align-items:end;background:#00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-sheet{max-height:min(82dvh,760px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--tg-line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;background:var(--tg-bg-soft);box-shadow:var(--shadow-sheet)}.profile-sheet-head{min-height:54px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--tg-line)}.profile-sheet .user-profile-panel{display:block;border-left:0}@media(min-width:768px){.profile-sheet-backdrop{align-items:center;justify-items:center;padding:24px}.profile-sheet{width:min(420px,100%);border-radius:var(--radius-sm)}}html.keyboard-open{--app-composer-safe-bottom: 0px}