@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0b141a;--bg-secondary:#111b21;--bg-tertiary:#1f2c34;--bg-input:#2a3942;--wa-sent:#005c4b;--wa-received:#202c33;--wa-date-badge:#182229;--check-blue:#53bdeb;--border-color:#222d34;--border-color-focus:#00a88480;--text-primary:#e9edef;--text-secondary:#8696a0;--text-muted:#667781;--primary:#00a884;--primary-hover:#008069;--primary-glow:#00a88440;--success:#00a884;--success-bg:#00a8841f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef444426;--glass-bg:#111b21d9;--glass-blur:blur(12px);--shadow-lg:0 10px 30px -5px #0009, 0 8px 10px -6px #00000080;--shadow-md:0 4px 12px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-primary);width:100vw;height:100vh;margin:0;overflow:hidden}#root{width:100vw;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00a88426}50%{box-shadow:0 0 25px #00a88466}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-scale-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleIn}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 0 12px var(--primary-glow)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background-color:#ffffff0d}.btn-secondary:hover{background-color:#ffffff14}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.btn-danger:hover{background-color:var(--danger);color:#fff;border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#ffffff08;border-radius:8px;outline:none;padding:11px 14px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-muted{color:var(--text-secondary);background-color:#ffffff0f}.avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:44px;height:44px;font-size:17px}.online-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #10b98180}.auth-container{background:radial-gradient(circle at top right, #00a88414, transparent 50%), radial-gradient(circle at bottom left, #0080690f, transparent 50%), radial-gradient(circle at center, #00a88408, transparent 70%), var(--bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;padding:40px}.app-shell{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex}.main-content{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.workspace-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.workspace-item:hover{background-color:#ffffff0a}.workspace-item-active{border:1px solid #00a8844d;background-color:#00a88426!important}.workspace-item-active .workspace-item-name{color:#fff;font-weight:600}.workspace-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.workspace-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.workspace-item-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.workspace-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.date-separator{justify-content:center;align-items:center;margin:16px 0;display:flex;position:relative}.date-separator:before,.date-separator:after{content:"";background:var(--border-color);flex:1;height:1px}.date-separator-text{color:var(--text-muted);background-color:var(--bg-primary);border:1px solid var(--border-color);white-space:nowrap;border-radius:9999px;padding:4px 14px;font-size:11px;font-weight:500}.composer-bar{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0;padding:10px 16px;position:relative}.composer-form{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;align-items:center;gap:8px;padding:4px 4px 4px 6px;transition:border-color .2s;display:flex}.composer-form:focus-within{border-color:#00a88466}.composer-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px;font-family:inherit;font-size:14px}.composer-input::placeholder{color:var(--text-muted)}.composer-attach-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.composer-attach-btn:hover{color:var(--primary);background-color:#00a8841f}.composer-send-btn{background-color:var(--primary);color:#0b141a;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.composer-send-btn:hover{background-color:var(--primary-hover);transform:scale(1.05)}.scroll-bottom-fab{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-md);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;animation:.2s forwards floatUp;display:flex;position:absolute;bottom:80px;right:24px}.scroll-bottom-fab:hover{background-color:var(--primary);color:#fff;border-color:#0000;transform:scale(1.08)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px;position:relative}.message-bubble{word-wrap:break-word;border-radius:16px;max-width:100%;margin-bottom:2px;padding:10px 14px;font-size:14px;line-height:1.55;position:relative}.message-sent{background-color:var(--wa-sent);color:#e9edef;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 1px 4px #00000040}.message-received{background-color:var(--wa-received);color:#e9edef;border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.message-system{color:var(--text-muted);text-align:center;background-color:#0000;align-self:center;max-width:100%;margin:16px 0;font-size:12px}.web-image-preview-container{cursor:pointer;border:1px solid #ffffff0d;border-radius:10px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.web-image-preview-container:hover{transform:translateY(-2px)}.web-image-preview-container img{object-fit:contain;background-color:#0003;width:100%;max-height:320px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block}.web-image-preview-container:hover img{transform:scale(1.03)}.web-image-preview-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0000,#0a0b10f2);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.web-image-preview-container:hover .web-image-preview-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0000,#0a0b10fa)}.web-image-preview-title{color:#f3f4f6;text-shadow:0 1px 3px #00000080;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;font-weight:500;overflow:hidden}.web-image-preview-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.web-image-preview-btn:hover{background-color:var(--primary);border-color:#0000;transform:scale(1.1)}.web-file-attachment{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.web-file-attachment:hover{background:#ffffff0f;border-color:#ffffff1a}.menu-item:hover{background-color:#ffffff0d}.typing-dots{align-items:center;gap:3px;margin-left:4px;display:inline-flex}.typing-dots span{background-color:var(--text-secondary);border-radius:50%;width:5px;height:5px;display:inline-block}.typing-dots span:first-child{animation:1.2s infinite typingDot}.typing-dots span:nth-child(2){animation:1.2s .2s infinite typingDot}.typing-dots span:nth-child(3){animation:1.2s .4s infinite typingDot}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.empty-state-icon{background:linear-gradient(135deg,#00a88426,#00806914);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}