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