@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}body,html{margin:0;padding:0}.auth-container{align-items:center;background-color:#f3f4f6;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);display:flex;font-family:Outfit,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden;position:relative}.auth-container:before{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-card{animation:floatIn .6s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px -10px #0000004d,inset 0 0 0 1px #fff3;max-width:500px;padding:40px 36px;position:relative;text-align:center;width:100%;z-index:10}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.auth-card h2{color:#1f2937;font-size:19px;font-weight:600;margin:0 0 8px}.subtitle{color:#6b7280;font-size:15px;margin:0 0 32px}.loading-note{align-items:flex-start;background:#fef3c7cc;border:1px solid #fcd34d99;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;color:#92400e;display:flex;font-size:13.5px;gap:12px;line-height:1.5;padding:16px;text-align:left}.loading-note strong{color:#78350f;font-weight:700}.info-icon{font-size:18px;margin-top:2px}.error{animation:shake .4s ease-in-out;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#b91c1c;font-size:14px;font-weight:500;margin-top:20px;padding:14px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}:root{--sidebar-bg:#1a1b26;--main-bg:#24283b;--header-bg:#1f2335;--accent:#7aa2f7;--accent-hover:#5d81d6;--text-primary:#e0e1e6;--text-secondary:#9aa5ce;--message-own:#7aa2f7;--message-other:#32374d}.chat-app{background:#24283b;background:var(--main-bg);color:#e0e1e6;color:var(--text-primary);display:flex;font-family:Inter,sans-serif;height:100vh}.sidebar{background:#1a1b26;background:var(--sidebar-bg);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;padding:24px;width:280px}.user-info{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.user-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7aa2f7,#bb9af7);-webkit-background-clip:text;font-size:18px;font-weight:700;margin:0}.logout-btn{background:#f7768e1a;border:1px solid #f7768e33;border-radius:8px;color:#f7768e;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background:#f7768e33;transform:translateY(-1px)}.online-users h4,.rooms h4{font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.online-users h4,.room-btn,.rooms h4{color:#9aa5ce;color:var(--text-secondary)}.room-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:8px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.room-btn:hover{background:#ffffff0d;color:#e0e1e6;color:var(--text-primary)}.room-btn.active{background:#7aa2f726;color:#7aa2f7;color:var(--accent)}.chat-main{background:#24283b;background:var(--main-bg);display:flex;flex:1 1;flex-direction:column;position:relative}.chat-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2335f2;border-bottom:1px solid #ffffff0d;height:70px;justify-content:space-between;left:0;padding:12px 24px;position:absolute;right:0;top:0;z-index:10}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.chat-header h2{color:#c0caf5;font-size:20px;font-weight:700;margin:0}.status-badge{background:#0003;border-radius:20px;font-weight:500;gap:6px;padding:4px 10px}.ai-note-inline,.status-badge{align-items:center;display:flex;font-size:13px}.ai-note-inline{background:#7aa2f71a;border:1px solid #7aa2f733;border-radius:8px;color:#7aa2f7;gap:8px;padding:8px 16px;white-space:nowrap}.ai-note-inline .bot-icon{font-size:16px}.ai-note-inline strong{color:#fff;font-weight:600}.messages-container{flex:1 1;margin-top:80px;overflow:hidden}.messages{gap:24px;height:100%;overflow-y:auto;padding:20px 32px}.message,.messages{display:flex;flex-direction:column}.message{animation:slideIn .3s ease-out;max-width:70%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{align-items:flex-end;align-self:flex-end}.message-content{background:#32374d;background:var(--message-other);border-radius:18px 18px 18px 2px;box-shadow:0 4px 6px #0000001a;padding:14px 20px;position:relative}.message.own .message-content{background:#7aa2f7;background:var(--message-own);border-radius:18px 18px 2px 18px;color:#1a1b26}.message-header{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:6px}.username{color:#c0caf5;font-weight:700}.message.own .username{color:#e0e1e6;color:var(--text-primary);opacity:.8}.time{opacity:.6}.message-text{font-size:15px;line-height:1.5}.message-form{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f233599;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:12px;margin:20px 32px;padding:10px}.message-input{background:#0000;border:none;color:#e0e1e6;color:var(--text-primary);flex:1 1;font-size:16px;padding:12px}.message-input:focus{outline:none}.message-input::placeholder{color:#ffffff4d}.emoji-btn{font-size:20px;opacity:.7;transition:opacity .2s}.emoji-btn:hover{opacity:1}.send-btn{background:#7aa2f7;background:var(--accent);border:none;border-radius:12px;color:#1a1b26;cursor:pointer;font-weight:700;padding:12px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.send-btn:hover{background:#5d81d6;background:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.online-users{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:24px}.dm-btn .online-dot{background:#9ece6a;border-radius:50%;box-shadow:0 0 8px #9ece6a99;height:8px;margin-right:12px;width:8px}.typing-indicator{color:#7aa2f7;color:var(--accent);font-size:12px;font-weight:500;height:20px;margin-bottom:8px;padding:0 32px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.App{height:100vh;margin:0;padding:0}
/*# sourceMappingURL=main.fad119bd.css.map*/