.navbar-brand img[data-v-2079ac93]{-o-object-fit:contain;object-fit:contain}.avatar-container-nav[data-v-2079ac93]{display:flex;justify-content:center;align-items:center}.user-avatar-default-nav[data-v-2079ac93],.user-avatar-nav[data-v-2079ac93]{text-decoration:none;width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background-color:#007bff}footer[data-v-6f81bcd9]{font-size:.9rem}.main-content-land[data-v-2c990ac7]{min-height:89vh;min-width:100vw;height:80vh;overflow-y:auto;padding:1rem;background-color:#121212;color:#f1f1f1;border-radius:.5rem;margin:1rem auto;width:100%;max-width:1200px;box-shadow:0 0 10px rgba(0,0,0,.3);scrollbar-width:thin;scrollbar-color:#666 #111}.user-infoz[data-v-acb83ce6]{display:flex;justify-content:space-between;width:100%;align-items:center;gap:1rem}b-navbar-nav>.nav-item .nav-link[data-v-acb83ce6]{color:#fff!important}b-navbar-nav>.nav-item .nav-link[data-v-acb83ce6]:hover{color:#0d6efd!important}.dropdown-menu-dark[data-v-acb83ce6]{background-color:#343a40;color:#fff}.nick[data-v-acb83ce6]{font-size:1.2rem;font-weight:700;color:#ecf0f1}.rank[data-v-acb83ce6]{font-size:.9rem;color:#f39c12}.character-info[data-v-acb83ce6]{display:flex;align-items:center;width:100%}.class-icon-selected[data-v-acb83ce6]{width:50px;height:50px}.character-details[data-v-acb83ce6]{display:flex;align-items:center;flex-direction:column;flex-grow:1}.class-icons-grid[data-v-acb83ce6]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px}.class-icon[data-v-acb83ce6]{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease-in-out}.class-icon[data-v-acb83ce6]:hover{transform:scale(1.2)}.main-content[data-v-acb83ce6]{margin-left:220px;transition:margin-left .3s ease;width:calc(100% - 220px);height:100vh;overflow-y:hidden;padding:20px;box-sizing:border-box}aside.collapsed+.main-content[data-v-acb83ce6]{margin-left:70px;width:calc(100% - 70px)}body[data-v-acb83ce6]{background-color:#121212;color:#ecf0f1}.main-content[data-v-acb83ce6],.main-layout[data-v-acb83ce6],aside[data-v-acb83ce6],body[data-v-acb83ce6],html[data-v-acb83ce6]{background-color:#121212;color:#e0e0e0;scrollbar-width:thin;scrollbar-color:#666 #111}body #app[data-v-acb83ce6],html[data-v-acb83ce6]{scrollbar-width:thin;scrollbar-color:#666 #111;margin:0;padding:0;height:100%;width:100%;overflow-y:auto}#app[data-v-acb83ce6]{height:100%;width:100%;display:flex;flex-direction:row;overflow-y:auto}.main-layout[data-v-acb83ce6]{display:flex;height:100vh;width:100%;overflow:hidden}aside[data-v-acb83ce6]{width:220px;background:#000;color:#fff;transition:width .3s ease;position:fixed;top:0;left:0;bottom:0;padding:15px;z-index:1000;box-sizing:border-box}aside.collapsed[data-v-acb83ce6]{width:70px}nav ul[data-v-acb83ce6]{list-style-type:none;padding:0;margin:0}.menu-item[data-v-acb83ce6]{display:flex;align-items:center;padding:10px;color:#fff;text-decoration:none;transition:background .3s ease;cursor:pointer}.menu-item[data-v-acb83ce6]:hover{background:#ea580f}.menu-icon[data-v-acb83ce6]{font-size:20px;margin-right:10px;display:inline-block;vertical-align:middle}aside.collapsed .text[data-v-acb83ce6]{display:none}.user-avatar-default[data-v-acb83ce6],.user-avatar[data-v-acb83ce6]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background-color:#007bff}.user-avatar-default-small[data-v-acb83ce6],.user-avatar-small[data-v-acb83ce6]{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;font-size:12px;font-weight:700;color:#fff;background-color:#007bff}.user-info[data-v-acb83ce6]{display:flex;flex-direction:column;align-items:center;padding:10px 0}.user-details[data-v-acb83ce6]{text-align:center}.user-initials[data-v-acb83ce6]{font-size:12px;font-weight:700;margin-top:5px}.edit-profile-btn[data-v-acb83ce6],.logout-btn[data-v-acb83ce6]{background:#ea580f;color:#fff;border:none;padding:6px 10px;cursor:pointer;transition:background .3s ease;text-align:center;border-radius:5px;margin-top:5px;width:90%}.edit-profile-btn[data-v-acb83ce6]:hover{background:#d85e0a}.logout-btn[data-v-acb83ce6]{background:#dc3545}.logout-btn[data-v-acb83ce6]:hover{background:#c82333}.toggle-btn[data-v-acb83ce6]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#ea580f;border-radius:50%;border:none;color:#fff;font-size:18px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.toggle-btn[data-v-acb83ce6]:hover{background:#d85e0a}.logo[data-v-acb83ce6]{display:flex;justify-content:center;align-items:center;height:120px;margin-bottom:20px;padding:50px 50px}.logo-img-large[data-v-acb83ce6]{width:100%;max-width:180px;height:auto}.logo-img-small[data-v-acb83ce6]{width:60px;height:auto}aside.collapsed .logo[data-v-acb83ce6]{display:flex;justify-content:center;align-items:center;height:60px;padding:50px 0}aside.collapsed .logo-img-small[data-v-acb83ce6]{width:60px;height:auto}.avatar-container[data-v-acb83ce6]{display:flex;justify-content:center;align-items:center}.user-info-collapsed[data-v-acb83ce6],.user-info[data-v-acb83ce6]{width:100%;text-align:center}.user-info-collapsed .avatar-container[data-v-acb83ce6]{justify-content:center}aside.collapsed .menu-item[data-v-acb83ce6]{justify-content:center;padding:10px 0}aside.collapsed .menu-icon[data-v-acb83ce6]{font-size:20px;margin-right:0}.menu-separator-collapsed[data-v-acb83ce6]{border-top:1px solid #333;margin:10px 0}.user-avatar-small[data-v-acb83ce6]{font-size:20px;color:#fff;background-color:#ea580f;border-radius:50%;display:flex;justify-content:center;align-items:center;width:30px;height:30px}.login-container[data-v-acb83ce6]{display:flex;height:100vh;background:#1a1a1a}.class-container[data-v-acb83ce6],.login-container[data-v-acb83ce6]{justify-content:center;align-items:center;overflow:hidden}.login-form[data-v-acb83ce6]{background:#333;padding:30px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:400px;color:#fff;display:flex;flex-direction:column;align-items:center}.login-logo[data-v-acb83ce6]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.login-logo-img[data-v-acb83ce6]{max-width:120px;width:100%}.login-logo-img2[data-v-acb83ce6]{max-width:60px;width:100%}.login-logo-text[data-v-acb83ce6]{color:#ea580f;font-size:18px;margin-top:10px}.input-group[data-v-acb83ce6]{margin-bottom:15px;width:100%}.input-group label[data-v-acb83ce6]{display:block;font-weight:700;color:#fff;margin-bottom:5px}.input-group input[data-v-acb83ce6]{width:100%;padding:10px;border-radius:5px;border:1px solid #555;background-color:#222;color:#fff}button[data-v-acb83ce6]{width:100%;padding:10px;border:none;border-radius:5px;cursor:pointer;background-color:#ea580f;color:#fff;font-size:16px;margin-top:20px}button[data-v-acb83ce6]:hover{background-color:#d85e0a}.footer[data-v-acb83ce6]{margin-top:20px;text-align:center}.social-login-btn[data-v-acb83ce6]{margin-top:10px;padding:10px;width:100%;background-color:#ea580f;color:#fff;border-radius:5px;cursor:pointer}.social-login-btn[data-v-acb83ce6]:hover{background-color:#d85e0a}.social-login-btn .google-icon[data-v-acb83ce6]{font-size:20px;margin-right:10px}.register-btn[data-v-acb83ce6]{background:#ea580f;color:#fff}.register-btn[data-v-acb83ce6]:hover{background:#d85e0a}.modal-overlay[data-v-acb83ce6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-acb83ce6]{background-color:#333;padding:30px;border-radius:8px;color:#fff;width:100%;max-width:400px;position:relative}.modal-content h3[data-v-acb83ce6]{text-align:center;margin-bottom:20px}.modal-content input[data-v-acb83ce6]{width:100%;padding:10px;margin-bottom:15px;border-radius:5px;background-color:#222;border:1px solid #555;color:#fff}.modal-content button[data-v-acb83ce6]{width:100%;padding:10px;background-color:#ea580f;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button[data-v-acb83ce6]:hover{background-color:#d85e0a}.modal-content button .close-btn[data-v-acb83ce6]{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn[data-v-acb83ce6]:hover{color:#ea580f}@media (max-width:768px){.main-layout[data-v-acb83ce6]{flex-direction:column}aside[data-v-acb83ce6]{position:absolute;top:0;height:100%;width:250px;background-color:#000;transition:left .3s ease;z-index:1000}aside.collapsed[data-v-acb83ce6]{left:0}.toggle-btn[data-v-acb83ce6]{display:block;position:absolute;top:20px;left:20px;background:#ea580f;border-radius:50%;border:none;font-size:18px;width:35px;height:35px;justify-content:center;z-index:2000}.menu-item[data-v-acb83ce6],.toggle-btn[data-v-acb83ce6]{color:#fff;cursor:pointer;display:flex;align-items:center}.menu-item[data-v-acb83ce6]{padding:10px;text-decoration:none;transition:background .3s ease}.menu-icon[data-v-acb83ce6]{font-size:20px;margin-right:10px}.aside.collapsed .menu-item[data-v-acb83ce6]{justify-content:center}.main-content[data-v-acb83ce6]{margin-left:0;width:100%;overflow-y:auto;max-height:100vh}.logo-img-large[data-v-acb83ce6]{max-width:120px}.logo-img-small[data-v-acb83ce6]{width:40px}}