.sidebar[data-v-adb9e062]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;height:-moz-fit-content;height:fit-content;padding:24px 0;position:sticky;top:76px;width:200px}.sidebar .user-profile[data-v-adb9e062]{border-bottom:1px solid #f0f0f0;padding:0 20px 24px;text-align:center}.sidebar .user-profile .avatar-icon[data-v-adb9e062]{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d3748);border-radius:50%;display:flex;font-size:32px;height:70px;justify-content:center;margin:0 auto 12px;width:70px}.sidebar .user-profile .username[data-v-adb9e062]{color:#333;font-size:15px;font-weight:500}.sidebar .sidebar-nav[data-v-adb9e062]{padding:16px 0}.sidebar .sidebar-nav .nav-item[data-v-adb9e062]{align-items:center;color:#666;display:flex;font-size:14px;gap:12px;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s}.sidebar .sidebar-nav .nav-item .icon[data-v-adb9e062]{font-size:18px;text-align:center;width:24px}.sidebar .sidebar-nav .nav-item .coin[data-v-adb9e062]{color:orange;font-size:14px;position:absolute;right:16px}.sidebar .sidebar-nav .nav-item[data-v-adb9e062]:hover{background:#f5f7fa;color:#333}.sidebar .sidebar-nav .nav-item.router-link-active[data-v-adb9e062]{background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);color:#667eea;font-weight:500}.sidebar .sidebar-nav .nav-item.router-link-active[data-v-adb9e062]:before{background:#667eea;border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar .sidebar-footer[data-v-adb9e062]{padding:20px 24px}.sidebar .sidebar-footer .logout-btn[data-v-adb9e062]{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:none;border-radius:25px;color:#333;cursor:pointer;font-size:14px;padding:12px;transition:all .3s;width:100%}.sidebar .sidebar-footer .logout-btn[data-v-adb9e062]:hover{transform:scale(1.02)}@media(max-width:768px){.sidebar[data-v-adb9e062]{display:none}}