*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0a0a0a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.welcome-screen{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.welcome-content{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:480px;display:flex}.brand{flex-direction:column;align-items:center;gap:14px;display:flex}.brand-logo{color:#fff;background:#25d366;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 0 40px #25d36640}.brand-title{color:#f0f0f0;letter-spacing:-.5px;font-size:26px;font-weight:700}.connected-badge,.connecting-badge{border-radius:20px;align-items:center;gap:7px;padding:5px 14px;font-size:13px;font-weight:500;display:inline-flex}.connected-badge{color:#25d366;background:#25d3661f;border:1px solid #25d36633}.connecting-badge{color:#eab308;background:#eab3081a;border:1px solid #eab30833}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.dot.pulsing{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.connected-block{flex-direction:column;align-items:center;gap:16px;display:flex}.phone-number{color:#e0e0e0;letter-spacing:.5px;font-size:22px;font-weight:600}.action-buttons{gap:12px;margin-top:8px;display:flex}.qr-block{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.qr-wrapper{background:#fff;border-radius:20px;padding:20px;box-shadow:0 0 60px #25d3661a,0 0 0 1px #ffffff0d}.qr-img{border-radius:4px;width:280px;height:280px;display:block}.qr-steps{text-align:center}.qr-steps p{color:#6b7280;font-size:14px;line-height:1.5}.qr-steps strong{color:#9ca3af}.state-block{flex-direction:column;align-items:center;gap:16px;display:flex}.error-text{color:#f87171;text-align:center;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;padding:11px 24px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#25d366}.btn-primary:hover:not(:disabled){background:#1ebe59}.btn-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-ghost{color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff1a}.btn-ghost:hover{background:#ffffff1a}.chat-page{background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex}.chat-header{z-index:10;background:#0f0f0f;border-bottom:1px solid #1a1a1a;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.back-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.back-btn:hover{background:#ffffff1a}.chat-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.chat-header-info{flex:1;min-width:0}.chat-group-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.chat-group-sub{color:#4b5563;margin-top:1px;font-size:12px}.chat-messages{background-color:#0a0a0a;background-image:radial-gradient(circle at 1px 1px,#161616 1px,#0000 0);background-size:24px 24px;flex-direction:column;flex:1;padding:16px 0;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:2px}.chat-center{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-text{color:#f87171;font-size:14px}.hint-text{color:#4b5563;font-size:14px}.load-more-wrapper{justify-content:center;padding:12px 0 4px;display:flex}.load-more-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:7px;padding:7px 16px;font-size:12px;transition:background .15s;display:flex}.load-more-btn:hover:not(:disabled){background:#ffffff17}.load-more-btn:disabled{opacity:.6;cursor:default}.date-separator{justify-content:center;align-items:center;padding:12px 0 6px;display:flex}.date-separator span{color:#6b7280;background:#0006;border:1px solid #1f1f1f;border-radius:20px;padding:3px 12px;font-size:11px}.message-row{padding:2px 16px;display:flex}.message-row.from-me{justify-content:flex-end}.message-row.from-them{justify-content:flex-start}.bubble{word-break:break-word;border-radius:12px;min-width:80px;max-width:68%;padding:8px 11px 6px;position:relative}.from-me .bubble{background:#005c4b;border-bottom-right-radius:3px}.from-them .bubble{background:#1f1f1f;border-bottom-left-radius:3px}.bubble-sender{margin-bottom:3px;font-size:11.5px;font-weight:600;line-height:1.2}.bubble-text{color:#e5e5e5;white-space:pre-wrap;font-size:14px;line-height:1.45}.bubble-time{color:#ffffff59;text-align:right;margin-top:3px;font-size:10.5px;line-height:1;display:block}.spinner-sm{border:1.5px solid #ffffff26;border-top-color:#9ca3af;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.panel-page{background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex}.panel-topbar{z-index:10;background:#0a0a0a;border-bottom:1px solid #1a1a1a;align-items:center;gap:16px;padding:18px 28px;display:flex;position:sticky;top:0}.back-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;transition:background .15s,color .15s;display:flex}.back-btn:hover{color:#e0e0e0;background:#ffffff1a}.topbar-info{align-items:center;gap:10px;display:flex}.panel-title{color:#e0e0e0;font-size:16px;font-weight:600}.group-count{color:#4b5563;background:#ffffff0a;border:1px solid #1f1f1f;border-radius:20px;padding:2px 9px;font-size:12px}.search-bar-wrapper{padding:18px 28px 0}.search-bar{background:#111;border:1px solid #1f1f1f;border-radius:10px;align-items:center;gap:10px;max-width:480px;padding:10px 14px;transition:border-color .15s;display:flex}.search-bar:focus-within{border-color:#2a2a2a}.search-icon{color:#4b5563;flex-shrink:0}.search-input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:#4b5563}.search-clear{color:#4b5563;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.search-clear:hover{color:#9ca3af}.panel-body{flex:1;padding:20px 28px 40px}.center-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;font-size:14px;display:flex}.error-text{color:#f87171}.hint-text{color:#4b5563}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:4px;display:grid}.group-card{cursor:pointer;background:#111;border:1px solid #1a1a1a;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,background .15s;display:flex}.group-card:hover{background:#161616;border-color:#2d2d2d}.card-arrow{color:#2d2d2d;flex-shrink:0;transition:color .15s}.group-card:hover .card-arrow{color:#4b5563}.group-avatar{color:#fff;letter-spacing:.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.group-info{flex:1;min-width:0}.group-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13.5px;font-weight:500;overflow:hidden}.group-meta{align-items:center;gap:8px;display:flex}.meta-item{color:#4b5563;align-items:center;gap:4px;font-size:12px;display:flex}.badge-admin{color:#25d366;background:#25d3661a;border:1px solid #25d36633;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:600}.spinner{border:2.5px solid #1a1a1a;border-top-color:#25d366;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}