.login-wrapper[data-v-19628f93]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f6f9;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:-30px}.login-card[data-v-19628f93]{width:100%;max-width:400px;background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);text-align:center;box-sizing:border-box}.login-header[data-v-19628f93]{margin-bottom:25px}.login-title[data-v-19628f93]{margin:0 0 8px;color:#2c3e50;font-size:22px;font-weight:700}.login-subtitle[data-v-19628f93]{color:#7f8c8d;font-size:14px;margin:0}.login-form-group[data-v-19628f93]{display:flex;gap:12px}.login-row-group[data-v-19628f93]{flex-direction:row;justify-content:center;align-items:center}.login-col-group[data-v-19628f93]{flex-direction:column}.login-form-input[data-v-19628f93]{width:100%;padding:12px 14px;border:1px solid #dcdfe6;border-radius:6px;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;outline:none}.login-form-input[data-v-19628f93]:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.15)}.login-code-input[data-v-19628f93]{text-align:center;font-size:18px;letter-spacing:3px;font-weight:700}.login-btn[data-v-19628f93]{border:none;border-radius:6px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s}.login-btn-primary[data-v-19628f93]{background-color:#409eff;color:#fff}.login-btn-primary[data-v-19628f93]:hover{background-color:#66b1ff}.login-btn-primary[data-v-19628f93]:active{transform:scale(.98)}.login-btn-block[data-v-19628f93]{width:100%;margin-top:6px}.login-error-box[data-v-19628f93]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:10px;background-color:#fef0f0;border:1px solid #fbc4c4;border-radius:6px;color:#f56c6c;font-size:14px}.login-error-icon[data-v-19628f93]{flex-shrink:0}.fade-enter-active[data-v-19628f93],.fade-leave-active[data-v-19628f93]{transition:opacity .3s ease}.fade-enter[data-v-19628f93],.fade-leave-to[data-v-19628f93]{opacity:0}#app[data-v-19628f93]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:30px;overflow:hidden!important}.peer-icon[data-v-19628f93]{height:.7em;width:auto;vertical-align:middle;filter:brightness(0) invert(1)}.chatBox[data-v-19628f93]{width:100%;height:85%;overflow-y:scroll;overflow-x:hidden;font-size:16px}.chatBox p[data-v-19628f93]{margin-bottom:5px}.chatLayout[data-v-19628f93]{height:calc(95vh - 120px)}.badge[data-v-19628f93]:empty{width:1px!important;display:inline-block!important}.toast[data-v-19628f93]{width:500px;max-width:500px!important;margin-left:-20%}.sidebar-btn[data-v-19628f93]{position:fixed;top:50%;z-index:1000;left:16px;width:50px;height:50px;border-radius:50%;font-size:20px;transform:translateY(-50%);box-shadow:0 4px 8px rgba(0,0,0,.2)}.sidebar-btn[data-v-19628f93]:hover{transform:translateY(-50%) scale(1.1);transition:transform .2s ease}.role-btn[data-v-19628f93]{top:65%}.access-code-btn[data-v-19628f93]{top:80%}.admin-account-btn[data-v-19628f93]{top:35%}.role-list[data-v-19628f93]{max-height:600px;overflow-y:auto;padding-right:10px}.access-code-list-scroll[data-v-19628f93]{max-height:760px;overflow-y:auto;padding-right:8px}.npc-dropdown .dropdown-menu[data-v-19628f93]{max-height:200px;overflow-y:auto}.avatar-section[data-v-19628f93]{padding:20px;display:flex;flex-direction:column;align-items:center}.avatar-container[data-v-19628f93]{width:100%;max-width:300px}.npc-avatar[data-v-19628f93]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:3px solid #dee2e6;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease}.npc-avatar[data-v-19628f93]:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.15)}.placeholder-avatar[data-v-19628f93]{width:100%;aspect-ratio:1/1;border:3px dashed #dee2e6;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.placeholder-content[data-v-19628f93]{text-align:center}@media (max-width:768px){.avatar-section[data-v-19628f93]{padding:10px}.avatar-container[data-v-19628f93]{max-width:200px}}