.body-container{display:flex;flex-direction:column;height:100vh;}.body-container .header-bar{box-shadow:0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;display:flex;padding:8px 24px;justify-content:space-between;align-items:center;}.body-container .header-bar .brand{display:flex;justify-content:start;align-items:center;column-gap:16px;}.body-container .header-bar .brand img{height:48px;}.body-container .header-bar .brand h1{margin:0;color:#5f6368;}.body-container .header-bar .btn{height:48px;justify-content:center;font-size:16px;padding:0 24px;}.body-container .header-bar .user{display:flex;align-items:center;}.body-container .header-bar .user h3{margin:0;display:inline-flex;align-items:center;column-gap:4px;color:#5f6368;}.body-container .header-bar .user h3 .material-symbols-outlined{font-size:22px;}.body-container .main-content-wrapper{display:flex;padding:32px 0;flex:1 1 0;}.body-container .main-content-wrapper nav a{color:#3460dc;font-size:14px;display:flex;align-items:center;column-gap:12px;padding:8px 32px 8px 24px;}.body-container .main-content-wrapper nav a.active{background-color:#d3e3f3;border-radius:0 50px 50px 0;color:#0f172a;}.body-container .main-content-wrapper .main-content{flex:1 1 0;padding:0 24px;display:flex;flex-direction:column;row-gap:24px;}.body-container .main-content-wrapper .main-content .card{border-radius:8px;border:1px solid #eeeff2;padding:24px;}.body-container .main-content-wrapper .main-content .card .title{display:flex;align-items:center;column-gap:32px;margin-bottom:16px;}.body-container .main-content-wrapper .main-content .card .title h4{margin:0;}.body-container .main-content-wrapper .main-content .card .form-field{padding:16px 0;display:flex;column-gap:32px;align-items:center;}.body-container .main-content-wrapper .main-content .card .form-field:not(:first-of-type){border-top:1px solid #eeeff2;}.body-container .main-content-wrapper .main-content .card .form-field:last-child{padding-bottom:0;}.body-container .main-content-wrapper .main-content .card .form-field .avatar{width:36px;height:36px;background-color:#0f172a;color:#fff;font-size:14px;font-weight:600;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;}.body-container .main-content-wrapper .main-content .card .form-field .verified{color:#008000;}.body-container .main-content-wrapper .main-content .card .password-field{display:flex;flex-direction:column;row-gap:8px;padding:16px 0;}.body-container .main-content-wrapper .main-content .sub-page{font-size:14px;display:flex;flex-direction:column;row-gap:24px;}.body-container .main-content-wrapper .main-content .sub-page h2,.body-container .main-content-wrapper .main-content .sub-page p,.body-container .main-content-wrapper .main-content .sub-page ol{margin:0;}.body-container .main-content-wrapper .main-content .sub-page #qrCode{padding:16px 0;}.body-container .main-content-wrapper .main-content .sub-page a{font-size:14px;}.body-container .main-content-wrapper .main-content .sub-page ol li{padding:8px 0;}.body-container .main-content-wrapper .main-content .sub-page form{max-width:400px;}.body-container .main-content-wrapper .main-content .sub-page .title{display:inline-flex;column-gap:16px;}.body-container .main-content-wrapper .main-content .sub-page .title a{color:#070417;}.body-container .main-content-wrapper .main-content.center{align-items:center;}.body-container .about-account{margin-top:64px;display:flex;justify-content:center;}.body-container .about-account .box{width:480px;}