html,body,#root{width:100%;min-height:100%;margin:0;padding:0}:root{color:#17212b;background:#0e1621;font-family:Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#0e1621;margin:0;overflow-x:hidden}html,body,#root{width:100%;max-width:100%;height:100%}.auth-shell{background:#0e1621;place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:#fff;border:1px solid #dfe6ee;border-radius:12px;width:min(520px,100%);padding:1.2rem;box-shadow:0 22px 46px #0000003d}.auth-card h1{color:#17212b;margin:0 0 1rem;font-size:1.2rem}.tabs{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem;display:grid}.tab{color:#4a6177;cursor:pointer;background:#eef3f6;border:none;border-radius:8px;padding:.65rem}.tab.active{color:#fff;background:#3390ec}.form-grid{gap:.8rem;display:grid}.form-grid label{color:#3e546a;gap:.4rem;font-size:.9rem;display:grid}.form-grid input{font:inherit;border:1px solid #d7e1ea;border-radius:8px;padding:.7rem}.btn{cursor:pointer;font:inherit;border:none;border-radius:8px;padding:.7rem .9rem}.btn.primary{color:#fff;background:#3390ec;border-radius:10px;padding:.62rem 1rem;font-weight:600}.btn.primary:hover:not(:disabled){background:#2476cc}.btn.send{color:#fff;background:#3390ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s,transform .1s;display:flex}.btn.send:hover:not(:disabled){background:#2476cc;transform:scale(1.07)}.btn.send:disabled{background:#a8cfef}[dir=rtl] .btn.send svg:not(.spin){transform-origin:50%;transform:scaleX(-1)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.btn.text{color:#c7d7e6;background:0 0;padding:.3rem .45rem}.btn.icon-only{color:#c7d7e6;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-inline-start:auto;padding:0;display:inline-flex}.btn.icon-only:hover{background:#ffffff14}.alert,.success{border-radius:8px;padding:.6rem .7rem;font-size:.86rem}.alert{color:#9d2424;background:#ffe5e5}.success{color:#1f7a46;background:#dcf8e8}.pwa-install-banner{inset-inline:10px;z-index:9999;color:#d9e8f7;background:#17212b;border:1px solid #2b3f55;border-radius:10px;align-items:center;gap:.45rem;padding:.6rem .7rem;display:flex;position:fixed;top:10px}.pwa-install-text{flex:1;font-size:.82rem}.btn.mini.ghost{color:#d5e5f5;background:#223446}.telegram-app{height:100dvh;background:#f3f4f5;grid-template-columns:320px 280px 1fr;width:100%;max-width:100%;height:-webkit-fill-available;min-height:100vh;display:grid;overflow:hidden}.groups-panel,.projects-panel{flex-direction:column;min-height:0;display:flex}.groups-panel{color:#e5eef8;background:#17212b;border-inline-start:1px solid #0f171f}.projects-panel{background:#fff;border-inline-start:1px solid #e2e8ef}.panel-header{background:#242f3d;border-bottom:1px solid #1c2631;align-items:center;gap:.75rem;padding:.85rem .9rem;display:flex}.projects-panel .panel-header{background:#fff;border-bottom:1px solid #edf2f7}.panel-header.slim{min-height:65px}.panel-title{font-weight:600}.panel-subtitle{color:#9cb1c6;font-size:.78rem}.projects-panel .panel-subtitle{color:#8097ac}.user-badge{color:#fff;cursor:pointer;background:#3390ec;border:none;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-weight:700;display:grid;overflow:hidden}.user-badge img{object-fit:cover;width:100%;height:100%}.search-box{background:#17212b;border-bottom:1px solid #1f2b38;padding:.7rem}.search-box input{color:#d5e3f0;background:#242f3d;border:1px solid #233447;border-radius:18px;width:100%;padding:.58rem .9rem}.search-box.light{background:#fff;border-bottom:1px solid #edf2f7}.search-box.light input{color:#1f2d3d;background:#f7fbff;border:1px solid #d8e4ef}.groups-list{gap:.12rem;min-height:0;padding:.2rem;display:grid;overflow:auto}.new-message-banner{color:#dcedff;background:#224465;border:1px solid #2f5375;border-radius:8px;justify-content:space-between;align-items:center;gap:.4rem;margin:.5rem .7rem 0;padding:.4rem .55rem;font-size:.78rem;display:flex}.btn.mini{border-radius:6px;padding:.2rem .45rem}.chat-item{cursor:pointer;text-align:right;background:0 0;border:none;border-radius:9px;align-items:center;gap:.62rem;padding:.6rem .65rem;display:flex}.unread-badge{color:#fff;background:#2ea6ff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:auto;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-grid}.groups-panel .chat-item{color:#d5e3f0}.groups-panel .chat-item:hover,.groups-panel .chat-item.active{background:#2b5278}.projects-panel .chat-item{color:#1f2d3d}.projects-panel .chat-item:hover,.projects-panel .chat-item.active{background:#ebf3fb}.avatar{color:#fff;background:#4d6b88;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.chat-meta{gap:.14rem;min-width:0;display:grid}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-sub{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.chat-panel{background:#e6ebf0;grid-template-rows:auto 1fr auto auto;min-height:0;display:grid}.chat-header{background:#fff;border-bottom:1px solid #e2e8ef;align-items:center;gap:.7rem;padding:.85rem 1rem;display:flex}.message-search{align-items:center;gap:.35rem;min-width:0;margin-inline-start:auto;display:flex}.message-search input{width:210px;min-width:0;font:inherit;border:1px solid #d7e3ef;border-radius:999px;padding:.4rem .7rem;font-size:.82rem}.search-count{color:#68829a;text-align:center;min-width:42px;font-size:.75rem}.chat-header-title{color:#1a2b3b;font-weight:700}.chat-title-button{color:#1a2b3b;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:700}.chat-title-button:disabled{cursor:default;opacity:.75}.chat-header-sub{color:#8aa0b4;font-size:.8rem}.rt-badge{border:1px solid #0000;border-radius:999px;margin-inline-start:.5rem;padding:.12rem .45rem;font-size:.68rem}.rt-badge.on{color:#15753a;background:#e7f7ec;border-color:#b8e6c7}.rt-badge.off{color:#8a5a14;background:#fff4e4;border-color:#f2d7ae}.chat-back{color:#2476cc;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem .4rem;transition:background .15s;display:flex}.chat-back:hover{background:#edf5fd}[dir=rtl] .chat-back svg{transform:none}.add-project-btn{color:#fff;background:#3390ec;margin-inline-start:auto;padding:.35rem .7rem}.project-pane-tabs{background:#edf3f9;border:1px solid #d9e6f2;border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:.2rem;width:100%;padding:.14rem;display:grid}.project-pane-tab{color:#4b6a87;cursor:pointer;background:0 0;border:none;border-radius:999px;width:100%;padding:.3rem .75rem;font-size:.82rem}.project-pane-tab.active{color:#fff;background:#3390ec}.projects-fab-wrap{z-index:5;justify-content:flex-end;margin-top:auto;padding:.35rem .6rem .6rem;display:flex;position:sticky;bottom:12px}.projects-fab{color:#fff;cursor:pointer;background:#3390ec;border:none;border-radius:50%;width:48px;height:48px;font-size:1.7rem;line-height:1;box-shadow:0 8px 20px #2877c657}.projects-fab:disabled{cursor:not-allowed;background:#a6c8e8}.fab-menu{background:#fffffff2;border:1px solid #dbe8f3;border-radius:999px;align-items:center;gap:.3rem;margin-inline-end:.45rem;padding:.18rem;display:flex}.personal-members-list{max-height:44vh;overflow:auto}.chat-members-title{color:#6b8196;padding:.45rem .65rem .2rem;font-size:.8rem}.messages-area{background-color:#dfe7ef;background-image:radial-gradient(#ffffff61 .8px,#0000 .8px),radial-gradient(#ffffff47 .8px,#0000 .8px);background-position:0 0,11px 11px;background-size:22px 22px,22px 22px;flex-direction:column;gap:.5rem;min-height:0;padding:1rem;display:flex;overflow:auto}.history-loading,.history-hint{color:#6f879d;background:#ffffffbf;border:1px solid #d8e3ee;border-radius:999px;align-self:center;padding:.2rem .6rem;font-size:.75rem}.placeholder{text-align:center;color:#768ca0;padding:1rem}.bubble{background:#fff;border:1px solid #cfdce7b8;border-radius:10px;max-width:min(700px,82%);padding:.52rem .68rem;box-shadow:0 2px 5px #00000012}.bubble.mine{background:#effdde;border-color:#d2efbe;margin-inline-start:auto}.bubble.unread{box-shadow:0 0 0 2px #2ea6ff2e}.bubble.search-hit{box-shadow:0 0 0 2px #ffc10740}.bubble.search-hit-active{box-shadow:0 0 0 2px #ff9800a6}.unread-separator{color:#1f6bb0;background:#d6eeffeb;border:1px solid #b9dbf8;border-radius:999px;align-self:center;margin:.2rem 0 .35rem;padding:.16rem .55rem;font-size:.72rem}.bubble-text{white-space:pre-wrap;color:#1f2f3f;line-height:1.5}.bubble-media-grid{gap:.35rem;margin-bottom:.35rem;display:grid}.bubble-media{object-fit:cover;background:#fff;border:1px solid #d6e1ec;border-radius:10px;width:min(360px,100%);max-height:320px}.bubble-author{color:#2476cc;font-size:.8rem;font-weight:700}.bubble-head{align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.bubble-author-avatar{color:#fff;background:#4d6b88;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.68rem;display:grid;overflow:hidden}.bubble-author-avatar img{object-fit:cover;width:100%;height:100%}.avatar-upload-row{background:#f7fbff;border:1px dashed #c6d9ea;border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.avatar-file-btn{color:#225987;cursor:pointer;background:#fff;border:1px solid #c8dcef;border-radius:10px;padding:.42rem .75rem;font-size:.84rem;font-weight:600}.avatar-file-btn:hover{background:#eef6ff}.avatar-file-btn input{display:none}.profile-save-btn{min-width:170px;font-size:.92rem}.bubble-meta{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.3rem;display:flex}.bubble-time{color:#7f94a8;font-size:.72rem}.private-read{color:#95a8bb;letter-spacing:-1px;font-size:.72rem;font-weight:700}.private-read.seen{color:#28a8ff}.bubble-action{color:#35516b;cursor:pointer;background:#f8fbff;border:1px solid #d6e3ef;border-radius:999px;align-items:center;gap:.22rem;padding:.15rem .55rem;font-size:.72rem;display:inline-flex}.bubble-action.icon{border-radius:8px;justify-content:center;width:26px;height:26px;padding:0;font-size:.95rem}.bubble-action.liked{color:#1f70c4;background:#e9f3ff;border-color:#8ac0ff}.bubble-action.danger{color:#b33838;background:#fff4f4;border-color:#efc3c3}.bubble-actions-menu{position:relative}.bubble-actions-popover{inset-inline-end:0;z-index:8;background:#fff;border:1px solid #d6e3ef;border-radius:10px;gap:.15rem;min-width:108px;padding:.2rem;display:grid;position:absolute;top:calc(100% + 4px);box-shadow:0 8px 20px #142d4926}.bubble-pop-item{color:#2e4a63;text-align:right;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .45rem;font-size:.78rem}.bubble-pop-item:hover{background:#eef5fc}.bubble-pop-item.danger{color:#b33838}.bubble-pop-item.danger:hover{background:#fff1f1}.bubble-edit-wrap{gap:.4rem;display:grid}.bubble-edit-input{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #cfddeb;border-radius:10px;min-height:68px;padding:.45rem .6rem}.bubble-edit-actions{justify-content:flex-start;gap:.35rem;display:flex}.icon-heart{color:#e53935;font-size:.82rem;line-height:1}.icon-comment{font-size:.78rem;line-height:1}.composer{z-index:3;background:#f8fbfe;border-top:1px solid #dce5ee;gap:.55rem;min-width:0;padding:.75rem .9rem;display:flex;position:sticky;bottom:0}.composer-attach{color:#3a6e9d;cursor:pointer;background:#f1f7fd;border:1px solid #cddbe8;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;font-weight:700;display:grid}.composer-attach input{display:none}.composer-voice{color:#2f5f8b;cursor:pointer;background:#eef6ff;border:1px solid #cddbe8;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;display:grid}.composer-voice.recording{color:#fff;background:#e53935;border-color:#d32f2f}.composer-media-preview{background:#f8fbfe;gap:.45rem;padding:.5rem .9rem 0;display:flex;overflow-x:auto}.composer-media-item{background:#fff;border:1px solid #d5e2ef;border-radius:8px;width:62px;min-width:62px;height:62px;position:relative;overflow:hidden}.composer-media-item img{object-fit:cover;width:100%;height:100%}.composer-media-item audio{width:100%;height:100%}.composer-file-generic{color:#426585;place-items:center;width:100%;height:100%;font-size:.78rem;display:grid}.composer-media-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;width:20px;height:20px;line-height:1;position:absolute;top:2px;left:2px}.composer input{min-width:0;font:inherit;border:1px solid #d1dde8;border-radius:20px;flex:1;padding:.66rem .95rem}.bubble-audio{width:min(320px,85vw)}.status-error{color:#9e2b2b;background:#ffe7e7;border-radius:8px;margin:0 .9rem .8rem;padding:.55rem .7rem;font-size:.84rem}.status-info{color:#1a5f96;background:#e8f4ff;border-radius:8px;margin:0 .9rem .5rem;padding:.5rem .7rem;font-size:.82rem}.pwa-update-banner{color:#0f2a43;background:#e7f3ff;border:1px solid #b6d8ff;border-radius:10px;justify-content:space-between;align-items:center;gap:.7rem;margin:0 .9rem .8rem;padding:.6rem .7rem;display:flex}.modal-backdrop{z-index:50;background:#06121d99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d9e4ef;border-radius:12px;width:min(760px,100%);max-height:90vh;overflow:auto}.modal-head{border-bottom:1px solid #e7eef5;justify-content:space-between;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.modal-head h3{color:#17212b;margin:0}.modal-body{padding:1rem}.grid-2{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.grid-2.compact-grid{margin-bottom:.7rem}.grid-2 label{color:#3d556d;gap:.35rem;font-size:.88rem;display:grid}.grid-2 input,.grid-2 select{font:inherit;border:1px solid #d5e1ec;border-radius:8px;padding:.62rem .72rem}.row-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.editor-section{background:#fbfdff;border:1px solid #e3ebf3;border-radius:10px;padding:.7rem}.editor-section h4,.editor-section h5{color:#26415c;margin:0 0 .65rem}.editor-subsection{border:1px dashed #d7e4f0;border-radius:8px;margin-bottom:.6rem;padding:.55rem}.editor-section textarea,.editor-section select[multiple],.editor-section input,.editor-section select{width:100%;font:inherit;border:1px solid #d5e1ec;border-radius:8px;padding:.58rem .68rem}.editor-section select[multiple]{min-height:120px}.comment-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.comment-head small{color:#7590a8}.comment-report-text{background:#f4f9ff;border:1px solid #dce9f7;border-radius:8px;margin:0;padding:.55rem .65rem}.comments-list{gap:.5rem;max-height:300px;display:grid;overflow:auto}.comment-item{background:#fff;border:1px solid #e0e9f2;border-radius:8px;gap:.35rem;padding:.5rem .6rem;display:grid}.comment-input{font:inherit;border:1px solid #d6e2ee;border-radius:999px;flex:1;padding:.55rem .8rem}.like-btn{align-items:center;gap:.35rem;display:inline-flex}.like-btn.liked{color:#b42318;background:#ffe9e8;border:1px solid #fcc}.like-users{color:#2a4259;background:#f8fbff;border:1px solid #e5edf6;border-radius:8px;gap:.25rem;padding:.5rem .65rem;display:grid}.profile-sheet{gap:.9rem;display:grid}.profile-top{align-items:center;gap:.75rem;display:flex}.profile-avatar{width:52px;min-width:52px;height:52px}.profile-name{color:#17212b;font-size:1.06rem;font-weight:700}.profile-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.info-row{border:1px solid #e0e9f2;border-radius:8px;gap:.3rem;padding:.55rem .65rem;display:grid}.info-row span{color:#607992;font-size:.78rem}.info-row strong{color:#17212b;font-size:.9rem}@media (width<=1160px){.telegram-app{grid-template-columns:290px 250px 1fr}}@media (width<=920px){.telegram-app{height:100dvh;grid-template-columns:1fr;width:100%;max-width:100%;height:-webkit-fill-available;min-height:100vh;position:relative;overflow:hidden}.groups-panel,.projects-panel,.chat-panel{will-change:transform;width:100%;max-width:100%;height:100%;max-height:none;transition:transform .26s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.chat-header{flex-wrap:wrap;row-gap:.45rem}.chat-header-title{flex:auto;min-width:0}.message-search{width:100%;min-width:0;margin-inline-start:0}.message-search input{width:100%;min-width:0}.search-count{min-width:34px}.composer{gap:.35rem;padding:.55rem .6rem}.telegram-app.mobile-view-groups .groups-panel{pointer-events:auto;transform:translate(0)}.telegram-app.mobile-view-groups .projects-panel,.telegram-app.mobile-view-groups .chat-panel{pointer-events:none;transform:translate(-100%)}.telegram-app.mobile-view-projects .groups-panel{pointer-events:none;transform:translate(100%)}.telegram-app.mobile-view-projects .projects-panel{pointer-events:auto;transform:translate(0)}.telegram-app.mobile-view-projects .chat-panel{pointer-events:none;transform:translate(-100%)}.telegram-app.mobile-view-chat .groups-panel,.telegram-app.mobile-view-chat .projects-panel{pointer-events:none;transform:translate(100%)}.telegram-app.mobile-view-chat .chat-panel{pointer-events:auto;transform:translate(0)}.grid-2,.profile-grid{grid-template-columns:1fr}}