body,html,#root{width:100%;height:100%}:root{--primary-color:#07c160;--bg-color:#f5f5f5;--sidebar-bg:#2e2e2e;--chat-bg:#ededed;--text-main:#333;--text-muted:#999;--bubble-mine:#95ec69;--bubble-other:#fff;--border-color:#ddd}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.action-btn{white-space:nowrap;padding:6px 10px;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#f0f2f5;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{height:100%;overflow:hidden}.app{background:#fff;flex-direction:column;width:100%;height:100%;margin:0;display:flex;overflow:hidden}header{background:#f8f8f8;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.header-left{flex:1;align-items:center;gap:12px;display:flex}.header-center{flex:2;justify-content:center;align-items:center;display:flex}.current-channel{color:#333;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:4px;padding:4px 12px;font-size:16px;font-weight:600;overflow:hidden}.header-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.sidebar-footer{background:#e5e5e5;border-top:1px solid #ddd;padding:12px}.sidebar-admin-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;transition:all .2s;display:flex}.sidebar-admin-btn:hover{color:#333;background:#f0f0f0;border-color:#bbb}.sidebar-admin-btn .icon{font-size:16px}.me{cursor:pointer;align-items:center;gap:10px;display:flex}.me .avatar{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.main{flex:1;display:flex;position:relative;overflow:hidden}.menu-btn{cursor:pointer;padding:5px;font-size:24px;line-height:1;display:none}.me .nickname{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.sidebar-overlay{display:none}.sidebar{background:#eee;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;width:280px;display:flex}.sidebar-search{background:#e5e5e5;border-bottom:1px solid #ddd;padding:10px}.sidebar-search input{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:6px 12px;font-size:13px}.sidebar-search input:focus{border-color:var(--primary-color)}.sidebar .users{flex:1;overflow-y:auto}.user-group{margin-bottom:5px}.group-header{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fdfdfd;border-bottom:1px solid #f0f0f0;align-items:center;gap:4px;padding:8px 15px;font-size:12px;transition:background .2s;display:flex}.group-header:hover{background:#f5f5f5}.group-arrow{color:#999;font-size:10px;transition:transform .2s;display:inline-block}.user-group.expanded .group-arrow{transform:rotate(90deg)}.group-name{flex:1}.group-count{color:#bbb;font-size:11px}.user-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;width:100%;padding:12px 15px;transition:background .2s;display:flex}.user-item.offline .avatar{filter:grayscale();opacity:.6}.user-item.offline .nickname{color:#999}.user-item .status-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.edit-contact-btn{cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;font-size:14px;transition:opacity .2s}.user-item:hover .edit-contact-btn{opacity:.6}.edit-contact-btn:hover{opacity:1!important}.user-item:hover{background:#ddd}.user-item.active{background:#c5c5c5}.user-item .avatar{border-radius:4px;flex-shrink:0;width:40px;height:40px}.user-item .info{flex:1;min-width:0}.user-item .nickname{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.status-row{align-items:center;gap:6px;margin-top:4px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:#07c160;box-shadow:0 0 4px #07c16080}.status-dot.offline{background-color:#ccc}.status-text{color:#888;margin-left:auto;font-size:11px}.user-item:not(.offline) .status-text{color:#07c160}.chat{background:var(--chat-bg);flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.msg{align-self:flex-start;gap:10px;max-width:85%;display:flex}.msg.mine{align-self:flex-end}.media-preview{border-radius:8px;flex-direction:column;max-width:300px;display:flex;overflow:hidden}.preview-content{object-fit:contain;background:#00000005;border-radius:8px;max-width:100%;max-height:400px;display:block}.preview-image{cursor:pointer;transition:opacity .2s}.preview-image:hover{opacity:.9}.preview-video{background:#000;outline:none;display:block}.video-preview-container{cursor:pointer;background:#000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-play-overlay{background:#0003;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-preview-container:hover .video-play-overlay{background:#0000004d}.play-triangle{filter:drop-shadow(0 0 10px #0000004d);border:20px solid #0000;border-left:35px solid #ffffffe6;border-right-width:0;width:0;height:0;margin-left:5px}.message-avatar{object-fit:cover;background:#eee;border-radius:4px;flex-shrink:0;width:36px;height:36px}.msg-content{flex-direction:column;min-width:0;max-width:calc(100% - 46px);display:flex}.msg.mine .msg-content{align-items:flex-end}.msg .sender-name{color:#888;margin-bottom:4px;font-size:12px}.bubble-wrapper{align-items:center;gap:8px;display:flex;position:relative}.msg.mine .bubble-wrapper{flex-direction:row-reverse}.bubble{background:var(--bubble-other);word-wrap:break-word;word-break:break-word;white-space:pre-wrap;border-radius:6px;width:fit-content;max-width:100%;padding:8px 12px;font-size:15px;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000000d}.msg:not(.mine) .bubble.voice{background:#f2f2f2;border:1px solid #e0e0e0;padding:0}.msg.mine .bubble.voice{background:#95ec69;border:1px solid #84d45d;padding:0}.voice-container{align-items:center;gap:8px;display:flex}.voice-duration-outside{color:#999;-webkit-user-select:none;user-select:none;min-width:20px;font-size:13px}.msg.mine .voice-duration-outside{text-align:right}.voice-bubble-custom{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;min-width:60px;height:38px;padding:0 12px;transition:width .2s;display:flex;position:relative}.msg.mine .voice-bubble-custom{justify-content:flex-end}.msg:not(.mine) .voice-bubble-custom{justify-content:flex-start}.voice-waves{align-items:center;width:100%;display:flex}.msg.mine .voice-waves{flex-direction:row-reverse}.wave-icon{background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:block}.msg:not(.mine) .wave-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6 9a1 1 0 0 1 1 1 5 5 0 0 1 0 4 1 1 0 1 1-1.73-1 3 3 0 0 0 0-2 1 1 0 0 1 .73-1zm3-3a1 1 0 0 1 1 1 9 9 0 0 1 0 10 1 1 0 1 1-1.73-1 7 7 0 0 0 0-8 1 1 0 0 1 .73-1zm3-3a1 1 0 0 1 1 1 13 13 0 0 1 0 16 1 1 0 1 1-1.73-1 11 11 0 0 0 0-14 1 1 0 0 1 .73-1z\" fill=\"black\" opacity=\"0.6\"/></svg>")}.msg.mine .wave-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M18 9a1 1 0 0 0-1 1 5 5 0 0 0 0 4 1 1 0 1 0 1.73-1 3 3 0 0 1 0-2 1 1 0 0 0-.73-1zm-3-3a1 1 0 0 0-1 1 9 9 0 0 0 0 10 1 1 0 1 0 1.73-1 7 7 0 0 1 0-8 1 1 0 0 0-.73-1zm-3-3a1 1 0 0 0-1 1 13 13 0 0 0 0 16 1 1 0 1 0 1.73-1 11 11 0 0 1 0-14 1 1 0 0 0-.73-1z\" fill=\"black\" opacity=\"0.6\"/></svg>")}.playing .wave-icon{animation:1s infinite voiceStepPlay}@keyframes voiceStepPlay{0%{opacity:.2}33%{opacity:.5}66%{opacity:1}to{opacity:.2}}.voice-duration,.voice-bubble{display:none}.speed-menu{z-index:1000;pointer-events:auto;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:120px;padding:10px;animation:.2s fadeIn;box-shadow:0 10px 30px #00000026}.speed-menu-title{color:#666;text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:600}.speed-options button{color:#333;cursor:pointer;text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s}.speed-options button:active{color:#fff;background:#07c160;border-color:#07c160;transform:scale(.96)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msg.mine .bubble{background:var(--bubble-mine)}.bubble:before{content:"";border:6px solid #0000;width:0;height:0;position:absolute;top:12px}.msg:not(.mine) .bubble:before{border-right-color:var(--bubble-other);left:-12px}.msg.mine .bubble:before{border-left-color:var(--bubble-mine);right:-12px}.msg .msg-time{color:#bbb;margin-top:4px;font-size:11px}.msg.mine .msg-time{text-align:right}.recall-btn{opacity:0;cursor:pointer;white-space:nowrap;background:#0000000d;border:none;border-radius:4px;padding:2px 8px;font-size:11px;transition:opacity .2s}.msg:hover .recall-btn{opacity:1}.composer{border-top:1px solid var(--border-color);background:#f5f5f5;flex-direction:column;gap:10px;padding:15px 20px;display:flex;position:relative}.toolbar{align-items:center;gap:15px;display:flex}.toolbar label,.toolbar button{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;font-size:20px;display:flex}.toolbar label:hover,.toolbar button:hover{color:var(--primary-color)}.input-area{align-items:flex-end;gap:10px;display:flex}.input-area textarea{resize:none;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:6px;outline:none;flex:1;min-height:40px;max-height:150px;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.4;transition:border-color .2s;overflow-y:hidden}.input-area textarea:focus{border-color:var(--primary-color)}.send-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;height:40px;padding:0 20px;font-weight:500}.send-btn:disabled{background:#ccc}@media (max-width:768px){.edit-contact-btn{opacity:.6;margin-right:-4px;padding:8px}.menu-btn{display:block}.sidebar{z-index:100;width:280px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}body.sidebar-open .sidebar-overlay{display:block}.msg{max-width:90%}}.modal-overlay{z-index:20000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 8px 30px #0003}.modal-header{background:#fcfcfc;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile{padding:24px 20px}.form-group{margin-bottom:15px}.form-group label{color:#666;margin-bottom:5px;font-size:14px;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border-radius:4px;flex:1;padding:10px}.btn-cancel{background:#eee;border:none}.btn-save{background:var(--primary-color);color:#fff;border:none}.uploading-bubble{border:1px solid #ddd;min-width:180px;color:#333!important;background:#f0f0f0!important;padding:12px!important}.upload-info{align-items:center;gap:8px;margin-bottom:10px;display:flex}.upload-icon{font-size:20px}.file-name{color:#333;word-break:break-all;font-size:13px}.upload-progress-container{background:#e0e0e0;border-radius:3px;height:6px;position:relative;overflow:hidden}.upload-progress-bar{background:#07c160;height:100%;transition:width .3s}.progress-text{color:#666;font-size:10px;position:absolute;top:-18px;right:0}.error-bubble{border:1px solid #ffccc7;color:#ff4d4f!important;background:#fff0f0!important;padding:10px!important}.error-info{align-items:center;gap:6px;font-size:13px;display:flex}.error-icon{font-size:16px}.uploading-overlay{display:none}.recording-overlay{z-index:2000;pointer-events:none;background:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recording-card{color:#fff;background:#000000b3;border-radius:15px;flex-direction:column;align-items:center;gap:15px;padding:25px 40px;display:flex}.recording-overlay.cancelling{background:#ff4d4f4d}.recording-text.cancelling-text{color:#ff4d4f;background:#ff4d4f1a;border-radius:4px;padding:4px 12px;font-weight:700}.recording-waves{align-items:center;gap:4px;height:20px;display:flex}.recording-waves span{background:#07c160;border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.emoji-wrapper{align-items:center;display:flex;position:relative}.emoji-picker{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;grid-template-columns:repeat(8,1fr);gap:5px;width:320px;max-width:calc(100vw - 20px);max-height:250px;margin-bottom:10px;padding:10px;display:grid;position:absolute;bottom:100%;left:0;overflow:hidden auto;box-shadow:0 4px 15px #00000026}.emoji-picker::-webkit-scrollbar{width:4px}.emoji-picker::-webkit-scrollbar-track{background:0 0}.emoji-picker::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.emoji-picker::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width:480px){.emoji-wrapper{position:static}.emoji-picker{grid-template-columns:repeat(8,1fr);margin-bottom:10px;position:absolute;box-shadow:0 -4px 15px #00000026;width:auto!important;max-width:none!important;bottom:100%!important;left:10px!important;right:10px!important}.emoji-picker span{padding:8px 4px;font-size:22px}}.emoji-picker span{cursor:pointer;text-align:center;border-radius:4px;padding:5px;font-size:20px}.emoji-picker span:hover{background:#f0f0f0}.admin-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 10px;font-size:13px}.admin-container{color:#333;background:#f0f2f5;flex:1;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.admin-sidebar{color:#fff;background:#001529;flex-direction:column;flex-shrink:0;width:200px;display:flex}.admin-sidebar-header{background:#002140;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:700;display:flex}.admin-sidebar-menu{flex:1;padding:10px 0}.admin-menu-item{cursor:pointer;color:#ffffffa6;align-items:center;gap:10px;padding:12px 20px;transition:all .3s;display:flex}.admin-menu-item:hover{color:#fff}.admin-menu-item.active{color:#fff;background:#1890ff26;border-right:3px solid #1890ff}.admin-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.admin-header{z-index:10;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 4px #00152914}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px;display:grid}.stat-item{background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.stat-label{color:#8c8c8c;font-size:14px}.stat-value{color:#1a1a1a;font-size:28px;font-weight:700}.admin-card{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000000d}.admin-card-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.header-title{align-items:center;gap:10px;display:flex}.header-title h3{color:#1a1a1a;border-left:4px solid #1890ff;padding-left:12px;font-size:16px;margin:0!important}.count-tag{color:#1890ff;background:#e6f7ff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.search-box{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;align-items:center;padding:0 10px;transition:all .3s;display:flex}.search-box:focus-within{background:#fff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.search-icon{color:#bfbfbf;margin-right:8px}.search-box input{background:0 0;border:none;outline:none;width:180px;padding:8px 0;font-size:14px}.user-info-cell{align-items:center;gap:12px;display:flex}.user-avatar-sm{object-fit:cover;background:#f0f0f0;border-radius:4px;flex-shrink:0;width:40px;height:40px}.user-nickname{color:#333;font-weight:500}.user-id-code{color:#666;text-overflow:ellipsis;white-space:nowrap;background:#f5f5f5;border-radius:4px;max-width:150px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;display:inline-block;overflow:hidden}.status-badges{flex-wrap:wrap;gap:4px;display:flex}.admin-table-container{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:12px 16px}.admin-table th{color:#1a1a1a;white-space:nowrap;background:#fafafa;font-weight:500}.admin-btn{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:5px 12px;transition:all .3s}.admin-btn.back-btn{color:#fff;background:#07c160;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex;box-shadow:0 2px 4px #07c16033}.admin-btn.back-btn:hover{color:#fff;background:#06ae56;transform:translateY(-1px);box-shadow:0 4px 8px #07c1604d}.admin-btn.back-btn .icon{font-size:16px}.badge{border-radius:10px;padding:2px 8px;font-size:12px}.badge-success{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.badge-error{color:#f5222d;background:#fff1f0;border:1px solid #ffa39e}.badge-warning{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.btn-danger{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:4px}.btn-success{color:#fff;cursor:pointer;background:#52c41a;border:none;border-radius:4px}@media (max-width:768px){.admin-sidebar{z-index:1100;width:240px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{z-index:1050;background:#00000080;display:none;position:fixed;inset:0}.admin-sidebar.open+.admin-sidebar-overlay{display:block}.admin-main{width:100%}.admin-content{padding:15px}.admin-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-item{padding:15px}.stat-value{font-size:20px}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{width:100%;display:block}.admin-table tr{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:15px;padding:10px}.admin-table td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:12px 0;display:flex}.admin-table td .user-id-code{max-width:140px}.admin-table td .status-badges{justify-content:flex-end}.admin-table td .action-buttons{flex-flow:wrap;justify-content:flex-end;gap:8px}.admin-table td .action-btn{padding:6px 10px;font-size:12px}.admin-table td:before{content:attr(data-label);color:#8c8c8c;margin-right:10px;font-weight:700}.admin-table td:first-child{border-bottom:1px solid #f5f5f5;justify-content:center;margin-bottom:10px;padding-bottom:10px}.admin-table td:first-child:before{display:none}.admin-header .menu-toggle{display:block!important}}.admin-header .menu-toggle{cursor:pointer;padding:5px;font-size:20px;display:none}.admin-login-container{background:#f0f2f5;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.admin-login-card{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.admin-login-card .form-group{flex-direction:column;gap:8px;display:flex}.admin-login-card .form-group label{color:#333;font-weight:500}.admin-login-card .form-group input{border:1px solid #d9d9d9;border-radius:4px;outline:none;padding:10px;transition:all .3s}.admin-login-card .form-group input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.system-msg{justify-content:center;width:100%;margin:15px 0;display:flex}.system-text{color:#999;-webkit-user-select:none;user-select:none;background:#0000000d;border-radius:20px;padding:4px 12px;font-size:12px}.speed-menu{z-index:3000;background:#fff;border:1px solid #eee;border-radius:8px;min-width:120px;padding:10px;box-shadow:0 4px 15px #0003}.speed-menu-title{color:#999;text-align:center;margin-bottom:8px;font-size:12px}.speed-options{flex-direction:column;gap:5px;display:flex}.speed-options button{cursor:pointer;background:#f8f8f8;border:none;border-radius:4px;padding:8px 0;font-size:14px;transition:background .2s}.speed-options button:hover{background:#e0e0e0}.file-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;min-width:200px;max-width:280px;margin:4px 0;padding:12px 15px;transition:background .2s,transform .1s;display:flex;box-shadow:0 1px 4px #0000000d}.file-card:hover{background:#f9f9f9}.file-card:active{transform:scale(.98)}.msg.mine .file-card{background:#fff;border-color:#84d45d}.file-info{flex:1;min-width:0;margin-right:12px}.file-name{color:#333;word-break:break-all;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4}.file-action{color:var(--primary-color);text-transform:uppercase;font-size:11px;font-weight:700}.file-icon-wrapper{background:#f0fdf4;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.msg.mine .file-icon-wrapper{background:#e8f5e9}.msg.mine .bubble:has(.file-card){background:#95ec69;padding:4px}.msg:not(.mine) .bubble:has(.file-card){background:#fff;padding:4px}.voice-bubble{cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width:768px){.app{max-width:100%;height:100%}.menu-btn{display:block}.sidebar{z-index:10001!important;visibility:visible!important;pointer-events:auto!important;background:#eee!important;width:280px!important;transition:left .3s!important;display:flex!important;position:absolute!important;top:0!important;bottom:0!important;left:-280px!important;box-shadow:2px 0 10px #0003!important}body.sidebar-open .sidebar{left:0!important}.sidebar-overlay{display:none}body.sidebar-open .sidebar-overlay{z-index:10000!important;pointer-events:auto!important;background:#00000080!important;display:block!important;position:absolute!important;inset:0!important}.header-left,.header-right{flex:none!important}.header-center{flex:1!important}.main{position:relative!important;overflow:hidden!important}}