body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background-color:#dddedd}.App,.App-dark{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.App-dark{background-color:#1c2429}@media only screen and (max-width:40em){.App,.App-dark{align-items:stretch;padding:0}}*{margin:0}:root{--app-bg:linear-gradient(135deg,#eef6f3,#f7fbff 52%,#fff3e2);--surface:#ffffffc2;--surface-strong:#ffffffeb;--surface-dark:#202d38e6;--text-main:#18313f;--text-soft:#18313fad;--accent:#0ea47a;--accent-strong:#0b7a5d;--accent-soft:#0ea47a1f;--line:#162e3c1a;--shadow-lg:0 28px 72px #19345024;--shadow-md:0 16px 36px #1c354f1f}.dark{background-color:#24313d!important;color:#e5eff2!important}.login-container.dark,.main-container.dark{background:linear-gradient(135deg,#15222c,#1f2c36 48%,#13242b);border-color:#749db124}.icon{height:1.25em!important;width:1.25em!important}.main-container{background:linear-gradient(135deg,#eef6f3,#f7fbff 52%,#fff3e2);background:var(--app-bg);border:1px solid #ffffffa6;border-radius:30px;box-shadow:0 28px 72px #19345024;box-shadow:var(--shadow-lg);display:flex;min-height:min(90vh,900px);overflow:hidden;width:min(90vw,1200px)}.sidebar-container{background:linear-gradient(180deg,#ffffff38,#fff0);display:flex;flex:0 0 320px;flex-direction:column;min-width:280px}.sidebar-container.dark{background:linear-gradient(180deg,#384e5b38,#18262f00)}.chatArea-container{display:flex;flex:1 1;flex-direction:column;min-width:0}.chatArea-header,.createGroups-container,.list-tem,.login-box,.messages-container,.sb-conversations,.sb-header,.sb-search,.text-input-area,.ug-header,.welcome-container{box-shadow:0 16px 36px #1c354f1f;box-shadow:var(--shadow-md)}.chatArea-header.dark,.createGroups-container.dark,.list-tem.dark,.login-box.dark,.messages-container.dark,.sb-conversations.dark,.sb-header.dark,.sb-search.dark,.text-input-area.dark,.ug-header.dark,.welcome-container.dark{border-color:#789baa1f;box-shadow:0 18px 38px #040a0e42}.sb-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:24px;display:flex;justify-content:space-between;margin:10px;padding:12px 8px}.sb-header.dark{background:#1f2e38eb!important}.sb-search{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:24px;display:flex;margin:10px;padding:8px 12px}.sb-search.dark{background:#1d2c35eb!important}input:focus,textarea:focus{outline:none}.search-box{background:#0000;border:none;color:#18313f;color:var(--text-main);font-size:clamp(1rem,1vw + .7rem,1.15rem);margin-left:10px;min-width:0;outline-width:0;width:100%}.search-box.dark{color:#ecf5f7!important}.search-box.dark::placeholder{color:#ecf5f780}.search-box::placeholder{color:#18313f73}.sb-conversations{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;background:var(--surface-strong);border:1px solid #ffffffb8;border-radius:26px;flex:1 1;margin:10px;overflow:auto;padding:5px 10px}.sb-conversations.dark{background:#1a2730f0!important}.conversation-container{grid-column-gap:10px;border-radius:18px;box-sizing:border-box;column-gap:10px;display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;margin:6px 4px;min-width:0;padding:8px;transition:background .2s ease,transform .2s ease}.conversation-container:hover{background:linear-gradient(135deg,#0ea47a1f,#3f7bff14);transform:translateY(-1px)}.conversation-container.dark:hover{background:linear-gradient(135deg,#44ba9529,#5a7ee01f)}.con-icon{align-items:center;align-self:center;background:linear-gradient(135deg,#10b48b,#36c8e3);border-radius:50%;box-shadow:0 10px 18px #10b48b38;color:#fff;display:flex;font-size:1.8rem;font-weight:800;grid-area:1/1/3/2;height:48px;justify-content:center;justify-self:center;margin-left:6px;margin-right:4px;padding:2px;text-transform:uppercase;width:48px}.con-icon,.con-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.con-title{color:#18313f;color:var(--text-main);font-weight:700;grid-area:1/2/2/4;overflow-wrap:anywhere;text-transform:capitalize}.con-title.dark{color:#f0f6f8!important}.other-message-container .conversation-container:hover{background-color:initial;transform:none}.other-message-container .con-lastMessage{color:#18313f;color:var(--text-main);font-size:medium}.con-lastMessage.dark,.other-message-container .con-lastMessage.dark{color:#e8f2f4c2!important}.con-timeStamp{color:#18313fad;color:var(--text-soft);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;justify-self:flex-end}.con-timeStamp.dark{color:#e0edf094!important}.con-lastMessage{color:#18313fad;color:var(--text-soft);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.8rem;font-weight:500;overflow-wrap:anywhere}.chatArea-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:26px;display:flex;gap:10px;margin:10px;padding:12px 14px}.chatArea-header.dark{background:#1f2e38eb!important}.header-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.messages-container{background:linear-gradient(180deg,#ffffffeb,#f5fffaf0);border:1px solid #ffffffc7;border-radius:26px;display:flex;flex:1 1;flex-direction:column-reverse;margin:10px;overflow:auto;padding:10px;scrollbar-width:none}.messages-container.dark{background:linear-gradient(180deg,#142027f5,#111c22fa)!important}.messages-container::-webkit-scrollbar{display:none}.text-input-area{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:26px;display:flex;gap:10px;justify-content:space-between;margin:10px;padding:10px}.text-input-area.dark{background:#1d2c35eb!important}.other-text-content{background:linear-gradient(135deg,#eef4f9f5,#e7f6eff0);border:1px solid #0ea47a14;border-radius:18px 18px 18px 8px;display:flex;flex-direction:column;margin:10px 5px 5px;max-width:min(80%,32rem);overflow-wrap:anywhere;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.other-text-content.dark{background:linear-gradient(135deg,#2b3d48f5,#23343df5)!important;border-color:#7d9fad1f}.self-message-container{display:flex;justify-content:flex-end}.messageBox{background:linear-gradient(135deg,#0ea47a,#1fc2c5);border-radius:18px 18px 8px 18px;box-shadow:0 12px 26px #0ea47a33;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:5px;max-width:min(80%,32rem);overflow-wrap:anywhere;padding:12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messageBox.dark{background:linear-gradient(135deg,#11795c,#0d8ba0)!important}.self-message-text{color:#0b1a12}.self-message-text.dark{color:#f7ffff}.messageBox-active{box-shadow:0 0 0 2px #305e4d38}.message-action-button{align-self:flex-end;background:#111b22eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;margin-top:8px;padding:6px 12px}.message-action-button.dark{background:#f0f8faf0;color:#17313e}.self-timeStamp{align-self:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;font-weight:lighter}.welcome-logo{filter:drop-shadow(0 20px 30px rgba(22,58,63,.14));height:clamp(140px,18vw,260px);max-width:100%}.welcome-container{align-items:center;background:radial-gradient(circle at top,#0ea47a1f,#ffffff9e 52%,#ffffffeb 100%);border-radius:26px;color:#18313f;color:var(--text-main);display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;justify-content:center;padding:2rem;text-align:center}.welcome-container.dark{background:radial-gradient(circle at top,#20a78224,#202d38eb 52%,#17222afa 100%)!important}.welcome-container.dark .welcome-badge,.welcome-container.dark .welcome-copy,.welcome-container.dark .welcome-heading{color:#eef7f8!important}.brand-badge,.welcome-badge{align-items:center;background:#0ea47a1f;border-radius:999px;color:#0b7a5d;color:var(--accent-strong);display:inline-flex;font-size:.85rem;font-weight:700;letter-spacing:.04em;padding:.45rem .9rem;text-transform:uppercase}.welcome-heading{font-size:clamp(1.8rem,2vw + 1rem,2.8rem)}.welcome-copy{color:#18313fad;color:var(--text-soft);font-size:1.02rem;line-height:1.7;max-width:34rem}.welcome-copy.dark{color:#e2eef1c7}.createGroups-container{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffbd;border-radius:26px;display:flex;flex:1 1;gap:10px;justify-content:space-between;margin:10px;padding:20px 18px}.createGroups-container.dark{background:#1f2e38eb!important}.createGroups-container.dark .create-groups-subtitle,.createGroups-container.dark .create-groups-title,.createGroups-container.dark .search-box{color:#eef7f8!important}.create-groups-copy{display:flex;flex-direction:column;gap:4px}.create-groups-title{color:#18313f;color:var(--text-main);font-size:1.15rem;font-weight:700}.create-groups-title.dark,.ug-title.dark{color:#f0f6f8!important}.create-groups-subtitle{color:#18313fad;color:var(--text-soft);font-size:.92rem}.create-groups-subtitle.dark{color:#e0edf0b3}.login-container{background:linear-gradient(135deg,#eef6f3,#f7fbff 52%,#fff3e2);background:var(--app-bg);border:1px solid #ffffffa6;border-radius:30px;box-shadow:0 28px 72px #19345024;box-shadow:var(--shadow-lg);display:flex;min-height:min(90vh,900px);overflow:hidden;width:min(90vw,1200px)}.login-container.dark{background:linear-gradient(135deg,#15222c,#1f2c36 48%,#13242b)}.login-container.dark .brand-badge,.login-container.dark .brand-copy,.login-container.dark .brand-heading{color:#eef7f8!important}.image-container{align-items:center;display:flex;flex:0 0 34%;justify-content:center;padding:2rem}.brand-panel{align-items:flex-start;display:flex;flex-direction:column;gap:1.1rem;max-width:22rem}.brand-heading{color:#18313f;color:var(--text-main);font-size:clamp(2rem,2vw + 1rem,3rem);font-weight:800;line-height:1.1}.brand-copy.dark,.brand-heading.dark,.login-subtext.dark{color:#e6f0f3d1}.brand-copy{color:#18313fad;color:var(--text-soft);font-size:1rem;line-height:1.7}.login-text{font-size:clamp(1.75rem,2.5vw,3rem);padding-bottom:8px;text-align:center}.login-subtext{color:#18313fad;color:var(--text-soft);line-height:1.6;margin-bottom:4px;margin-top:-8px;max-width:28rem;text-align:center}.login-box{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:26px;color:#0ea47a;color:var(--accent);display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;gap:20px;justify-content:center;margin:10px;padding:2rem}.login-box.dark{background:#1e2c35eb!important;color:#71d9b8!important}.login-box.dark .login-subtext,.login-box.dark .login-text,.login-box.dark p,.login-box.dark span{color:#eef7f8!important}.createGroups-container .search-box,.login-box .MuiTextField-root{width:min(100%,380px)}.login-box .MuiOutlinedInput-root{background:#ffffffd1;border-radius:18px}.login-box .MuiInputLabel-root{color:#18313fad;color:var(--text-soft)}.login-box.dark .MuiInputBase-input,.login-box.dark .MuiInputLabel-root{color:#eaf4f6!important}.login-box.dark .MuiOutlinedInput-root{background:#16222ae6}.login-box.dark .MuiOutlinedInput-notchedOutline{border-color:#7aa6b738}.auth-button.MuiButton-root{background:linear-gradient(135deg,#0ea47a14,#1fc2c514);border-color:#0b7a5d47;border-radius:999px;border-width:2px;color:#0b7a5d;color:var(--accent-strong);font-weight:700;min-width:190px;padding:.8rem 1.4rem}.list-container{display:flex;flex:1 1;flex-direction:column;min-width:0}.ug-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:24px;display:flex;margin:10px;padding:12px 5px}.ug-header.dark{background:#1f2e38eb!important}.ug-header.dark .ug-title,.ug-header.dark p{color:#eef7f8!important}.ug-title{color:#18313f;color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;margin-left:10px;overflow-wrap:anywhere}.ug-list{flex:1 1;overflow:auto;padding:10px;scrollbar-width:none}.ug-list.dark{color:#eaf4f6}.ug-list::-webkit-scrollbar{display:none}.list-tem{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;background:var(--surface);border:1px solid #ffffffb8;border-radius:22px;display:flex;gap:10px;margin:10px;padding:12px 8px;-webkit-user-select:none;user-select:none}.list-tem.dark{background:#1f2e38eb!important}.list-tem.dark .con-lastMessage,.list-tem.dark .con-title,.list-tem.dark p{color:#eef7f8!important}.list-tem:hover{background:linear-gradient(135deg,#0ea47a1f,#3f7bff14)}.list-tem.dark:hover{background:linear-gradient(135deg,#2a8c7247,#3160aa3d)!important}.chatArea-header.dark .con-title,.chatArea-header.dark p,.other-text-content.dark .con-lastMessage,.other-text-content.dark .con-title,.sb-conversations.dark .con-lastMessage,.sb-conversations.dark .con-title,.sb-search.dark .search-box,.text-input-area.dark .search-box{color:#eef7f8!important}.list-tem:active{background:#fffffff2}.hyper{color:#1e56c8;cursor:pointer;font-weight:700;text-decoration:none}.other-icons{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;justify-content:space-evenly}@media only screen and (max-width:64em){.login-container,.main-container{min-height:calc(100vh - 2rem);width:100%}.sidebar-container{flex-basis:280px;min-width:240px}}@media only screen and (max-width:56em){.login-container{flex-direction:column}.image-container{flex-basis:auto;padding-bottom:0}.welcome-logo{height:clamp(110px,24vw,180px)}.brand-panel{align-items:center;text-align:center}}@media only screen and (max-width:48em){.main-container{flex-direction:column;min-height:calc(100vh - 2rem);width:100%}.sidebar-container{flex:0 0 auto;min-width:0}.sb-conversations{max-height:35vh}.welcome-container{padding:1.5rem}}@media only screen and (max-width:40em){.login-container,.main-container{border-radius:0;min-height:100vh;width:100vw}.image-container{display:none}.login-box{border-radius:0;margin:0;min-height:100vh;padding:1.5rem}.chatArea-header,.createGroups-container,.list-tem,.messages-container,.sb-conversations,.sb-header,.sb-search,.text-input-area,.ug-header,.welcome-container{border-radius:18px;margin:8px}.sb-conversations{max-height:32vh}.other-icons{justify-content:center}.con-icon{font-size:1.5rem;height:42px;margin-left:0;width:42px}.conversation-container{column-gap:8px;grid-template-columns:42px auto;margin:4px 0;padding:8px 4px}.messageBox,.other-text-content{max-width:88%}.createGroups-container{align-items:flex-start;flex-direction:column}.create-groups-copy{width:100%}.welcome-container{min-height:40vh}}
/*# sourceMappingURL=main.01ad9f20.css.map*/