:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--accent: #4f7cff;--accent-light: #e8eeff;--dark-bg: #0f1117;--dark-surface: #1a1d27;--dark-card: #20242f;--dark-border: #2e3347;--dark-text: #e2e8f0;--dark-muted: #8892a4;--light-bg: #f0f2f8;--light-surface: #ffffff;--light-card: #ffffff;--light-border: #e2e6f0;--light-text: #1a1d27;--light-muted: #7a8499;--msg-self: #4f7cff;--msg-other: #2e3347;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-dark: 0 4px 24px rgba(0,0,0,.3);--footer-height: 70px;--header-height: 57px;--search-height: 57px;font-family:DM Sans,sans-serif}body{min-height:100vh;background:var(--light-bg);transition:background .3s ease}body.dark{background:var(--dark-bg)}textarea:focus,input:focus{outline:none}.app-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--light-bg);transition:background .3s}.app-wrapper.dark{background:var(--dark-bg)}.login-page{width:min(90vw,900px);height:min(90vh,580px);display:flex;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #0000001f;background:var(--light-surface)}.login-page.dark{background:var(--dark-surface);box-shadow:0 20px 60px #0006}.login-banner{flex:.4;background:linear-gradient(135deg,#1a1d27,#2d3557,#4f7cff);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;position:relative;overflow:hidden}.login-banner:before{content:"";position:absolute;width:300px;height:300px;background:#4f7cff26;border-radius:50%;top:-80px;right:-80px}.login-banner-title{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;color:#fff;text-align:center;line-height:1.2;position:relative;z-index:1}.login-banner-sub{font-size:.9rem;color:#ffffffa6;text-align:center;position:relative;z-index:1}.login-form-area{flex:.6;display:flex;flex-direction:column;justify-content:center;padding:50px 44px;gap:18px}.login-form-area.dark{background:var(--dark-surface)}.login-heading{font-family:Syne,sans-serif;font-size:1.7rem;font-weight:700;color:var(--light-text);margin-bottom:4px}.login-heading.dark{color:var(--dark-text)}.login-sub{font-size:.85rem;color:var(--light-muted);margin-bottom:8px}.login-sub.dark{color:var(--dark-muted)}.login-input{width:100%;padding:13px 16px;border:1.5px solid var(--light-border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--light-text);background:var(--light-bg);transition:border-color .2s}.login-input.dark{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.login-input:focus{border-color:var(--accent)}.login-btn{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.99)}.login-switch{font-size:.85rem;color:var(--light-muted);text-align:center}.login-switch.dark{color:var(--dark-muted)}.login-switch span{color:var(--accent);cursor:pointer;font-weight:500;margin-left:4px}.main-container{width:min(95vw,1200px);height:min(92vh,760px);display:flex;flex-direction:row;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--light-bg)}.main-container.dark{background:var(--dark-bg);box-shadow:var(--shadow-dark)}.sidebar-container{width:300px;min-width:300px;max-width:300px;height:100%;display:flex;flex-direction:column;background:var(--light-surface);border-right:1px solid var(--light-border)}.sidebar-container.dark{background:var(--dark-surface);border-right-color:var(--dark-border)}.sb-header{flex-shrink:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:4px;border-bottom:1px solid var(--light-border);box-sizing:border-box;overflow:hidden}.sb-header.dark{border-bottom-color:var(--dark-border)}.sb-logo{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:var(--accent);flex-shrink:0;white-space:nowrap}.sb-icons{display:flex;gap:0px;flex-shrink:0}.sb-icon-btn{width:28px;height:28px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--light-muted);font-size:.95rem;transition:background .15s,color .15s}.sb-icon-btn:hover{background:var(--light-border);color:var(--light-text)}.sb-icon-btn.dark:hover{background:var(--dark-border);color:var(--dark-text)}.sb-search{flex-shrink:0;height:var(--search-height);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--light-border);box-sizing:border-box}.sb-search.dark{border-bottom-color:var(--dark-border)}.search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--light-bg);border-radius:var(--radius-sm);padding:8px 12px;width:100%}.search-input-wrap.dark{background:var(--dark-card)}.search-input-wrap svg{color:var(--light-muted);width:16px;height:16px;flex-shrink:0}.search-box{border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--light-text);width:100%}.search-box.dark{color:var(--dark-text)}.search-box::placeholder{color:var(--light-muted)}.search-box.dark::placeholder{color:var(--dark-muted)}.sb-conversations{flex:1;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--light-border) transparent}.sb-conversations.dark{scrollbar-color:var(--dark-border) transparent}.sb-logout{flex-shrink:0;height:var(--footer-height);display:flex;align-items:center;padding:0 16px;border-top:1px solid var(--light-border);box-sizing:border-box}.sb-logout.dark{border-top-color:var(--dark-border)}.convo-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.convo-item:hover{background:var(--light-bg)}.convo-item.dark:hover{background:var(--dark-card)}.convo-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0}.convo-info{flex:1;min-width:0}.convo-name{font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;color:var(--light-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-name.dark{color:var(--dark-text)}.convo-last{font-size:.78rem;color:var(--light-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-style:italic}.convo-last.dark{color:var(--dark-muted)}.chatArea-container{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--light-bg)}.chatArea-container.dark{background:var(--dark-bg)}.chatArea-header{flex-shrink:0;height:var(--header-height);display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--light-surface);border-bottom:1px solid var(--light-border);box-sizing:border-box}.chatArea-header.dark{background:var(--dark-surface);border-bottom-color:var(--dark-border)}.chat-header-name{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--light-text);flex:1}.chat-header-name.dark{color:var(--dark-text)}.messages-container{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.text-input-area{flex-shrink:0;height:var(--footer-height);display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--light-surface);border-top:1px solid var(--light-border);box-sizing:border-box}.text-input-area.dark{background:var(--dark-surface);border-top-color:var(--dark-border)}.msg-input{flex:1;padding:11px 16px;border:1.5px solid var(--light-border);border-radius:24px;font-family:DM Sans,sans-serif;font-size:.9rem;background:var(--light-bg);color:var(--light-text);transition:border-color .2s}.msg-input.dark{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.msg-input:focus{border-color:var(--accent)}.send-btn{width:42px;height:42px;background:var(--accent);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:opacity .2s,transform .1s;flex-shrink:0}.send-btn:hover{opacity:.85}.send-btn:active{transform:scale(.95)}.self-message-container{display:flex;justify-content:flex-end}.self-bubble{background:var(--msg-self);color:#fff;padding:10px 16px;border-radius:18px 18px 4px;max-width:65%;font-size:.9rem;line-height:1.5}.other-message-container{display:flex;align-items:flex-end;gap:8px}.other-bubble-wrap{display:flex;flex-direction:column;max-width:65%}.other-sender-name{font-size:.72rem;color:var(--light-muted);margin-bottom:4px;font-weight:500}.other-sender-name.dark{color:var(--dark-muted)}.other-bubble{background:var(--light-surface);color:var(--light-text);padding:10px 16px;border-radius:18px 18px 18px 4px;font-size:.9rem;line-height:1.5;box-shadow:0 1px 4px #0000000f}.other-bubble.dark{background:var(--dark-card);color:var(--dark-text)}.welcome-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:var(--light-muted);background:var(--light-bg)}.welcome-container.dark{background:var(--dark-bg);color:var(--dark-muted)}.welcome-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;color:var(--light-text)}.welcome-title.dark{color:var(--dark-text)}.welcome-sub{font-size:.9rem;text-align:center;max-width:320px}.list-container{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--light-bg);overflow:hidden}.list-container.dark{background:var(--dark-bg)}.list-header{flex-shrink:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--light-surface);border-bottom:1px solid var(--light-border);box-sizing:border-box}.list-header.dark{background:var(--dark-surface);border-bottom-color:var(--dark-border)}.list-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;color:var(--light-text)}.list-title.dark{color:var(--dark-text)}.list-header .icon-btn{display:none}.list-search{flex-shrink:0;height:var(--search-height);display:flex;align-items:center;padding:0 20px;background:var(--light-surface);border-bottom:1px solid var(--light-border);box-sizing:border-box}.list-search.dark{background:var(--dark-surface);border-bottom-color:var(--dark-border)}.list-items{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--light-surface);border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #0000000a;flex-shrink:0}.list-item.dark{background:var(--dark-card)}.list-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.list-item.dark:hover{box-shadow:0 4px 12px #00000040}.list-item-name{font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;color:var(--light-text)}.list-item-name.dark{color:var(--dark-text)}.createGroups-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:var(--light-bg);padding:40px}.createGroups-container.dark{background:var(--dark-bg)}.create-group-card{background:var(--light-surface);border-radius:var(--radius);padding:40px;width:min(100%,420px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.create-group-card.dark{background:var(--dark-surface);box-shadow:var(--shadow-dark)}.create-group-title{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700;color:var(--light-text)}.create-group-title.dark{color:var(--dark-text)}.icon-btn{width:34px;height:34px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--light-muted);font-size:1rem;transition:background .15s,color .15s}.icon-btn:hover{background:var(--light-border);color:var(--light-text)}.icon-btn.dark:hover{background:var(--dark-border);color:var(--dark-text)}.skeleton{background:linear-gradient(90deg,var(--light-border) 25%,var(--light-bg) 50%,var(--light-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton.dark{background:linear-gradient(90deg,var(--dark-border) 25%,var(--dark-card) 50%,var(--dark-border) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.main-container{width:100vw;height:100vh;border-radius:0}.login-banner{display:none}.login-form-area{padding:30px 24px}.sidebar-container{width:64px;min-width:64px;max-width:64px;display:flex;flex-direction:column;align-items:center}.sb-search,.sb-conversations,.sb-logo{display:none}.sb-header{flex:1;width:100%;height:auto;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;gap:0;border-bottom:none;border-right:none;overflow:visible}.sb-header:before{content:"";display:block;width:32px;height:32px;background:url(/assets/favicon-DTYVEAlR.svg) center/cover no-repeat;border-radius:8px;margin:12px 0 8px;flex-shrink:0}.sb-icons{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;width:100%;padding:16px 0}.sb-icon-btn{width:40px;height:40px;border-radius:10px}.sb-logout{flex-shrink:0;height:var(--footer-height);width:100%;padding:0;border-top:1px solid var(--light-border);display:flex;align-items:center;justify-content:center}.sb-logout.dark{border-top-color:var(--dark-border)}.sb-logout button span,.sb-logout button .logout-label{display:none}.sb-logout button{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;border-radius:10px!important}}