.avatar{border-radius:.5rem;color:rgb(var(--text-avatar));min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.avatar-1{background-color:rgb(var(--avatar-1))}.avatar-2{background-color:rgb(var(--avatar-2))}.avatar-3{background-color:rgb(var(--avatar-3))}.avatar-4{background-color:rgb(var(--avatar-4))}.avatar-5{background-color:rgb(var(--avatar-5))}.avatar-6{background-color:rgb(var(--avatar-6))}.avatar-7{background-color:rgb(var(--avatar-7))}.avatar-8{background-color:rgb(var(--avatar-8))}.avatar-9{background-color:rgb(var(--avatar-9))}.avatar-0{background-color:rgb(var(--avatar-0))}.chat-item:hover,.chat-item.selected{background-color:rgb(var(--highlight))}.chat-item{color:rgb(var(--text-grey));border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.chat-item .chat-item-content{font-size:.85rem;flex-grow:1;overflow:hidden}.chat-item .chat-item-content>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item .chat-item-content .chat-item-title{font-weight:700}.chat-item .chat-item-info{display:flex;flex-direction:column}.container-body .tab{overflow:hidden}.container-body .tab input{position:absolute;opacity:0;z-index:-1}.container-body .tab-content{max-height:0;overflow:hidden;transition:all .35s}.container-body .tab-content>div{transition:all .35s}.container-body .tab input:checked~.tab-content{max-height:100%}.container-body .tab input:not(:checked)~.tab-content>div{transform:translateY(-100%)}.container-body .tab-label{display:flex;cursor:pointer;justify-content:space-between;font-size:1rem}.container-body .tab-label:after{content:"❯";min-width:1rem;min-height:1rem;text-align:center;transition:all .35s}.container-body .tab input:checked+div>.tab-label:after{transform-origin:center center;transform:rotate(90deg)}.container-body .section-title{font-weight:700;padding:.5rem 0;margin-bottom:1rem;border-bottom:1px solid rgb(var(--border))}.container-body .section-content{display:flex;justify-content:space-between;gap:1rem}.container-body .section-content .section-column{width:100%;display:flex;flex-direction:column;gap:.25rem;position:relative}.container-body label{font-size:.8rem}#sidebar{max-width:40%}header{height:var(--header-height);border-bottom:1px solid rgb(var(--border))}nav{height:100%;display:flex;align-items:center}nav a{height:100%;padding:1rem;color:rgb(var(--text));text-decoration:none;transition:background-color .3s ease}nav a:hover{background-color:rgb(var(--highlight))}.profile{border-radius:50%;background-color:rgb(var(--primary));color:rgb(var(--text-avatar));width:var(--profile-size);height:var(--profile-size);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;margin-right:1rem}.profile:hover{background-color:rgba(var(--primary),.9)}.container-body{padding:1rem;flex-grow:1;overflow:hidden}.container-body .chat-container{height:100%;display:flex;flex-direction:column;gap:1rem}.popup{position:relative;bottom:0;left:0;width:100%;max-height:10rem;box-shadow:0 -5px 5px -2px rgb(var(--border));border-top:1px solid rgb(var(--border));animation:slide-in-bottom .3s ease-out}.popup .popup-content{height:100%;display:flex;flex:0 0 100%;justify-content:space-between;align-items:start;padding:1rem}@keyframes slide-in-bottom{0%{transform:translateY(100%)}}.container-title{font-size:1.2rem;font-weight:700;padding:1rem;border-bottom:1px solid rgb(var(--border));display:flex}.container-footer .message-area{position:relative;width:100%;background-color:rgb(var(--background));display:flex;flex-direction:column;gap:.5rem}.container-footer .message-area .message-box textarea{border:1px solid rgb(var(--border));border-radius:.5rem;height:5rem;width:100%;resize:none;vertical-align:top;padding:.5rem}.container-footer .message-area .message-box textarea:focus{outline:none;background-color:rgb(var(--highlight));box-shadow:0 0 10px rgb(var(--border))}.container-footer .message-area .message-buttons{display:flex;justify-content:space-between;gap:.5rem}.container-footer .message-area .message-buttons .message-area-btn:hover:enabled{background-color:rgb(var(--highlight));box-shadow:0 0 10px rgb(var(--border))}.container-footer .message-area .message-buttons .message-area-btn:disabled{fill:rgb(var(--border));cursor:default}.container-footer .message-area .message-buttons .message-area-btn:enabled{cursor:pointer}.container-footer .message-area .message-buttons .message-area-btn{background-color:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:.5rem;height:2rem;min-width:2rem;color:rgb(var(--text));text-decoration:none;display:flex;justify-content:center;align-items:center;padding:.25rem}.container-footer .message-area .message-buttons .placeholder{flex:1}.container-footer .message-area .message-buttons:has(#emoji-btn:hover)~.message-emoji,.container-footer .message-area .message-emoji:hover{transform:scale(1)}.container-footer .message-area .message-emoji{position:absolute;top:-100%;left:.5rem;border-radius:.5rem;height:12rem;width:100%;max-width:25rem;background-color:rgb(var(--background));border:1px solid rgb(var(--border));box-shadow:0 0 10px rgb(var(--border));transform-origin:bottom left;transform:scale(0);transition-delay:.25s;transition-duration:.5s;transition-property:height visibility scale}.container-footer .message-area .message-emoji .tabs-container{display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden;height:100%}.container-footer .message-area .message-emoji .tabs-container>input[type=radio]{padding:.25rem;display:none}.container-footer .message-area .message-emoji .tabs-container>input[type=radio]:checked+.tab-label{border-bottom:2px solid rgb(var(--primary))}.container-footer .message-area .message-emoji .tabs-container>input[type=radio]:not(:checked)+.tab-label+.tab-content{display:none}.container-footer .message-area .message-emoji .tabs-container .tab-label{padding:.25rem 1rem;height:2rem}.container-footer .message-area .message-emoji .tabs-container .tab-content{display:flex;flex-wrap:wrap;order:99;overflow-y:auto;border-top:1px solid rgb(var(--border));width:100%;height:calc(100% - 3rem);padding:.75rem;margin-bottom:1rem}.container-footer .message-area .message-emoji .tabs-container .tab-content .emoji-icon{display:flex;justify-content:center;align-items:center;font-size:1.5rem;border-radius:.5rem;cursor:pointer}.container-footer .message-area .message-emoji .tabs-container .tab-content .emoji-icon:hover{background-color:rgb(var(--highlight))}.chat-message{display:flex;flex-direction:column}.chat-message .chat-message-title{display:none;font-size:.85rem;color:rgb(var(--text-grey))}.chat-message .chat-message-group{display:flex;gap:.25rem;align-items:start}.chat-message .chat-message-group .avatar{visibility:hidden;border-radius:.5rem;color:rgb(var(--text-avatar));min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.chat-message .chat-message-group .chat-message-content{padding:.5rem;min-height:2.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-message .chat-message-group .chat-message-content .chat-message-image{display:flex}.chat-message .chat-message-group .chat-message-content .chat-message-image img{max-width:18rem;border-radius:.5rem}.chat-message .chat-message-group .chat-message-content .chat-message-image+.chat-message-text{max-width:18rem}.chat-message .chat-message-group .chat-message-content .chat-message-text{overflow-wrap:anywhere}.message-in{align-self:flex-start;margin-right:5rem}.message-in .chat-message-title{margin-left:2.75rem}.message-in .chat-message-content{background-color:rgb(var(--message-in));border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.message-in:first-child .chat-message-content,.message-out+:not(.message-out) .chat-message-content{border-top-left-radius:.5rem}.message-in:first-child .chat-message-title,.message-out+:not(.message-out) .chat-message-title{display:block}.message-in:first-child .avatar,.message-out+:not(.message-out) .avatar{visibility:visible}.message-in:last-child .chat-message-content,.message-in:has(+:not(.message-in)) .chat-message-content{border-bottom-left-radius:.5rem}.message-out{align-self:flex-end;margin-left:5rem}.message-out .chat-message-title{text-align:end}.message-out .chat-message-group{flex-direction:row-reverse}.message-out .chat-message-content{background-color:rgb(var(--message-out));border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.message-out:first-child .chat-message-content,.message-in+:not(.message-in) .chat-message-content{border-top-right-radius:.5rem}.message-out:first-child .chat-message-title,.message-in+:not(.message-in) .chat-message-title{display:block}.message-out:first-child .avatar,.message-in+:not(.message-in) .avatar{visibility:visible}.message-out:last-child .chat-message-content,.message-out:has(+:not(.message-out)) .chat-message-content{border-bottom-right-radius:.5rem}.chat-messages{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;margin-right:-1rem;padding-right:.5rem;scrollbar-gutter:stable;overflow-y:scroll}#main{flex-grow:1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.auth-container{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;width:100%;max-width:28rem}.auth-container>h2{font-size:1.875rem;line-height:2.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:#2563eb}.auth-container>form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.input-group>input,.input-group>button{width:100%;padding-inline-start:1rem;padding-inline-end:1rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-left:2.5rem;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;border:1px solid #ccc;border-radius:.25rem;transition:border-color .3s}.input-group>input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #3b82f6}.input-group>svg{position:absolute;top:.75rem;color:#cbd5e0}.input-group input[type=password]{padding-right:2.5rem}.icon{left:.75rem}.toggle-password{right:.75rem;cursor:pointer}.auth-page button[type=submit]{width:100%;background-color:#2563eb;color:#fff;padding-block-start:.5rem;padding-block-end:.5rem;border-radius:.375rem;transition:all;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.auth-page button[type=submit]:hover{background-color:#1d4ed8}.link{background:none;border:none;color:#2563eb;cursor:pointer;padding:0;font:inherit;font-size:.875rem;line-height:1.25rem}.link:hover{text-decoration:underline}.forgot-password{text-align:center;margin-top:1rem}.switch-mode{text-align:center;margin-top:1.5rem;font-size:.875rem;line-height:1.25rem;color:#718096}.error-message{color:#e74c3c;font-size:14px;margin-top:5px}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--primary: 34, 112, 147;--secondary: 255, 82, 82;--background: 255, 255, 255;--highlight: 238, 238, 238;--border: 211, 211, 211;--text: 0, 0, 0;--text-avatar: 255, 255, 255;--text-grey: 128, 128, 128;--message-in: 238, 238, 238;--message-out: 173, 216, 230;--avatar-1: 255, 87, 51;--avatar-2: 0, 128, 128;--avatar-3: 51, 87, 255;--avatar-4: 255, 51, 161;--avatar-5: 240, 213, 0;--avatar-6: 255, 140, 51;--avatar-7: 106, 51, 255;--avatar-8: 51, 255, 240;--avatar-9: 255, 51, 120;--avatar-0: 51, 255, 140;--theme: rgb(var(--primary));--header-height: 3.5rem;--profile-size: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:.5rem;height:1rem}*::-webkit-scrollbar-thumb{background-color:var(--highlight);border-radius:.25rem}*:hover::-webkit-scrollbar-thumb{background-color:rgb(var(--border))}body{display:flex;flex-direction:column;min-width:320px;height:100vh;background-color:rgb(var(--background))}section:not(:last-child){border-right:1px solid rgb(var(--border))}section{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - var(--header-height))}main{position:relative;overflow:hidden;flex-grow:1;display:flex;align-items:stretch;transition:all .35s}button{padding:.5rem 1rem;border:none;cursor:pointer;border-radius:.5rem}button[type=submit]{color:rgb(var(--background));background-color:rgb(var(--primary))}button[type=reset]{background-color:rgb(var(--border));background-color:rgb(var(--background));border:1px solid rgb(var(--border))}@keyframes message-scale-out{0%{transform:scale(0)}to{transform:scale(1)}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:rgb(var(--border));color:rgb(var(--text));text-align:center;font-size:.8rem;border-radius:.5rem;padding:.5rem;position:absolute;z-index:1;bottom:125%;right:-.5rem;opacity:0;transition:opacity .3s}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;right:.6rem;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgb(var(--border)) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.table{display:table;width:100%}.table .theader{display:table-header-group}.table .theader .th{display:table-cell;vertical-align:middle;border-right:1px solid rgb(var(--border));border-bottom:1px solid rgb(var(--border));padding:.25rem 1rem;font-weight:700}.table .tbody{display:table-row-group}.table .tbody .tr:hover{background-color:rgb(var(--highlight))}.table .tr{display:table-row}.table .tr .td{display:table-cell;vertical-align:middle;padding:0 1rem;border-right:1px solid rgb(var(--border))}.table .tr .td .tflex{display:flex;align-items:center;white-space:nowrap;gap:.5rem}.table .tr .td .tflex>div{display:flex;align-items:center}.table .tr .td .tflex .avatar{border-radius:50%;color:rgb(var(--text-avatar));min-width:1.5rem;height:1.5rem;font-size:.7rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.table .tr .td .tflex .tdropdown{display:inline-block}.table .tr .th:first-child,.table .tr .td:first-child{padding-left:0}.table .tr .th:last-child,.table .tr .td:last-child{padding-right:0;border-right:none}