:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172443;background:#f6f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid #679bd9;outline-offset:2px}h1,h2,p{margin-top:0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#8490a6;margin-bottom:10px}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 80% 12%,#dee7f5 0,transparent 35%),linear-gradient(145deg,#f8f6f2,#eef2f7)}.login-card{width:min(100%,440px);padding:36px 40px 32px;background:white;box-shadow:0 28px 85px #14284c20;border-radius:26px;border:1px solid #e5e9f0;text-align:center}.logo-circle{height:104px;width:104px;margin:0 auto 15px;border-radius:25px;overflow:hidden;box-shadow:0 5px 20px #0f254214}.logo-circle img{width:100%;height:100%;object-fit:cover}.login-card h1{font-size:29px;margin-bottom:7px;letter-spacing:-.8px}.subheading{color:#70809b;margin-bottom:29px}.login-card form{text-align:left;display:grid;gap:9px}.login-card label{font-size:13px;font-weight:800;color:#3d4a61;margin-top:7px}.login-card input{border:1px solid #d8e0ea;border-radius:11px;padding:15px 14px;color:#172443;width:100%;background:#fafbfd}.login-card input:focus{border-color:#2a598f}.primary-button{border:0;border-radius:12px;background:#12274b;color:white;padding:15px;font-weight:800;margin-top:14px}.primary-button:hover{background:#243f6c}.primary-button:disabled{opacity:.6;cursor:wait}.form-error{color:#a82f3d;font-size:13px;background:#fff0f1;padding:10px;border-radius:8px;margin:4px 0}.footnote{font-size:12px;color:#8290a1;line-height:1.6;margin:20px 0 0}.dashboard{height:100dvh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{background:#10203f;color:#fff;display:flex;flex-direction:column;padding:23px 15px;min-width:0}.brand-header{display:flex;align-items:center;gap:12px;margin:4px 5px 35px}.brand-header img{height:49px;width:49px;object-fit:cover;border-radius:13px}.brand-header b{font-size:16px;display:block;white-space:nowrap}.brand-header small{font-size:11px;color:#a4b2cd;display:block;margin-top:3px}.nav-title{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8597b4;margin:0 12px 10px}.second-title{margin-top:27px}.nav-link,.channel-link{border:0;color:#ccd7eb;background:transparent;border-radius:12px;width:100%;padding:12px 11px;display:flex;gap:11px;align-items:center;text-align:left;font-weight:650}.nav-link.active,.channel-link.active{background:#2a4168;color:#fff}.nav-emoji{font-size:20px;min-width:31px;text-align:center}.nav-count{margin-left:auto;background:#496389;padding:2px 7px;border-radius:12px;font-size:12px}.channel-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:white;font-size:20px;font-weight:850;flex-shrink:0}.telegram{background:#289bd8}.max{background:#6954c7}.vk{background:#1975dd}.mail{background:#f3a94b;color:#302516}.channel-link{padding:8px 11px}.channel-link .small{display:block;font-size:10px;font-weight:500;color:#a4b2cd;margin-top:3px}.sidebar-bottom{margin-top:auto;border-top:1px solid #334665;padding:18px 8px 0;display:flex;align-items:center;gap:8px}.user-chip{display:flex;gap:9px;align-items:center;min-width:0;flex:1}.user-chip b,.user-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip b{font-size:14px}.user-chip small{font-size:11px;color:#9fafc9;margin-top:3px}.user-avatar{background:#d8c09f;color:#25344d;height:36px;width:36px;border-radius:11px;display:grid;place-items:center;font-weight:900}.logout{background:none;border:1px solid #506487;color:#dae3f2;padding:8px;border-radius:9px;font-size:12px}.main-area{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 30px 16px}.topbar h1{font-size:29px;letter-spacing:-.7px;margin:0}.top-actions{display:flex;align-items:center;gap:15px}.secure-pill{font-size:12px;color:#3c876e;background:#e5f3ec;border-radius:15px;padding:8px 11px}.secondary-button{border:1px solid #cdd7e7;border-radius:10px;background:white;padding:10px 14px;color:#23395d;font-weight:750}.notice{margin:0 30px 19px;background:#fff4d8;border:1px solid #f5e2b7;border-radius:12px;padding:12px 15px;color:#8a672c;font-size:13px;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);margin:0 30px 17px;border:1px solid #e0e5ec;background:white;flex:1;min-height:0;overflow:hidden;border-radius:17px;box-shadow:0 8px 30px #1b355111}.chat-column{border-right:1px solid #e6ebf1;display:flex;flex-direction:column;min-height:0}.chat-column-top{padding:19px;border-bottom:1px solid #edf0f4}.chat-column-top h2{font-size:18px;display:flex;align-items:center;gap:9px}.chat-column-top h2 span{font-size:12px;padding:3px 8px;border-radius:15px;background:#e9eef5;color:#587092}.chat-column-top input{background:#f7f8fb;border:1px solid #e0e5ee;width:100%;padding:11px 12px;border-radius:10px;font-size:13px}.chat-list{overflow:auto;flex:1}.chat-row{border:0;background:#fff;padding:16px 17px;width:100%;display:flex;gap:12px;text-align:left;border-bottom:1px solid #f0f2f5;color:#182c4b}.chat-row.active{background:#edf5fe}.chat-row:hover{background:#f7f9fd}.chat-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#dde8f2;color:#29466c;font-weight:900;flex-shrink:0}.chat-row-body{min-width:0;flex:1}.chat-row-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:800}.chat-row-time{font-size:11px;color:#7d8ea5;font-weight:500}.chat-row-preview{font-size:12px;color:#7c889b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.chat-row-channel{font-size:11px;color:#466a9a;font-weight:700}.empty-list{padding:34px 22px;text-align:center;color:#7b899d;font-size:14px;line-height:1.7}.empty-list strong{display:block;font-size:17px;color:#344763;margin-bottom:9px}.thread-column{min-height:0;display:flex;flex-direction:column}.empty-thread{margin:auto;max-width:410px;text-align:center;color:#8090a6;padding:30px}.empty-thread .illustration{font-size:42px;background:#eaf0f7;display:inline-grid;place-items:center;width:84px;height:84px;border-radius:24px;color:#3c5c86;margin-bottom:23px}.empty-thread h2{font-size:20px;color:#263c5c}.empty-thread p{font-size:14px;line-height:1.7}.thread-head{padding:17px 21px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;gap:13px}.thread-head h2{font-size:17px;margin:0}.thread-head small{color:#7385a0;margin-top:3px;display:block}.thread-messages{overflow:auto;flex:1;padding:25px 22px;background:#fbfcfe}.bubble{max-width:80%;padding:12px 15px;border-radius:15px;margin-bottom:13px;background:#ecf1f8;color:#253650;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#dcebf9}.bubble-time{font-size:10px;color:#71839d;margin-top:5px}.thread-footer{padding:18px;border-top:1px solid #e4eaf1;background:white}.thread-footer p{margin:0;font-size:12px;color:#8190a6}.footer-bar{font-size:11px;color:#91a0b3;padding:0 30px 16px}.error-line{padding:16px;color:#ad394b}.back-button{display:none}
.mobile-logout{display:none}
@media(max-width:900px){.dashboard{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:17px 9px}.brand-header{margin-bottom:26px}.brand-header b{font-size:14px}.secure-pill{display:none}.workspace{grid-template-columns:280px minmax(0,1fr);margin:0 15px 14px}.topbar{padding:21px 15px 13px}.notice{margin:0 15px 14px}.footer-bar{padding:0 15px 12px}}
@media(max-width:680px){.dashboard{height:100dvh;display:flex;flex-direction:column}.sidebar{flex-direction:column;padding:9px 12px 10px}.brand-header{margin:0;gap:8px}.brand-header img{height:37px;width:37px;border-radius:9px}.brand-header b{font-size:14px}.brand-header small{display:none}.nav-title,.second-title,.nav-link,.sidebar-bottom{display:none}.channel-nav{display:flex;gap:6px;overflow:auto;padding-top:10px}.channel-link{min-width:75px;flex-direction:column;gap:3px;padding:6px;border-radius:10px;text-align:center;align-items:center}.channel-icon{height:32px;width:32px;font-size:16px}.channel-link .small{display:none}.channel-link .channel-label{font-size:10px}.main-area{flex:1;min-height:0}.topbar{padding:14px 16px 10px}.topbar h1{font-size:22px}.topbar .eyebrow{display:none}.secondary-button{font-size:12px;padding:7px 9px}.notice{font-size:11px;margin:0 12px 10px;padding:9px}.workspace{display:flex;flex:1;margin:0 0 0;border-radius:13px 13px 0 0;border-left:0;border-right:0;border-bottom:0}.chat-column{width:100%;border:0}.chat-column.hide-mobile{display:none}.thread-column{display:none;width:100%}.thread-column.mobile-visible{display:flex}.thread-head{padding:11px 13px}.back-button{display:inline-block;border:0;background:#edf1f6;padding:8px 11px;border-radius:9px;color:#2a4264}.footer-bar{display:none}.login-card{padding:30px 25px}.empty-thread h2{font-size:18px}}
@media(max-width:680px){.mobile-logout{display:inline-block}}