.page_conversationPage__dp_LA{width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;height:calc(100vh - 130px);margin-top:var(--spacing-xxl);gap:1rem}.page_loadingContainer__2j5JR{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:1rem}.page_loadingSpinner__QX2KB{width:40px;height:40px;border-radius:50%;border:3px solid rgba(var(--theme-primary-rgb),.2);border-top-color:var(--theme-primary-color);animation:page_spin__uQQ5L 1s ease-in-out infinite}.page_loading__udbp_{display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:var(--theme-text-secondary)}.page_elevatedCard__yNt8_{background-color:var(--theme-tab-background);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.page_conversationHeader__22MwK{display:flex;align-items:center;padding:1rem;position:-webkit-sticky;position:sticky;top:0;background-color:var(--theme-tab-background);border-radius:var(--spacing-sm);margin-bottom:0;z-index:10}.page_recipientInfo__jirSC{display:flex;align-items:center;gap:12px;flex:1 1}.page_recipientAvatarContainer__MLo27{margin-right:12px}.page_recipientAvatar__1o9qi,.page_recipientDefaultAvatar__b3gwV{width:40px;height:40px;border-radius:50%;object-fit:cover}.page_recipientDefaultAvatar__b3gwV{display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#fff}.page_recipientDetails__hw2Yp{display:flex;flex-direction:column}.page_onlineStatus__Vbu_Y{font-size:.8rem;color:var(--theme-success-color);margin-top:-4px}.page_headerActions__BcjFL{display:flex;gap:.5rem}.page_backButton__18rb_,.page_colorOption__nbPHn,.page_dropdownButton__tWHKO,.page_moreOptionsButton__HvM9U,.page_refreshButton__rpW6v,.page_textSizeButton__Oy_ce{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:var(--spacing-md)!important;padding:0!important;margin:0!important}.page_backButton__18rb_{margin-right:1rem!important}.page_colorOption__nbPHn,.page_textSizeButton__Oy_ce{width:100%!important}.page_spin__uQQ5L{animation:page_spin__uQQ5L 1s linear infinite}@keyframes page_spin__uQQ5L{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page_conversationTitle__UZIfA{font-size:1.2rem;margin:0;overflow:visible;text-overflow:clip;white-space:normal}.page_messagesContainer__cL7PJ{flex:1 1!important;overflow-y:auto!important;overflow-x:visible!important;padding:var(--spacing-md)!important;margin-bottom:0!important;background-color:var(--theme-tab-background)!important;border-radius:12px!important;scroll-behavior:smooth!important}.page_messagesContainer__cL7PJ::-webkit-scrollbar-thumb,.page_messagesContainer__cL7PJ::-webkit-scrollbar-track{border-radius:var(--spacing-md)}.page_emptyState__eBpFi{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 80px);padding:2rem;text-align:center}.page_emptyStateContent__3xBWo{display:flex;flex-direction:column;align-items:center;gap:1rem}.page_emptyStateIcon__iUBTL{font-size:3rem;animation:page_bounce__YHo7o 2s infinite}@keyframes page_bounce__YHo7o{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page_messagesList__hLuCH{display:flex;flex-direction:column;gap:.5rem}.page_dateDivider__EuZzW{display:flex;align-items:center;justify-content:center;margin:1rem 0;position:relative}.page_dateDivider__EuZzW span{background-color:var(--theme-tab-background);font-size:.8rem;color:var(--theme-text-secondary);position:relative;z-index:1;border-radius:12px;padding:4px 12px;background-color:var(--background-tertiary)}.page_dateDivider__EuZzW:before{content:"";position:absolute;left:0;right:0;height:1px;background-color:var(--theme-border)}.page_messageItem__ZSqAj{display:flex;flex-direction:column;max-width:70%;align-self:flex-start;padding:0;background-color:transparent;border-radius:0;margin-bottom:.5rem;transform-origin:left center;transition:all .3s ease}.page_ownMessage__QNFKa{align-self:flex-end;transform-origin:right center}.page_messageItem__ZSqAj:hover{transform:translateY(-2px)}.page_messageAuthor__6DDun{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:var(--spacing-xs) var(--spacing-sm);width:100%;transition:opacity .2s}.page_ownMessage__QNFKa .page_messageAuthor__6DDun{justify-content:flex-end;padding-right:var(--spacing-md)}.page_messageAvatarContainer__zpnK2{margin-right:8px}.page_messageAvatar__1fITq{width:32px;height:32px;border-radius:50%;object-fit:cover}.page_messageDefaultAvatar__kHMiN{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;color:#fff;border:2px solid hsla(0,0%,100%,.1)}.page_messageUsername__guVPU{font-size:.8rem;font-weight:500;color:var(--theme-text-secondary)}.page_ownMessage__QNFKa .page_messageUsername__guVPU{color:var(--theme-text-primary);margin-right:.5rem}.page_messageContent__q4I_z{background:linear-gradient(225deg,var(--theme-secondary-color),var(--theme-primary-color))!important;padding:.75rem 1rem;max-width:100%;margin:0 var(--spacing-sm);word-break:break-word;transition:all .2s ease}.page_messageContent__q4I_z,.page_ownMessageContent__MtKJ_{color:var(--theme-text-primary)!important;border-radius:var(--spacing-md)}.page_ownMessageContent__MtKJ_{background:linear-gradient(135deg,var(--theme-primary-color),var(--theme-secondary-color))!important;margin-right:var(--spacing-sm);margin-left:auto}.page_ownMessageIndicator__j2ksm{font-size:.7rem;color:var(--theme-text-secondary);margin-bottom:4px;text-align:right;font-weight:500;padding-right:var(--spacing-md)}.page_messageTextContainer__VrdYV{display:flex;align-items:baseline;gap:.4rem}.page_messageText__JGFhr{margin:0;word-break:break-word;white-space:pre-wrap;color:var(--theme-text-primary);overflow:visible;flex-grow:1}.page_messageContent__q4I_z .page_statusIconRead__37ueP,.page_messageContent__q4I_z .page_statusIcon__rS37h{font-size:.7rem;color:var(--theme-text-secondary);flex-shrink:0;line-height:1}.page_messageContent__q4I_z .page_statusIconRead__37ueP{color:var(--theme-primary-color)}.page_revealedTimestamp__4XRJc{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:var(--background-tertiary);padding:3px 8px;border-radius:10px;white-space:nowrap;z-index:0;pointer-events:none;opacity:.8}.page_messageStatus__E4ZFZ,.page_revealedTimestamp__4XRJc{font-size:.7rem;color:var(--theme-text-secondary)}.page_ownMessageContent__MtKJ_ .page_messageStatus__E4ZFZ{color:var(--theme-text-secondary)}.page_typingIndicator__kppke{margin-bottom:8px;padding:0 var(--spacing-sm);animation:page_fadeIn__NnCGM .3s ease-in-out}@keyframes page_fadeIn__NnCGM{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page_typingIndicatorContent__AyMQG{display:flex;align-items:center;background:linear-gradient(225deg,var(--theme-secondary-color),var(--theme-primary-color))!important;color:var(--theme-text-primary)!important;padding:var(--spacing-sm);border-radius:var(--spacing-md);position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1);word-break:break-word;transition:all .2s ease;max-width:20%;margin:0!important}@keyframes page_pulseBackground__TJhi4{0%,to{background-color:rgba(126,87,194,.2)}50%{background-color:rgba(126,87,194,.4)}}.page_typingText__MoL2y{font-weight:600;color:var(--theme-text-primary)!important;margin-left:8px}.page_typingDots__RhuB3{display:flex;align-items:center;justify-content:center}.page_typingDots__RhuB3 span{width:8px;height:8px;border-radius:50%;background-color:var(--theme-text-primary);margin:0 2px;animation:page_pulse__dUaUw 1.5s ease-in-out infinite}.page_typingDots__RhuB3 span:first-child{animation-delay:0s}.page_typingDots__RhuB3 span:nth-child(2){animation-delay:.2s}.page_typingDots__RhuB3 span:nth-child(3){animation-delay:.4s}.page_typingDots__RhuB3 span:nth-child(4){animation-delay:.6s}@keyframes page_pulse__dUaUw{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.page_messageForm__dYfRL{display:flex;padding:var(--spacing-sm)!important;border-radius:var(--spacing-md);background-color:var(--theme-tab-background);margin-bottom:0;gap:8px}.page_messageFormInner__HyeGO{display:flex;width:100%;gap:8px}.page_messageInput__xqiAw{flex:1 1;padding:.75rem 1rem;border-radius:24px!important;background:var(--background-secondary)!important;color:var(--theme-text-primary);font-size:1rem;outline:none;transition:all .3s ease}.page_messageInput__xqiAw:focus{border-color:var(--theme-primary-color);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2)}.page_sendButton__HhHAh{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;transition:all .3s ease;transform:scale(.9);margin:0!important;padding:0!important;font-size:var(--button-font-size-large)!important}.page_sendActive__gqLR_{transform:scale(1)}.page_deleteButton__JmN3z{display:none}.page_messageContent__q4I_z .page_deleteButton__JmN3z:hover,.page_messageContent__q4I_z:hover .page_deleteButton__JmN3z{opacity:0}@media (max-width:576px){.page_conversationTitle__UZIfA{font-size:1rem}.page_messageForm__dYfRL{padding:.75rem}.page_messageInput__xqiAw{padding:.5rem .75rem}}@media (max-width:410px){.page_headerActions__BcjFL{flex-direction:column}}.page_dropdown__0xC6Z{position:absolute!important;top:calc(100% + 8px);right:0;width:280px;background-color:var(--tab-background-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--spacing-sm);box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.08);z-index:1000;padding:.75rem;transform-origin:top right;opacity:0;transform:scale(.95) translateY(-10px);pointer-events:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.page_dropdownOpen__N7uCd{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.page_dropdownHeader__LA3dX{padding-bottom:.75rem!important;margin-bottom:.75rem!important;font-weight:600;color:var(--theme-text-primary)}.page_dropdownSection__SqOJq{margin-bottom:1rem}.page_dropdownTitle__3iSih{font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:var(--theme-text-secondary);opacity:.9}.page_colorOptions___Aq_d{display:grid;grid-template-columns:repeat(5,minmax(30px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:1rem;width:100%}.page_colorOption__nbPHn{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:0}.page_activeTextSize__Z8Ulu,.page_colorOptionActive__xeDDd{border-color:hsla(0,0%,100%,.9);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.page_colorOption__nbPHn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.page_dropdownButton__tWHKO{width:100%!important;padding:.75rem;background:hsla(0,0%,100%,.1);border:none;font-size:.9rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;transition:all .2s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.page_dropdownButton__tWHKO:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.page_dropdownButton__tWHKO svg{width:18px;height:18px}.page_chatBackground1__Jsmyp{background-color:#111!important}.page_chatBackground2__uQFmo{background-color:#1e1e1e!important}.page_chatBackground3__V63Z_{background-color:#f9f8fb!important}.page_chatBackground4__XzGvh{background-color:#fff!important}.page_chatBackground5__su18W{background-color:#320d45!important}.page_chatBackground6__dN1D6{background-color:#1f2545!important}.page_chatBackground7__UHmBk{background-color:#4c0c0c!important}.page_chatBackground8__cEz8m{background-color:#0b320b!important}.page_chatBackground9__Ic3so{background-color:#332400!important}.page_chatBackground10__buRsn{background-color:#250425!important}.page_chatBackground10__buRsn .page_messageInput__xqiAw,.page_chatBackground1__Jsmyp .page_messageInput__xqiAw,.page_chatBackground2__uQFmo .page_messageInput__xqiAw,.page_chatBackground3__V63Z_ .page_messageInput__xqiAw,.page_chatBackground4__XzGvh .page_messageInput__xqiAw,.page_chatBackground5__su18W .page_messageInput__xqiAw,.page_chatBackground6__dN1D6 .page_messageInput__xqiAw,.page_chatBackground7__UHmBk .page_messageInput__xqiAw,.page_chatBackground8__cEz8m .page_messageInput__xqiAw,.page_chatBackground9__Ic3so .page_messageInput__xqiAw{background-color:hsla(0,0%,100%,.1)!important;border-color:transparent!important}.page_elevatedCard__yNt8_.page_chatBackground10__buRsn,.page_elevatedCard__yNt8_.page_chatBackground1__Jsmyp,.page_elevatedCard__yNt8_.page_chatBackground2__uQFmo,.page_elevatedCard__yNt8_.page_chatBackground3__V63Z_,.page_elevatedCard__yNt8_.page_chatBackground4__XzGvh,.page_elevatedCard__yNt8_.page_chatBackground5__su18W,.page_elevatedCard__yNt8_.page_chatBackground6__dN1D6,.page_elevatedCard__yNt8_.page_chatBackground7__UHmBk,.page_elevatedCard__yNt8_.page_chatBackground8__cEz8m,.page_elevatedCard__yNt8_.page_chatBackground9__Ic3so{box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.page_textSizeXSmall__BB3Pe .page_messageText__JGFhr{font-size:.7rem!important;line-height:1.2!important}.page_textSizeXSmall__BB3Pe .page_messageStatus__E4ZFZ,.page_textSizeXSmall__BB3Pe .page_messageTime__ZtJmz,.page_textSizeXSmall__BB3Pe .page_messageUsername__guVPU{font-size:.55rem!important}.page_textSizeSmall__S94sL .page_messageText__JGFhr{font-size:.85rem!important;line-height:1.3!important}.page_textSizeSmall__S94sL .page_messageStatus__E4ZFZ,.page_textSizeSmall__S94sL .page_messageTime__ZtJmz,.page_textSizeSmall__S94sL .page_messageUsername__guVPU{font-size:.65rem!important}.page_textSizeLarge__pjEJh .page_messageText__JGFhr{font-size:1.15rem!important;line-height:1.5!important}.page_textSizeLarge__pjEJh .page_messageStatus__E4ZFZ,.page_textSizeLarge__pjEJh .page_messageTime__ZtJmz{font-size:.8rem!important}.page_textSizeLarge__pjEJh .page_messageUsername__guVPU{font-size:.9rem!important}.page_textSizeXLarge__Eynn1 .page_messageText__JGFhr{font-size:1.3rem!important;line-height:1.6!important}.page_textSizeXLarge__Eynn1 .page_messageStatus__E4ZFZ,.page_textSizeXLarge__Eynn1 .page_messageTime__ZtJmz{font-size:.9rem!important}.page_textSizeXLarge__Eynn1 .page_messageUsername__guVPU{font-size:1rem!important;font-weight:600!important}.page_textSizeXXLarge__gEy08 .page_messageText__JGFhr{font-size:1.5rem!important;line-height:1.7!important;font-weight:500!important}.page_textSizeXXLarge__gEy08 .page_messageStatus__E4ZFZ,.page_textSizeXXLarge__gEy08 .page_messageTime__ZtJmz{font-size:1rem!important}.page_textSizeXXLarge__gEy08 .page_messageUsername__guVPU{font-size:1.1rem!important;font-weight:600!important}.page_textSizeOptions__68I5t{display:grid;grid-template-columns:repeat(5,minmax(30px,1fr));grid-gap:.5rem;gap:.5rem;width:100%;margin-bottom:.5rem}.page_textSizeButton__Oy_ce:hover{background:hsla(0,0%,100%,.12);transform:translateY(-1px)}.page_bgColorOption1__eZegp{background:var(--theme-primary-color)!important}.page_bgColorOption2__1g5Cm{background:var(--theme-primary-light)!important}.page_bgColorOption3__SkwPV{background:var(--theme-primary-dark)!important}.page_bgColorOption4__RckD0{background:var(--theme-secondary-color)!important}.page_bgColorOption5__rhyX6{background:var(--theme-secondary-light)!important}.page_bgColorOption6__rFXlz{background:var(--theme-secondary-dark)!important}.page_bgColorOption7__5doVu{background:#cc4c4c!important}.page_bgColorOption8__XVXF_{background:#189819!important}.page_bgColorOption9__2SjU0{background:#cd9800!important}.page_bgColorOption10__7xnah{background:#7f0080!important}.page_otherMessageGradient1__rN_xx{background:#502793!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient2__p2EAF{background:#a394b5!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient3__gARo6{background:#866d98!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient4__S0qvS,.page_otherMessageGradient5__img01{background:#127392!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient6__k5MJx{background:#778b9b!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient7__Nmyfi{background:#ac7e89!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient8__NPPsJ{background:#779276!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient9__w3LEI{background:#ad9176!important;color:var(--theme-text-primary)!important}.page_otherMessageGradient10__TxuVB{background:#996a9c!important;color:var(--theme-text-primary)!important}.page_messageItem__ZSqAj+.page_messageItem__ZSqAj{margin-top:-.25rem}.page_messageItem__ZSqAj:not(:first-child) .page_consecutiveMessage__7lo_F,.page_messageItem__ZSqAj:not(:first-child) .page_consecutiveOwnMessage__1qXjm{margin-top:-.5rem}.page_iconButton__VUhzl{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%!important;padding:0!important;transition:all .2s ease}.page_iconButton__VUhzl:hover{background-color:var(--background-tertiary)!important}.page_avatarContainer__Ts8As{position:relative}.page_statusIndicator__WHJ2I{position:absolute;bottom:-2px;right:-2px;z-index:5}.page_debugButtons__NdVGH{display:flex;margin-top:8px;gap:8px}.page_debugButton__uOqdn{padding:8px 12px;background-color:var(--theme-tab-background);border-radius:8px;cursor:pointer;font-size:14px}.page_debugButton__uOqdn:hover{background-color:var(--theme-hover-background)}.page_editMessageContainer__H3ym4{display:flex!important;flex-direction:column;width:100%;gap:var(--spacing-sm)}.page_editMessageInput__oRjJQ{width:100%;border-radius:8px;padding:6px 8px;background-color:var(--theme-background);color:var(--theme-text-primary)}.page_editButtons__66BxI{display:flex!important;gap:var(--spacing-sm);justify-content:flex-end;margin:0!important}.page_editButton__CUJh3{border-radius:50%;width:40px!important;height:40px!important;display:flex;align-items:center;justify-content:center;margin:0!important}.page_editButton__CUJh3:hover{background-color:var(--theme-secondary-hover)}.page_messageWithActions__jOi5_{display:flex;align-items:center;position:relative;width:100%}.page_messageActionButtons__at6td{display:flex;flex-direction:row;gap:var(--spacing-sm);position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5}.page_actionButton__2mwz8{position:relative;bottom:5px;width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;background-color:var(--theme-background)!important;box-shadow:0 2px 5px rgba(0,0,0,.15);display:flex!important;align-items:center!important;justify-content:center!important;color:var(--theme-text-primary)!important;opacity:.9;transition:all .2s ease!important}.page_actionButton__2mwz8:hover{background-color:var(--theme-hover-background)!important;transform:scale(1.1);opacity:1}.page_actionButton__2mwz8:disabled{opacity:.5;cursor:not-allowed}.page_messageWithActions__jOi5_>motion.page_div__Rbh2v{cursor:-webkit-grab;cursor:grab}.page_messageWithActions__jOi5_>motion.page_div__Rbh2v:active{cursor:-webkit-grabbing;cursor:grabbing}.StatusIndicator_statusIndicator__R_yP2{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--theme-tab-background);bottom:0;right:0;z-index:10}.StatusIndicator_online__bexX4{color:var(--success);animation:StatusIndicator_pulse__HQaLo 2s infinite}.StatusIndicator_doNotDisturb__zzMY9{color:var(--error)}.StatusIndicator_away__gZXhJ{color:var(--info)}.StatusIndicator_offline__4LWXY{color:var(--warning)}.StatusIndicator_small___wY8M{width:8px;height:8px}.StatusIndicator_medium__Exic9{width:12px;height:12px}.StatusIndicator_large__a3kAv{width:16px;height:16px}.StatusIndicator_doNotDisturbLine__4KrB_{width:60%;height:2px;background-color:#fff;position:absolute}@keyframes StatusIndicator_pulse__HQaLo{0%{box-shadow:0 0 0 0 rgba(68,183,0,.4)}70%{box-shadow:0 0 0 4px rgba(68,183,0,0)}to{box-shadow:0 0 0 0 rgba(68,183,0,0)}}.ui-demo_uiDemoContainer__D86Eu{max-width:1200px;margin:0 auto;padding:2rem}.ui-demo_pageTitle__ZfYvC{margin-bottom:2rem;font-size:2.5rem}.ui-demo_demoSection__DEkiU{margin-bottom:3rem;padding:2rem;background:var(--theme-tab-background);border-radius:.5rem;box-shadow:var(--shadow-sm)}.ui-demo_sectionTitle__VVwBv{margin-bottom:1.5rem;font-size:1.8rem;color:var(--text-primary)}.ui-demo_demoDescription__DXxxL{margin-bottom:2rem;color:var(--text-secondary)}.ui-demo_buttonGroup__poGU6{margin-bottom:2rem}.ui-demo_buttonGroup__poGU6 h3{margin-bottom:1rem;font-size:1.2rem}.ui-demo_buttonRow__puLCo{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ui-demo_demoContainer__25jtM{display:flex;flex-direction:column;gap:2rem}.ui-demo_avatarGrid__8oW41{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-end}.ui-demo_avatarItem__yaCrx{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ui-demo_avatarSize___WCD0{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.ui-demo_loggedOut__R_FEE{padding:1rem;background-color:var(--theme-tab-background);border-left:4px solid var(--theme-warning-color);color:var(--text-warning)}.ui-demo_fontNote__7ywKi{background-color:#fff3cd;color:#856404;padding:1rem;margin-bottom:2rem;border-radius:.5rem;border-left:4px solid #ffbf00}.ui-demo_fontNote__7ywKi code{background-color:rgba(0,0,0,.1);padding:.2rem .4rem;border-radius:.25rem;font-family:monospace}.ui-demo_fontDemoContainer__Lo6LX{display:flex;flex-direction:column;gap:2rem}.ui-demo_fontGroup__qK2cx{background-color:var(--theme-background);padding:1.5rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.ui-demo_fontGroup__qK2cx h3{margin-bottom:1rem;color:var(--theme-primary-color)}.ui-demo_fontGroup__qK2cx p{margin-bottom:.75rem;padding:.5rem;background-color:rgba(0,0,0,.05);border-radius:var(--border-radius-sm)}.ui-demo_fontGroup__qK2cx .ui-demo_fontNote__7ywKi{background-color:rgba(56,142,60,.1);color:#2e7d32;padding:1rem;margin-top:1rem;border-radius:.5rem;border-left:4px solid #2e7d32}.ui-demo_buttonNote__JS17H{margin-bottom:1rem;color:var(--theme-text-secondary);font-style:italic}.page_container__5JtE9{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.page_title__TuJ6R{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg);color:var(--theme-text-primary);text-align:center}.page_loadingContainer__wsqwC{display:flex;justify-content:center;align-items:center;min-height:400px}.page_statsContainer__NX57w{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page_statCard__1kLdT{background-color:var(--theme-tab-background);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.page_statCard__1kLdT:hover{transform:translateY(-5px)}.page_statValue__qzhql{font-size:var(--font-size-xxl);font-weight:700;color:var(--theme-primary-color);margin-bottom:var(--spacing-xs)}.page_statLabel____yOu{font-size:var(--font-size-sm);color:var(--theme-text-secondary)}.page_tableContainer__opRx0{background-color:var(--theme-tab-background);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow-x:auto}.page_statusTable__7fSDZ{width:100%;border-collapse:collapse}.page_statusTable__7fSDZ td,.page_statusTable__7fSDZ th{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--theme-border-color)}.page_statusTable__7fSDZ th{font-weight:700;color:var(--theme-text-secondary)}.page_statusTable__7fSDZ th,.page_statusTable__7fSDZ tr:hover{background-color:var(--theme-background)}.page_userCell__aUPJA{min-width:200px}.page_userInfo__9pSlz{display:flex;align-items:center;gap:var(--spacing-md)}.page_username__NHuym{font-weight:500;color:var(--theme-text-primary)}.page_statusBadge__Ho_Aw{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize}.page_online__3h23n{background-color:rgba(76,175,80,.2);color:#4caf50}.page_offline__j2DmE{background-color:hsla(0,0%,62%,.2);color:#9e9e9e}.page_do_not_disturb__ojPBF{background-color:rgba(244,67,54,.2);color:#f44336}.page_countdown__HefFx{font-family:monospace;font-size:var(--font-size-md);color:var(--theme-text-primary);background-color:var(--theme-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block;min-width:60px;text-align:center}