:root{--cream:#faf6f0;--linen:#f2ead8;--sand:#e8dcc8;--tan:#c9b99a;--brown:#8b5e3c;--dark-br:#5c3d26;--text:#2d1f14;--text-2:#6b5040;--text-3:#9c8070;--white:#fff;--border:#8b5e3c26;--shadow:0 2px 20px #5a321414;--radius:14px;--online:#4caf7d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{background:#faf6f0;background:var(--cream);color:#2d1f14;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}.auth-page{align-items:center;background:linear-gradient(145deg,#faf6f0,#f2ead8 60%,#ede3ce);background:linear-gradient(145deg,var(--cream) 0,var(--linen) 60%,#ede3ce 100%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.auth-card{background:#fff;background:var(--white);border:.5px solid #e8dcc8;border:.5px solid var(--sand);border-radius:20px;box-shadow:0 2px 20px #5a321414;box-shadow:var(--shadow);max-width:400px;padding:2.5rem 2rem;width:100%}.auth-card.wide{max-width:440px}.auth-brand{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;background:#8b5e3c;background:var(--brown);border-radius:16px;color:#fff;color:var(--white);display:inline-flex;font-size:19px;font-weight:700;height:54px;justify-content:center;letter-spacing:-.5px;margin-bottom:14px;width:54px}.auth-title{color:#5c3d26;color:var(--dark-br);font-size:22px;font-weight:600;margin-bottom:5px}.auth-sub{color:#9c8070;color:var(--text-3);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:#fef0ed;border:.5px solid #f5c6bb;border-radius:10px;color:#b04040;font-size:13px;line-height:1.4;padding:10px 14px}.field label{color:#6b5040;color:var(--text-2);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.field input{background:#faf6f0;background:var(--cream);border:1px solid #e8dcc8;border:1px solid var(--sand);border-radius:10px;color:#2d1f14;color:var(--text);font-size:14px;outline:none;padding:11px 14px;transition:.15s;width:100%}.field input:focus{background:#fff;background:var(--white);border-color:#8b5e3c;border-color:var(--brown);box-shadow:0 0 0 3px #8b5e3c1a}.pw-wrap{position:relative}.pw-wrap input{padding-right:62px}.pw-toggle{background:none;border:none;color:#9c8070;color:var(--text-3);cursor:pointer;font-size:12px;font-weight:500;padding:2px 4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.pw-toggle:hover{color:#8b5e3c;color:var(--brown)}.btn-primary{background:#8b5e3c;background:var(--brown);border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px;transition:background .15s}.btn-primary:hover:not(:disabled){background:#5c3d26;background:var(--dark-br)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.rules{display:flex;flex-wrap:wrap;gap:6px}.rule{background:#f2ead8;background:var(--linen);border-radius:20px;color:#9c8070;color:var(--text-3);font-size:12px;padding:3px 10px;transition:.2s}.rule.ok{background:#e6f4ed;color:#2e7d52}.rule.fail{background:#fef0ed;color:#a03030}.auth-switch{color:#9c8070;color:var(--text-3);font-size:13px;margin-top:1.5rem;text-align:center}.auth-switch a{color:#8b5e3c;color:var(--brown);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.chat-layout{background:#faf6f0;background:var(--cream);height:100vh}.chat-layout,.sidebar{display:flex;overflow:hidden}.sidebar{background:#fff;background:var(--white);border-right:.5px solid #8b5e3c26;border-right:.5px solid var(--border);flex-direction:column;flex-shrink:0;width:320px}.sidebar-head{border-bottom:.5px solid #8b5e3c26;border-bottom:.5px solid var(--border);flex-shrink:0;justify-content:space-between;padding:18px 16px 14px}.sb-brand,.sidebar-head{align-items:center;display:flex}.sb-brand{gap:9px}.sb-logo{align-items:center;background:#8b5e3c;background:var(--brown);border-radius:9px;color:#fff;color:var(--white);display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.sb-name{color:#5c3d26;color:var(--dark-br);font-size:16px;font-weight:600}.icon-btn{background:none;border:none;border-radius:7px;color:#9c8070;color:var(--text-3);cursor:pointer;font-size:17px;line-height:1;padding:5px 7px;transition:.15s}.icon-btn:hover{background:#f2ead8;background:var(--linen);color:#8b5e3c;color:var(--brown)}.sb-user-row{align-items:center;border-bottom:.5px solid #8b5e3c26;border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.sb-username{color:#2d1f14;color:var(--text);font-size:14px;font-weight:600}.sb-conn{align-items:center;color:#9c8070;color:var(--text-3);display:flex;font-size:12px;gap:5px;margin-top:1px}.sb-conn.live{color:#4caf7d;color:var(--online)}.sb-conn .dot{background:currentColor;height:6px;width:6px}.sb-avatar,.sb-conn .dot{border-radius:50%;flex-shrink:0}.sb-avatar{align-items:center;background:#f2ead8;background:var(--linen);color:#8b5e3c;color:var(--brown);display:flex;font-weight:600;justify-content:center;position:relative}.sb-avatar.big{font-size:15px;height:38px;width:38px}.sb-avatar.med{font-size:17px;height:42px;width:42px}.sb-avatar.sm{font-size:13px;height:32px;width:32px}.sb-avatar.online:after{background:#4caf7d;background:var(--online);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;bottom:1px;content:"";height:9px;position:absolute;right:1px;width:9px}.sb-search-wrap{flex-shrink:0;padding:12px 12px 8px;position:relative}.sb-search{align-items:center;background:#f2ead8;background:var(--linen);border:1px solid #0000;border-radius:10px;display:flex;gap:8px;padding:8px 12px;transition:.15s}.sb-search:focus-within{background:#fff;background:var(--white);border-color:#c9b99a;border-color:var(--tan)}.search-icon{color:#9c8070;color:var(--text-3);font-size:16px}.sb-search-input{background:none;border:none;color:#2d1f14;color:var(--text);flex:1 1;font-size:13px;outline:none}.sb-search-input::placeholder{color:#9c8070;color:var(--text-3)}.clear-btn{background:none;border:none;cursor:pointer;padding:0 2px}.clear-btn,.search-loading{color:#9c8070;color:var(--text-3);font-size:12px}.search-loading{padding:6px 4px}.search-dropdown{background:#fff;background:var(--white);border:.5px solid #e8dcc8;border:.5px solid var(--sand);border-radius:12px;box-shadow:0 4px 20px #5a32141f;left:12px;max-height:240px;overflow:hidden;overflow-y:auto;position:absolute;right:12px;top:calc(100% - 4px);z-index:50}.search-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:.1s}.search-item:hover{background:#faf6f0;background:var(--cream)}.si-name{color:#2d1f14;color:var(--text);font-size:14px;font-weight:500}.si-status{color:#9c8070;color:var(--text-3);font-size:12px}.conv-list{flex:1 1;overflow-y:auto;padding:4px 0}.conv-label{font-size:11px;font-weight:600;letter-spacing:.06em;padding:8px 18px 6px;text-transform:uppercase}.conv-empty,.conv-label{color:#9c8070;color:var(--text-3)}.conv-empty{font-size:13px;line-height:1.7;padding:20px 18px}.conv-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin:1px 6px;padding:10px 14px;transition:background .12s}.conv-item.active,.conv-item:hover{background:#f2ead8;background:var(--linen)}.conv-item.active{border-left:3px solid #8b5e3c;border-left:3px solid var(--brown);padding-left:11px}.conv-body{flex:1 1;min-width:0}.conv-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:3px}.conv-name{color:#2d1f14;color:var(--text);font-size:14px;font-weight:600}.conv-time{color:#9c8070;color:var(--text-3);flex-shrink:0;font-size:11px;margin-left:4px}.conv-preview-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.conv-preview{color:#9c8070;color:var(--text-3);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{align-items:center;background:#8b5e3c;background:var(--brown);border-radius:9px;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px}.chat-main{background:#faf6f0;background:var(--cream);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chat-main.empty{align-items:center;justify-content:center}.empty-state{color:#9c8070;color:var(--text-3);padding:2rem;text-align:center}.empty-icon{font-size:50px;margin-bottom:14px}.empty-state h2{color:#6b5040;color:var(--text-2);font-size:18px;font-weight:500;margin-bottom:8px}.empty-state p{font-size:14px}.chat-header{align-items:center;background:#fff;background:var(--white);border-bottom:.5px solid #8b5e3c26;border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;gap:13px;padding:14px 20px}.ch-info{flex:1 1}.ch-name{color:#2d1f14;color:var(--text);font-size:16px;font-weight:600}.ch-status{color:#9c8070;color:var(--text-3);font-size:12px;margin-top:1px}.ch-status.online{color:#4caf7d;color:var(--online)}.msg-box{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px 18px 8px}.loading-msgs,.no-msgs{color:#9c8070;color:var(--text-3);font-size:13px;margin-top:50px;text-align:center}.msg-row{align-items:flex-end;display:flex;gap:8px;max-width:78%}.msg-row.mine{align-self:flex-end;flex-direction:row-reverse}.msg-row.theirs{align-self:flex-start}.bubble{border-radius:16px;max-width:100%;padding:10px 14px;word-break:break-word}.bubble.mine{background:#8b5e3c;background:var(--brown);border-bottom-right-radius:4px;color:#fff;color:var(--white)}.bubble.theirs{background:#fff;background:var(--white);border:.5px solid #8b5e3c26;border:.5px solid var(--border);border-bottom-left-radius:4px;color:#2d1f14;color:var(--text)}.bubble-text{font-size:14px;line-height:1.55}.bubble-meta{align-items:center;display:flex;gap:5px;justify-content:flex-end;margin-top:5px;opacity:.7}.bubble-meta,.msg-status{font-size:11px}.msg-status.sent{opacity:.8}.msg-status.read{color:#7dd4ac;opacity:1}.typing-bubble{padding:13px 18px}.dot-typing{align-items:center;display:flex;gap:4px}.dot-typing span{animation:dotBounce .9s infinite;background:#c9b99a;background:var(--tan);border-radius:50%;height:6px;width:6px}.dot-typing span:nth-child(2){animation-delay:.15s}.dot-typing span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.msg-footer{align-items:flex-end;background:#fff;background:var(--white);border-top:.5px solid #8b5e3c26;border-top:.5px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.msg-input{background:#faf6f0;background:var(--cream);border:1px solid #e8dcc8;border:1px solid var(--sand);border-radius:12px;color:#2d1f14;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:10px 14px;resize:none;transition:.15s}.msg-input:focus{background:#fff;background:var(--white);border-color:#8b5e3c;border-color:var(--brown);box-shadow:0 0 0 3px #8b5e3c14}.msg-input::placeholder,.send-btn{color:#9c8070;color:var(--text-3)}.send-btn{align-items:center;background:#fff;background:var(--white);border:1.5px solid #c9b99a;border:1.5px solid var(--tan);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;transition:.15s;width:42px}.send-btn.active{background:#8b5e3c;background:var(--brown);border-color:#8b5e3c;border-color:var(--brown);color:#fff;color:var(--white)}.send-btn:disabled{cursor:not-allowed;opacity:.45}.send-btn.active:hover{background:#5c3d26;background:var(--dark-br)}.mobile-toggle{align-items:center;background:#8b5e3c;background:var(--brown);border:none;border-radius:11px;box-shadow:0 2px 12px #8b5e3c59;color:#fff;color:var(--white);cursor:pointer;display:none;font-size:17px;height:40px;justify-content:center;left:14px;position:fixed;top:14px;width:40px;z-index:200}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#32190a4d;display:none;inset:0;position:fixed;z-index:99}@media (max-width:768px){.mobile-toggle{display:flex}.sidebar{bottom:0;box-shadow:none;left:-320px;position:fixed;top:0;transition:left .25s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar.open{box-shadow:4px 0 28px #5a321433;left:0}.sidebar-overlay{display:block}.chat-header{padding-left:64px}}@media (max-width:480px){.auth-card{padding:2rem 1.25rem}.msg-box{padding:14px 10px 6px}.msg-row{max-width:90%}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e8dcc8;background:var(--sand);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9b99a;background:var(--tan)}
/*# sourceMappingURL=main.59bd97a4.css.map*/