.header-container{box-sizing:border-box;background-color:#3b82f6;align-items:center;width:100%;display:flex}.header-container .title{color:#fff;text-align:center;width:100%;margin:0;font-size:1.2em;font-weight:700}.ic-back{cursor:pointer}
.layout-container{flex-direction:column;height:100%;display:flex}.layout-content{padding:20px 20px 60px;position:relative}.layout-content.full{flex-direction:column;flex:1;padding:0;display:flex}
hr{border:0;border-top:1px solid #0000001a;margin:20px 0}.transaction-status{border:1px solid #ccc;border-radius:7px;flex-direction:column;gap:20px;margin-bottom:20px;padding:16px;display:flex}.item .label{color:#333;margin:0;font-size:1em;font-weight:700}.item .value{margin:0;font-size:1em;font-weight:400}.item-product-status{justify-content:space-between;gap:15px;display:flex}.item-product-status p{color:#333;margin:0;font-size:1em;font-weight:400}.item-content{justify-content:flex-start;gap:15px;display:flex}.item-product-status p.bold{font-weight:700}.empty-message{text-align:center;color:#333;margin-top:20px;font-size:1.2em;font-weight:700}
.btn{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:30px;padding:16px 10px;font-weight:700;display:flex}
.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.1rem;display:block}.form-group input{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:.5rem}