.bar-wrap[data-v-55ae6dd4]{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;z-index:9}[dir] .bar-wrap[data-v-55ae6dd4]{padding:0 15px;border-bottom:1px solid #374151;background-color:#1f2937}[dir=ltr] .bar-wrap[data-v-55ae6dd4]{left:0}[dir=rtl] .bar-wrap[data-v-55ae6dd4]{right:0}.menu[data-v-55ae6dd4]{position:relative;width:270px}[dir] .menu[data-v-55ae6dd4]{padding:20px;background-color:#1e293b}.menu-item[data-v-55ae6dd4]{display:flex;align-items:center;font-size:16px}[dir] .menu-item[data-v-55ae6dd4]{margin-top:30px}[dir] .account[data-v-55ae6dd4]{padding:10px 16px}.account>div[data-v-55ae6dd4]{width:90px}[dir] .account>div[data-v-55ae6dd4]{text-align:center}.out-btn[data-v-55ae6dd4]{color:#e02020}[dir] .out-btn[data-v-55ae6dd4]{padding-top:8px;margin-top:8px;border-top:1px solid #ebedf0}.page[data-v-15e278e1]{min-height:100vh}[dir] .page[data-v-15e278e1]{background-color:#1f2937}[dir] .container[data-v-15e278e1]{padding:15px}.title[data-v-15e278e1]{font-size:23px;font-weight:700;color:#fff}.item[data-v-15e278e1]{color:#949ba7}[dir] .item[data-v-15e278e1]{margin-top:10px;padding:15px;border:1px solid #646464;border-radius:4px}.item-name[data-v-15e278e1]{font-weight:700;font-size:20px;color:#fff}.item-number[data-v-15e278e1]{font-size:15px}.green-tag[data-v-15e278e1]{color:#fff}[dir] .green-tag[data-v-15e278e1]{padding:2px 6px;border-radius:4px;background-color:green}.red-tag[data-v-15e278e1]{color:#fff}[dir] .red-tag[data-v-15e278e1]{padding:2px 6px;border-radius:4px;background-color:#e02020}