:root{--text: #586174;--text-h: #111827;--muted: #737d90;--bg: #eef4f8;--panel: rgba(255, 255, 255, .94);--input-bg: #ffffff;--border: #d9e2ec;--accent: #146ef5;--accent-soft: rgba(20, 110, 245, .14);--placeholder: #a1aab8;--shadow: 0 22px 60px rgba(17, 24, 39, .12);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{margin:0}*{box-sizing:border-box}button,input{font:inherit}.login-page{min-height:100svh;padding:24px;display:grid;place-items:center}.login-panel{width:min(100%,420px);padding:34px 24px 28px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);box-sizing:border-box}.brand-mark{width:52px;height:52px;margin:0 auto 22px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:24px;font-weight:700;background:linear-gradient(135deg,#146ef5,#1fbf9b);box-shadow:0 14px 30px #146ef547}.login-heading{margin-bottom:24px;text-align:center}.login-heading p{margin-bottom:8px;color:var(--muted);font-size:14px}.login-heading h1{margin:0;color:var(--text-h);font-size:28px;line-height:1.2;font-weight:700}.form-alert{margin-bottom:18px;padding:12px 14px;display:grid;gap:3px;border:1px solid #fecaca;border-radius:8px;color:#991b1b;background:#fff1f2;text-align:left}.form-alert strong{font-size:14px;line-height:1.3}.form-alert span{font-size:13px;line-height:1.45}.login-form{display:grid;gap:16px}.field{display:grid;gap:8px;text-align:left}.field span{color:var(--text-h);font-size:14px;font-weight:600}.field input{width:100%;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:8px;color:var(--text-h);background:var(--input-bg);font:inherit;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background-color .2s}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field input.invalid{border-color:#ef4444;background:#fff7f7}.field input.invalid:focus{box-shadow:0 0 0 4px #ef444424}.field em{color:#dc2626;font-size:12px;line-height:1.35;font-style:normal}.login-button{width:100%;height:50px;margin-top:6px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#146ef5,#0f9f89);font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 16px 28px #146ef538;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-1px);box-shadow:0 20px 32px #146ef547}.login-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}@media(max-width:480px){.login-page{padding:18px;align-items:start}.login-panel{margin-top:28px;padding:28px 18px 22px}}.telegram-shell{min-height:100svh;padding:18px;display:grid;place-items:center;background:radial-gradient(circle at 20% 0%,rgba(42,171,238,.18),transparent 28%),linear-gradient(180deg,#eef4f8,#dceaf2)}.telegram-phone{position:relative;width:min(100%,430px);height:min(860px,calc(100svh - 36px));min-height:620px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:#fff;box-shadow:0 24px 80px #0f172a2e}.chat-list-header,.detail-header{height:62px;padding:0 14px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;color:#fff;background:#2aabee}.chat-list-header h1{margin:0;text-align:center;font-size:19px;font-weight:700}.icon-button,.composer-icon,.send-button,.compose-button,.tab-button,.chat-row{border:0;font:inherit;cursor:pointer}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:inherit;background:transparent;font-size:20px}.menu-wrap{position:relative}.side-menu{position:absolute;top:46px;left:4px;z-index:10;width:124px;padding:4px;border-radius:8px;color:#111827;background:#fff;overflow:hidden;border:1px solid rgba(15,23,42,.07);box-shadow:0 12px 28px #0f172a24;transform-origin:top left;animation:menuDrop .16s ease-out}.side-menu-item{width:100%;height:30px;padding:0 8px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;border:0;border-radius:6px;color:#223044;background:transparent;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.side-menu-item+.side-menu-item{margin-top:2px}.side-menu-item:hover{color:#168ac5;background:#edf8fe}.side-menu-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#718096;background:#f1f5f9;font-size:11px;line-height:1}.side-menu-item.danger{color:#dc2626}.side-menu-item.danger:hover{color:#b91c1c;background:#fff1f2}.side-menu-item:hover .side-menu-icon{color:#168ac5;background:#dff3fc}.side-menu-item.danger:hover .side-menu-icon{color:#dc2626;background:#ffe4e6}@keyframes menuDrop{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}.icon-button:active,.composer-icon:active,.send-button:active,.compose-button:active,.tab-button:active,.chat-row:active{transform:scale(.97)}.chat-search{height:44px;margin:10px 14px 8px;padding:0 14px;display:flex;align-items:center;gap:9px;border-radius:999px;color:#7b8798;background:#eef3f7;font-size:14px}.chat-search input{min-width:0;flex:1;border:0;color:#223044;background:transparent;font:inherit;outline:none}.chat-search input::placeholder{color:#7b8798}.chat-list{flex:1;overflow-y:auto;padding-bottom:84px}.chat-row{width:100%;min-height:78px;padding:10px 14px;display:flex;align-items:center;gap:12px;color:#111827;background:#fff;text-align:left}.contact-row{min-height:72px}.contact-row .chat-main{padding-bottom:3px}.empty-chat-list{height:220px;display:grid;place-items:center;color:#8a95a6;font-size:14px}.chat-avatar,.small-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800}.chat-avatar{position:relative;width:54px;height:54px;font-size:22px}.chat-avatar i{position:absolute;right:1px;bottom:2px;width:13px;height:13px;border:2px solid #ffffff;border-radius:50%;background:#22c55e}.chat-main{min-width:0;flex:1;padding:3px 0 10px;display:grid;gap:6px}.chat-title-line,.chat-message-line{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-title-line strong{min-width:0;overflow:hidden;color:#111827;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.chat-title-line time{color:#8a95a6;font-size:12px}.chat-message-line span{min-width:0;overflow:hidden;color:#687386;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.chat-row-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.chat-type-badge{height:20px;min-width:36px;padding:0 7px;display:grid;place-items:center;border-radius:999px;font-size:11px;line-height:1;font-weight:700}.chat-type-badge.private{color:#047857;background:#d1fae5}.chat-type-badge.group{color:#1d4ed8;background:#dbeafe}.chat-type-badge.channel{color:#b45309;background:#fef3c7}.contact-type-line{justify-content:flex-end}.chat-message-line b{min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#2aabee;font-size:12px;line-height:1}.compose-button{position:absolute;right:18px;bottom:88px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2aabee;font-size:22px;box-shadow:0 16px 26px #2aabee57}.bottom-tabs{position:absolute;right:0;bottom:0;left:0;height:70px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7edf3;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab-button{display:grid;place-items:center;align-content:center;gap:4px;color:#8a95a6;background:transparent;font-size:20px}.tab-button span{font-size:12px;line-height:1}.tab-button.active{color:#2aabee}.chat-detail{background:linear-gradient(135deg,#2aabee14,#10b98114),#e7eff5}.detail-header{grid-template-columns:42px 1fr 42px}.detail-user{min-width:0;display:flex;align-items:center;gap:10px}.small-avatar{width:38px;height:38px;background:#188fd0}.detail-user span:last-child{min-width:0;display:grid}.detail-user strong{overflow:hidden;color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.detail-user em{color:#ffffffc7;font-size:12px;font-style:normal}.message-stream{flex:1;padding:16px 12px 88px;overflow-y:auto}.day-divider{width:fit-content;margin:0 auto 14px;padding:5px 11px;border-radius:999px;color:#fff;background:#64748b73;font-size:12px}.message-row{display:flex;margin:8px 0}.message-row.me{justify-content:flex-end}.message-sender{font-size:12px;color:#8a95a6;margin-bottom:2px;padding-left:4px}.message-bubble{max-width:min(76%,310px);padding:8px 10px 6px;border-radius:16px;color:#111827;background:#fff;box-shadow:0 4px 16px #0f172a14;-webkit-user-select:text;user-select:text;-webkit-touch-callout:none}.message-row.me .message-bubble{background:#d7f7c2}.message-bubble p{margin:0;font-size:15px;line-height:1.45;word-break:break-word}.message-reply-quote{max-width:100%;margin-bottom:6px;padding:6px 8px;display:grid;gap:1px;border-left:3px solid #2aabee;border-radius:7px;color:#42526a;background:#edf7fd}.message-row.me .message-reply-quote{background:#ffffff85}.message-reply-quote strong,.message-reply-quote span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-reply-quote strong{color:#188fd0;font-size:12px;font-weight:700}.message-reply-quote span{color:#5f6c7f;font-size:12px}.message-bubble.image{padding:4px;-webkit-user-select:none;user-select:none}.message-bubble img{display:block;width:100%;max-height:260px;border-radius:13px;object-fit:cover;cursor:zoom-in;-webkit-touch-callout:default}.message-bubble time{display:block;margin-top:3px;color:#748095;font-size:11px;text-align:right}.message-menu-layer{position:fixed;inset:0;z-index:50}.message-action-menu{position:fixed;width:132px;padding:5px;display:grid;gap:2px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff;box-shadow:0 16px 34px #0f172a2e;animation:menuDrop .14s ease-out}.message-action-menu button{height:34px;padding:0 10px;border:0;border-radius:6px;color:#223044;background:transparent;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.message-action-menu button:hover{color:#168ac5;background:#edf8fe}.message-action-menu button.danger{color:#dc2626}.message-action-menu button.danger:hover{color:#b91c1c;background:#fff1f2}.message-action-menu button:disabled{cursor:not-allowed;opacity:.62}.message-toast{position:absolute;top:76px;left:50%;z-index:45;max-width:calc(100% - 48px);padding:8px 14px;border-radius:999px;color:#fff;background:#0f172ac7;box-shadow:0 12px 28px #0f172a2e;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%)}.image-preview-layer{position:fixed;inset:0;z-index:70;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;box-sizing:border-box;background:#050a12eb}.image-preview-layer img{width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));object-fit:contain;border-radius:8px;cursor:default;-webkit-touch-callout:default}.message-composer{position:absolute;right:0;bottom:0;left:0;min-height:70px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;background:#fffffff2;border-top:1px solid rgba(148,163,184,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.message-composer.has-reply{grid-template-rows:auto 44px}.reply-preview{grid-column:1 / -1;min-width:0;height:36px;padding:0 8px 0 11px;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:8px;border-left:3px solid #2aabee;border-radius:8px;color:#42526a;background:#edf7fd}.reply-preview span{min-width:0;overflow:hidden;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.reply-preview button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;color:#6b778c;background:transparent;font-size:18px;line-height:1;cursor:pointer}.reply-preview button:hover{color:#111827;background:#2aabee1f}.message-composer input[type=text]{width:100%;height:44px;padding:0 15px;border:1px solid #d8e1ea;border-radius:999px;color:#111827;background:#fff;outline:none}.message-composer input[type=text]:focus{border-color:#2aabee;box-shadow:0 0 0 3px #2aabee24}.hidden-file{display:none}.composer-icon,.send-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:20px}.composer-icon{color:#2aabee;background:#edf7fd}.send-button{color:#fff;background:#2aabee}@media(max-width:520px){.telegram-shell{padding:0}.telegram-phone{width:100%;height:100svh;min-height:100svh;border:0;border-radius:0}}