:root{--wa-dark-teal: #075e54;--wa-green: #128c7e;--wa-green-hover: #0d7a6e;--wa-light-green: #dcf8c6;--wa-accent: #06cf9c;--wa-bg-chat: #efeae2;--wa-bg-sidebar: #f0f2f5;--wa-bg-white: #ffffff;--wa-bg-hover: #f0f2f5;--wa-bg-selected: #e9edef;--wa-text-primary: #111b21;--wa-text-secondary: #667781;--wa-text-white: #ffffff;--wa-border: #e9edef;--wa-shadow-card: 0 1px 2px rgba(0, 0, 0, .08);--wa-shadow-header: 0 1px 3px rgba(0, 0, 0, .2);--wa-shadow-card-elevated: 0 1px 3px rgba(0, 0, 0, .12);--wa-connected: #128c7e;--wa-disconnected: #e53935;--wa-connected-bg: #dcf8c6;--wa-disconnected-bg: #ffebee;--wa-avatar-width: 40px;--wa-avatar-height: 40px;--wa-drawer-width: 240px;--wa-border-radius: 8px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--wa-text-primary);background-color:var(--wa-bg-white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 2s linear infinite}.wa-page-bg{min-height:100vh;background-color:var(--wa-bg-chat);background-image:url(/bg.png);background-repeat:repeat;background-size:400px;background-attachment:fixed}.wa-btn-green{background-color:var(--wa-green)!important;color:var(--wa-text-white)!important;text-transform:none!important;border-radius:var(--wa-border-radius)!important}.wa-btn-green:hover{background-color:var(--wa-green-hover)!important}.wa-btn-green-outlined{border-color:var(--wa-green)!important;color:var(--wa-green)!important;text-transform:none!important;border-radius:var(--wa-border-radius)!important}.wa-btn-green-outlined:hover{border-color:var(--wa-green-hover)!important;background-color:#128c7e0a!important}.wa-card{background-color:var(--wa-bg-white);border-radius:var(--wa-border-radius);box-shadow:var(--wa-shadow-card);overflow:hidden}.wa-card-elevated{background-color:var(--wa-bg-white);border-radius:var(--wa-border-radius);box-shadow:var(--wa-shadow-card-elevated);overflow:hidden}.wa-sidebar-header{background-color:var(--wa-bg-sidebar);padding:12px;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;transition:background-color .1s}.wa-sidebar-header-clickable{cursor:pointer}.wa-sidebar-header-clickable:hover{background-color:var(--wa-bg-selected)}.wa-nav-item:hover{background-color:var(--wa-bg-hover)!important}.wa-nav-item.Mui-selected{background-color:var(--wa-bg-selected)!important;border-left:4px solid var(--wa-accent)!important}.wa-avatar-teal{background-color:var(--wa-dark-teal)!important;width:var(--wa-avatar-width)!important;height:var(--wa-avatar-height)!important}.wa-avatar-secondary{background-color:var(--wa-bg-selected)!important;color:var(--wa-text-secondary)!important}.wa-sidebar-drawer{width:var(--wa-drawer-width);flex-shrink:0}.wa-sidebar-drawer .MuiDrawer-paper{width:var(--wa-drawer-width);box-sizing:border-box;border-right:1px solid var(--wa-border)}.wa-layout-root{display:flex;width:100%;min-height:100vh}.wa-app-bar{background-color:var(--wa-dark-teal)!important;box-shadow:none!important;z-index:1201!important}.wa-app-bar-toolbar{display:flex;gap:0;padding-left:16px!important;padding-right:16px!important}.wa-logo-container{width:calc(var(--wa-drawer-width) - 32px);display:flex;align-items:center}.wa-logo-text{font-weight:700!important;letter-spacing:.5px}.wa-header-container{flex-grow:1;display:flex;align-items:center}.wa-app-bar-actions{display:flex;align-items:center;gap:16px;padding-left:24px}