@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg0:#07080d;--bg1:#0e1019;--bg2:#141720;--bg3:#1c2030;--bgh:#212535;--accent:#5e6fff;--accent-h:#7b8cff;--accent-dim:#5e6fff26;--green:#3dffa0;--green-dim:#3dffa026;--red:#ff4d6a;--yellow:#ffd166;--t1:#e8eaf6;--t2:#8892b0;--t3:#454d6d;--border:#ffffff12;--border2:#ffffff21;--r:10px;--rlg:14px;--rxl:20px;--font:"Inter",sans-serif;--mono:"JetBrains Mono",monospace;--sh:0 4px 24px #00000080;--shlg:0 16px 64px #000000b3;--glass-bg:#0e1019bf;--glass-border:#ffffff17;--glass-blur:20px}#root,body,html{height:100%;height:100dvh;overflow:hidden}body{-webkit-font-smoothing:antialiased;background:#07080d;background:var(--bg0);background-image:radial-gradient(ellipse at 20% 50%,#5e6fff0a 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#a855f708 0,#0000 60%);color:#e8eaf6;color:var(--t1);font-family:Inter,sans-serif;font-family:var(--font)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}button{border:none;cursor:pointer}button,input,textarea{font-family:Inter,sans-serif;font-family:var(--font);outline:none}a{color:inherit;text-decoration:none}.app-layout{isolation:isolate;position:relative}.app-layout,.main-panel{display:flex;height:100vh;overflow:hidden}.main-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#0e1019bf;background:var(--glass-bg);border-right:1px solid #ffffff17;border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;min-width:280px;width:320px}.chat-panel{background:#07080d;background:var(--bg0);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.glass{-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);backdrop-filter:blur(var(--glass-blur)) saturate(1.3);background:#0e1019bf;background:var(--glass-bg);border:1px solid #ffffff17;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 #ffffff0f}.auth-page{align-items:center;background:#07080d;background:var(--bg0);background-image:radial-gradient(ellipse at 30% 60%,#5e6fff14 0,#0000 60%),radial-gradient(ellipse at 70% 30%,#a855f70f 0,#0000 60%);display:flex;justify-content:center;min-height:100vh}.auth-card{animation:authIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(32px) saturate(1.5);backdrop-filter:blur(32px) saturate(1.5);background:#0e1019bf;background:var(--glass-bg);border:1px solid #ffffff17;border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 16px 64px #000000b3,inset 0 1px 0 #ffffff14;box-shadow:var(--shlg),inset 0 1px 0 #ffffff14;max-width:400px;padding:40px;width:100%}@keyframes authIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{gap:12px;margin-bottom:28px}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#5e6fff,#a855f7);border-radius:14px;box-shadow:0 8px 24px #5e6fff66;font-size:22px;height:44px;justify-content:center;width:44px}.auth-logo-name{font-size:22px;font-weight:700;letter-spacing:-.3px}.auth-title{font-size:26px;font-weight:700;margin-bottom:6px}.auth-sub{color:#8892b0;color:var(--t2);font-size:14px;margin-bottom:28px}.form-group{margin-bottom:18px}.form-label{color:#454d6d;color:var(--t3);display:block;font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:7px;text-transform:uppercase}.form-input{background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--rlg);color:#e8eaf6;color:var(--t1);font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{background:#5e6fff0d;border-color:#5e6fff;border-color:var(--accent);box-shadow:0 0 0 3px #5e6fff1f}.form-input::placeholder{color:#454d6d;color:var(--t3)}textarea.form-input{min-height:80px;resize:vertical}.btn{align-items:center;border:none;border-radius:14px;border-radius:var(--rlg);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#5e6fff,#7b8cff);box-shadow:0 4px 20px #5e6fff59;color:#fff;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#6e7fff,#8b9cff);box-shadow:0 8px 28px #5e6fff73;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-ghost{background:#ffffff0f;border:1px solid #ffffff12;border:1px solid var(--border);color:#8892b0;color:var(--t2)}.btn-ghost:hover{background:#ffffff1a;color:#e8eaf6;color:var(--t1)}.icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:9px;color:#8892b0;color:var(--t2);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:all .15s;width:34px}.icon-btn:hover{background:#ffffff12;color:#e8eaf6;color:var(--t1)}.avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:visible;position:relative}.avatar-sm{font-size:13px;height:36px;width:36px}.avatar-md,.avatar-sm{background:linear-gradient(135deg,#5e6fff4d,#a855f74d);color:#5e6fff;color:var(--accent)}.avatar-md{font-size:16px;height:44px;width:44px}.avatar-lg{background:linear-gradient(135deg,#5e6fff4d,#a855f74d);color:#5e6fff;color:var(--accent);font-size:19px;height:52px;width:52px}.avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.status-dot{border:2px solid #0e1019;border:2px solid var(--bg1);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.status-online{background:#3dffa0;background:var(--green);box-shadow:0 0 6px #3dffa0;box-shadow:0 0 6px var(--green)}.status-offline{background:#454d6d;background:var(--t3)}.group-badge{background:#141720;background:var(--bg2);border-radius:50%;bottom:-2px;font-size:11px;padding:1px;position:absolute;right:-2px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal{animation:mIn .25s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(32px) saturate(1.4);backdrop-filter:blur(32px) saturate(1.4);background:#0e1019bf;background:var(--glass-bg);border:1px solid #ffffff17;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 16px 64px #000000b3,inset 0 1px 0 #ffffff12;box-shadow:var(--shlg),inset 0 1px 0 #ffffff12;display:flex;flex-direction:column;max-height:82vh;width:min(440px,95vw)}@keyframes mIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.modal-header h3{font-size:17px;font-weight:700}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:18px 20px}.modal-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.chat-empty{align-items:center;color:#454d6d;color:var(--t3);display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center}.chat-empty-icon{font-size:60px;margin-bottom:4px;opacity:.25}.chat-empty h2{color:#8892b0;color:var(--t2);font-size:21px;font-weight:700}.chat-empty p{font-size:14px;line-height:1.65;max-width:240px;text-align:center}.selected-users{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.selected-tag{background:#5e6fff26;background:var(--accent-dim);border:1px solid #5e6fff4d;border-radius:20px;color:#5e6fff;color:var(--accent);cursor:pointer;font-size:13px;padding:3px 10px;transition:all .15s}.selected-tag:hover{background:#ff4d6a26;color:#ff4d6a;color:var(--red)}.error-msg{color:#ff4d6a;color:var(--red);font-size:13px;margin-top:6px}.auth-footer{color:#8892b0;color:var(--t2);font-size:14px;margin-top:20px;text-align:center}.auth-footer a{color:#5e6fff;color:var(--accent);font-weight:600}@media (max-width:768px){.main-panel{bottom:0;height:100dvh;left:0;min-width:0;min-width:auto;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100vw;z-index:10}.main-panel.slide-out{pointer-events:none;transform:translateX(-100%)}.chat-panel{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.chat-panel.slide-in{transform:translateX(0)}.auth-card{margin:12px;max-width:calc(100vw - 24px);padding:28px 20px}.modal{width:calc(100vw - 16px)}}@media (max-width:480px){.form-input,.message-input{font-size:max(16px,1em)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav-bar{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@supports (padding-top:env(safe-area-inset-top)){.main-panel{padding-top:env(safe-area-inset-top)}}
/*# sourceMappingURL=main.a4ea0737.css.map*/