body{font-family:"Arimo",sans-serif!important;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#f8f8f8!important;color:#333!important;overflow-y:auto}.container{background:#fff;padding:30px!important;box-shadow:0 4px 15px rgba(0,0,0,.2);width:400px!important;display:flex;flex-direction:column;margin-block:20px}h4{font-weight:bold!important;margin-bottom:10px!important;color:#8f6f4c!important;border-bottom:2px solid #dedede!important;padding-bottom:10px;text-align:left}h6{color:#072240!important;margin-top:0;font-weight:bold!important;font-family:Montserrat,Arimo,sans-serif}.code-container{width:60%;margin-bottom:30px;align-self:center}#barcode,#qrcode{display:flex;justify-content:center;align-items:center;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fff;margin-top:10px}p{font-size:14px;color:#666;margin-bottom:0!important;font-family:Tinos,Arimo,sans-serif}.detail{text-align:left}@media(max-width:768px){.container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);width:300px;display:flex;flex-direction:column}.code-container{width:60%}#barcode canvas,#qrcode div img{max-width:100%;height:auto}}