:root{--navy:#073b82;--blue:#0b63a8;--cyan:#12bfc5;--ink:#17344f;--muted:#718596;--border:#dce7ee;--green:#25d366;--bg:#eef4f6}
.cgscp-app,.cgscp-auth,.cgscp-app *,.cgscp-auth *{box-sizing:border-box}.cgscp-app{width:min(100%,1320px);margin:22px auto;overflow:hidden;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 70px rgba(7,59,130,.13);font-family:inherit}.cgscp-success{padding:10px 18px;color:#067647;background:#ecfdf3;border-bottom:1px solid #abefc6;font-size:12px;font-weight:700;text-align:center}
.cgscp-top,.cgscp-title,.cgscp-top-actions,.cgscp-user,.cgscp-side-head,.cgscp-chat-head,.cgscp-card-top,.cgscp-card-bottom,.cgscp-msg-meta,.cgscp-compose-row,.cgscp-member,.cgscp-modal-actions{display:flex;align-items:center}
.cgscp-top{justify-content:space-between;gap:20px;padding:17px 22px;color:#fff;background:linear-gradient(135deg,#073b82,#0a5d9f 56%,#14acb9)}.cgscp-title{gap:13px}.cgscp-title>i{width:14px;height:14px;background:#64f0df;border:3px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 7px rgba(100,240,223,.1)}.cgscp-title span{display:flex;flex-direction:column}.cgscp-title small{color:#adf8f2;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.cgscp-title strong{margin-top:3px;color:#fff;font-size:29px;line-height:1}.cgscp-top-actions{gap:9px}.cgscp-sound,.cgscp-user,.cgscp-logout{min-height:43px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px}.cgscp-sound{padding:9px 11px;cursor:pointer;font-size:10px;font-weight:800}.cgscp-user{gap:9px;padding:6px 10px;cursor:pointer;text-align:left}.cgscp-user img{width:37px;height:37px;object-fit:cover;border:2px solid rgba(255,255,255,.45);border-radius:50%}.cgscp-user span{display:flex;min-width:0;flex-direction:column}.cgscp-user b{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cgscp-user small{color:rgba(255,255,255,.7);font-size:9px}.cgscp-logout{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:11px;font-weight:800;text-decoration:none}.cgscp-logout:hover{color:var(--navy);background:#fff}
.cgscp-layout{display:grid;min-height:720px;grid-template-columns:345px minmax(0,1fr)}.cgscp-side{min-width:0;padding:16px 12px;background:#f7f8f9;border-right:1px solid var(--border)}.cgscp-side-head{justify-content:space-between;padding:0 7px 12px}.cgscp-side-head span{display:flex;flex-direction:column}.cgscp-side-head small{color:#0895a3;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.cgscp-side-head b{margin-top:3px;font-size:22px}.cgscp-side-head button{width:38px;height:38px;color:var(--blue);background:#fff;border:1px solid var(--border);border-radius:10px;cursor:pointer}.cgscp-search{position:relative;display:block;margin:0 5px 10px}.cgscp-search span{position:absolute;top:50%;left:14px;color:#8da0ae;transform:translateY(-50%)}.cgscp-search input{width:100%;min-height:45px;padding:10px 14px 10px 41px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:999px;outline:none}.cgscp-search input:focus,.cgscp-compose-row textarea:focus,.cgscp-auth input:focus,.cgscp-modal input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,191,197,.13)}
.cgscp-filters{display:flex;gap:7px;margin:0 5px 12px}.cgscp-filters button{display:inline-flex;min-height:33px;align-items:center;gap:5px;padding:6px 11px;color:#36546a;background:#edf2f4;border:1px solid #d9e4e9;border-radius:999px;cursor:pointer;font-size:10px;font-weight:700}.cgscp-filters button.active{color:#08766f;background:#def7ef;border-color:#b7e6d6}.cgscp-filters i{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;color:#fff;background:var(--green);border-radius:999px;font-size:9px;font-style:normal}.cgscp-inbox{display:grid;gap:2px;max-height:610px;overflow-y:auto}.cgscp-card{display:flex;width:100%;gap:11px;align-items:flex-start;padding:11px 9px;color:inherit;background:transparent;border:0;border-radius:13px;cursor:pointer;text-align:left}.cgscp-card:hover{background:#edf1f3}.cgscp-card.active{background:#e7ebee}.cgscp-card-avatar{flex:0 0 49px;display:flex;width:49px;height:49px;align-items:center;justify-content:center}.cgscp-card-avatar img,.cgscp-group-avatar{width:49px;height:49px;border-radius:50%}.cgscp-card-avatar img{object-fit:cover}.cgscp-group-avatar{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:14px;font-weight:800}.cgscp-card-copy{min-width:0;flex:1}.cgscp-card-top,.cgscp-card-bottom{justify-content:space-between;gap:8px}.cgscp-card-top b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.cgscp-card-top time{flex:0 0 auto;color:#6e8799;font-size:9px}.cgscp-card-bottom{margin-top:5px}.cgscp-card-bottom small{overflow:hidden;min-width:0;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cgscp-card-bottom i{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 6px;color:#fff;background:var(--green);border-radius:999px;font-size:9px;font-style:normal;font-weight:800}.cgscp-state,.cgscp-empty{display:flex;min-height:150px;align-items:center;justify-content:center;padding:24px;color:var(--muted);background:rgba(255,255,255,.75);border:1px dashed var(--border);border-radius:13px;font-size:12px;text-align:center}.cgscp-state.error,.cgscp-empty.error{color:#b42318;background:#fff4f2;border-color:#fecdca}
.cgscp-chat{display:flex;min-width:0;min-height:720px;flex-direction:column;background:#fff}.cgscp-chat-head{position:relative;min-height:80px;gap:12px;padding:14px 18px;background:#f0f2f5;border-bottom:1px solid var(--border)}.cgscp-back{display:none;width:36px;height:36px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:9px;font-size:24px}.cgscp-thread-avatar{flex:0 0 49px;display:flex;width:49px;height:49px;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:50%;font-weight:800}.cgscp-thread-avatar img,.cgscp-thread-avatar .cgscp-group-avatar{width:100%;height:100%;object-fit:cover}.cgscp-thread-copy{display:flex;min-width:0;flex:1;flex-direction:column}.cgscp-thread-copy b{font-size:18px}.cgscp-thread-copy small{overflow:hidden;margin-top:4px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cgscp-private{padding:8px 10px;color:#0e756f;background:#ebfcfa;border:1px solid #c1efea;border-radius:999px;font-size:9px;font-weight:800}.cgscp-menu-btn{width:37px;height:37px;color:#4f687b;background:transparent;border:0;border-radius:50%;cursor:pointer;font-size:22px}.cgscp-menu-btn:hover{background:#e3e8eb}.cgscp-menu{position:absolute;top:58px;right:16px;z-index:40;display:none;min-width:170px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(24,52,79,.15)}.cgscp-menu.open{display:grid}.cgscp-menu button{padding:10px 11px;color:var(--ink);background:transparent;border:0;border-radius:7px;cursor:pointer;font-size:11px;text-align:left}.cgscp-menu button:hover{background:#f1f5f7}.cgscp-menu button[hidden]{display:none}.cgscp-block-note{display:none;padding:10px 15px;color:#854d0e;background:#fff7ed;border-bottom:1px solid #fed7aa;font-size:11px;text-align:center}.cgscp-block-note.show{display:block}.cgscp-block-note.warn{color:#b42318;background:#fff4f2;border-color:#fecdca}
.cgscp-messages{display:flex;min-height:470px;max-height:555px;flex:1;flex-direction:column;gap:13px;overflow-y:auto;padding:20px 18px;background:linear-gradient(rgba(238,244,246,.92),rgba(238,244,246,.92)),radial-gradient(circle at 20% 10%,rgba(18,191,197,.12),transparent 28%)}.cgscp-msg{position:relative;display:flex;max-width:min(76%,720px);flex-direction:column}.cgscp-msg.mine{align-self:flex-end;align-items:flex-end}.cgscp-msg.other{align-self:flex-start;align-items:flex-start}.cgscp-msg-meta{gap:6px;margin-bottom:4px}.cgscp-msg.mine .cgscp-msg-meta{flex-direction:row-reverse}.cgscp-msg-meta img{width:25px;height:25px;object-fit:cover;border-radius:50%}.cgscp-msg-meta span{display:flex;flex-direction:column}.cgscp-msg.mine .cgscp-msg-meta span{text-align:right}.cgscp-msg-meta b{font-size:9px}.cgscp-msg-meta small{color:#8fa0ac;font-size:8px}.cgscp-msg-reply{position:absolute;top:24px;width:27px;height:27px;color:#60798b;background:#fff;border:1px solid var(--border);border-radius:50%;box-shadow:0 5px 14px rgba(24,52,79,.1);cursor:pointer;opacity:0}.cgscp-msg.mine .cgscp-msg-reply{right:calc(100% + 7px)}.cgscp-msg.other .cgscp-msg-reply{left:calc(100% + 7px)}.cgscp-msg:hover .cgscp-msg-reply{opacity:1}.cgscp-bubble{width:100%;padding:11px 13px;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.cgscp-msg.mine .cgscp-bubble{color:#fff;background:linear-gradient(135deg,#0a62a7,#10aebb);border-radius:15px 15px 4px 15px;box-shadow:0 7px 18px rgba(7,89,156,.15)}.cgscp-msg.other .cgscp-bubble{color:var(--ink);background:#fff;border:1px solid #dbe6eb;border-radius:15px 15px 15px 4px;box-shadow:0 4px 12px rgba(24,52,79,.05)}.cgscp-quote{display:grid;gap:2px;margin-bottom:8px;padding:7px 9px;color:var(--ink);background:rgba(255,255,255,.78);border-left:3px solid var(--cyan);border-radius:7px}.cgscp-msg.other .cgscp-quote{background:#f1f6f8}.cgscp-quote b{color:#0895a3;font-size:9px}.cgscp-quote small{overflow:hidden;color:#60798b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cgscp-img{display:block;margin-top:8px}.cgscp-img img{display:block;max-width:min(360px,100%);max-height:280px;object-fit:cover;border-radius:10px}.cgscp-doc{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;margin-top:8px;padding:9px;color:inherit;background:rgba(255,255,255,.84);border-radius:9px;text-decoration:none}.cgscp-doc span{grid-row:1/3;font-size:24px}.cgscp-doc b{overflow:hidden;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cgscp-doc small{color:#718596;font-size:8px}
.cgscp-composer{padding:12px 16px 14px;background:#f0f2f5;border-top:1px solid var(--border)}.cgscp-reply-preview{display:none;justify-content:space-between;gap:12px;margin-bottom:9px;padding:9px 11px;background:#fff;border-left:4px solid var(--cyan);border-radius:8px}.cgscp-reply-preview.show{display:flex}.cgscp-reply-preview span{display:grid;min-width:0;gap:2px}.cgscp-reply-preview b{color:#0895a3;font-size:10px}.cgscp-reply-preview small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cgscp-reply-preview button{color:#718596;background:transparent;border:0;cursor:pointer;font-size:20px}.cgscp-file-preview{display:flex;gap:7px;overflow-x:auto;margin-bottom:8px}.cgscp-file-preview>span{display:flex;min-width:130px;flex-direction:column;padding:7px 9px;background:#fff;border:1px solid var(--border);border-radius:8px}.cgscp-file-preview b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cgscp-file-preview small{color:var(--muted);font-size:8px}.cgscp-compose-row{gap:9px}.cgscp-attach{display:inline-flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;color:#506c80;background:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer;font-size:22px}.cgscp-attach input{display:none}.cgscp-compose-row textarea{min-height:48px;max-height:150px;flex:1;padding:13px 15px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:16px;outline:none;resize:vertical}.cgscp-send{flex:0 0 43px;width:43px;height:43px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border:0;border-radius:50%;box-shadow:0 8px 18px rgba(7,89,156,.2);cursor:pointer}.cgscp-send:disabled,.cgscp-attach:has(input:disabled){opacity:.45;cursor:not-allowed}.cgscp-composer>small{display:block;margin:7px 0 0 52px;color:var(--muted);font-size:8px}.cgscp-toast{position:fixed;right:22px;bottom:22px;z-index:100000;max-width:360px;padding:12px 15px;color:#fff;background:#067647;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s}.cgscp-toast.show{opacity:1;transform:translateY(0)}.cgscp-toast.error{background:#b42318}
.cgscp-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(6,28,50,.55)}.cgscp-modal.open{display:flex}.cgscp-modal-box{position:relative;width:min(100%,500px);max-height:88vh;overflow-y:auto;padding:27px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.22);text-align:center}.cgscp-modal-box.group{text-align:left}.cgscp-close{position:absolute;top:13px;right:14px;color:#718596;background:transparent;border:0;cursor:pointer;font-size:25px}.cgscp-modal-box>small{color:#0895a3;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.cgscp-modal-box h3{margin:5px 0 19px;color:var(--navy);font-size:23px}.cgscp-profile-preview{display:block;width:150px;height:150px;margin:0 auto 17px;object-fit:cover;border:5px solid #eaf3f7;border-radius:50%}.cgscp-modal-box input[type=file]{width:100%;margin-bottom:17px;padding:10px;background:#f7fafb;border:1px solid var(--border);border-radius:9px}.cgscp-modal-box label{display:grid;gap:7px;margin-bottom:12px;font-size:11px;font-weight:800}.cgscp-modal-box input[type=text],.cgscp-modal-box input[type=search]{width:100%;min-height:45px;padding:10px 12px;color:var(--ink);background:#fbfdfe;border:1px solid var(--border);border-radius:9px;outline:none}.cgscp-members{display:grid;gap:5px;max-height:320px;overflow-y:auto;padding:5px;background:#f7fafb;border:1px solid var(--border);border-radius:10px}.cgscp-member{gap:10px;padding:8px;background:#fff;border-radius:8px;cursor:pointer}.cgscp-member img{width:36px;height:36px;object-fit:cover;border-radius:50%}.cgscp-member span{display:flex;min-width:0;flex-direction:column}.cgscp-member b{font-size:11px}.cgscp-member small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cgscp-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px}.cgscp-modal-actions button{min-height:42px;padding:9px 15px;border-radius:9px;cursor:pointer;font-size:11px;font-weight:800}.cgscp-modal-actions .primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border:0}.cgscp-modal-actions button:not(.primary){color:var(--ink);background:#fff;border:1px solid var(--border)}
.cgscp-auth{position:relative;width:min(100%,520px);margin:45px auto;overflow:hidden;padding:37px 33px 29px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:21px;box-shadow:0 24px 65px rgba(7,59,130,.14);font-family:inherit}.cgscp-auth-line{position:absolute;top:0;right:0;left:0;height:7px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--cyan))}.cgscp-auth>small{display:block;color:#0895a3;font-size:10px;font-weight:800;letter-spacing:1.2px;text-align:center;text-transform:uppercase}.cgscp-auth h2{margin:8px 0;color:var(--navy);font-size:30px;text-align:center}.cgscp-auth>p{margin:0 auto 23px;color:var(--muted);font-size:12px;text-align:center}.cgscp-auth-notice{margin-bottom:16px;padding:10px 12px;border-radius:9px;font-size:10px;font-weight:700}.cgscp-auth-notice.error{color:#b42318;background:#fff4f2;border:1px solid #fecdca}.cgscp-auth-notice.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.cgscp-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px;padding:5px;background:#f1f6f8;border:1px solid var(--border);border-radius:11px}.cgscp-auth-tabs button{min-height:39px;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800}.cgscp-auth-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 4px 14px rgba(7,59,130,.09)}.cgscp-auth section{display:none}.cgscp-auth section.active{display:block}.cgscp-auth form{display:grid;gap:13px}.cgscp-auth label{display:grid;gap:6px;font-size:10px;font-weight:800}.cgscp-auth input{width:100%;min-height:46px;padding:10px 12px;color:var(--ink);background:#fbfdfe;border:1px solid var(--border);border-radius:9px;outline:none}.cgscp-auth .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cgscp-auth .remember{display:flex!important;align-items:center;gap:7px!important;font-weight:600!important}.cgscp-auth .remember input{width:auto;min-height:0}.cgscp-auth button[type=submit]{min-height:47px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue),var(--cyan));border:0;border-radius:9px;cursor:pointer;font-size:11px;font-weight:800}.cgscp-auth .trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.cgscp-alert{max-width:720px;margin:30px auto;padding:15px 17px;color:#7a2e0e;background:#fff7ed;border:1px solid #fed7aa;border-radius:11px}
@media(max-width:940px){.cgscp-top{align-items:flex-start;flex-direction:column}.cgscp-top-actions{width:100%}.cgscp-user{flex:1}.cgscp-layout{grid-template-columns:315px minmax(0,1fr)}}
@media(max-width:720px){.cgscp-app{min-height:720px;margin:14px auto;border-radius:15px}.cgscp-top-actions{align-items:stretch;flex-direction:column}.cgscp-sound,.cgscp-user,.cgscp-logout{width:100%}.cgscp-layout{display:block;min-height:620px}.cgscp-side,.cgscp-chat{min-height:620px}.cgscp-chat{display:none}.cgscp-app.mobile-chat-open .cgscp-side{display:none}.cgscp-app.mobile-chat-open .cgscp-chat{display:flex}.cgscp-back{display:inline-flex;align-items:center;justify-content:center}.cgscp-side{border-right:0}.cgscp-messages{min-height:410px;max-height:470px;padding:16px 13px}.cgscp-msg{max-width:91%}.cgscp-private{display:none}.cgscp-msg-reply{opacity:1}.cgscp-auth .two{grid-template-columns:1fr}.cgscp-auth{margin:22px auto;padding:34px 18px 25px}}

.cgscp-img-wrap{display:grid;gap:6px;margin-top:8px}.cgscp-img-wrap .cgscp-img{margin-top:0}.cgscp-file-download{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 9px;color:#0b63a8;background:rgba(255,255,255,.9);border:1px solid #dce7ee;border-radius:7px;font-size:9px;font-weight:800;text-decoration:none}.cgscp-msg.mine .cgscp-file-download{color:#073b82}.cgscp-download.downloading{opacity:.55;pointer-events:none}.cgscp-doc.cgscp-download{cursor:pointer}