.text-left{text-align:left}.width-50px{width:50px}.width-100px{width:100px}.width-150px{width:150px}.width-200px{width:200px}.width-300px{width:300px}.welcome-card{font-family:sans-serif;background:#fff;padding:5px 40px 20px;border-radius:20px;box-shadow:0 10px 25px #0003;text-align:center;transition:transform .3s ease;width:500px;margin:0 auto 15px}.welcome-card:hover{transform:translateY(-5px)}.welcome-card h1{margin:0 0 10px;color:#333}.welcome-card p{color:#666;margin-bottom:30px}.welcome-card .btn{background:#764ba2;color:#fff;padding:12px 30px;text-decoration:none;border-radius:25px;font-weight:700;transition:background .3s ease}.welcome-card .btn:hover{background:#5a377d}.wrap-table100{width:1170px}.wrap-table100 .table100{overflow-x:auto}table{border-spacing:1;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;width:100%;margin:0 auto;position:relative}table *{position:relative}table td,table th{padding-left:8px;text-align:center}table thead tr{height:60px;background:#36304a}table tbody tr{height:50px}table tbody tr:last-child{border:0}table td.l,table th.l{text-align:right}table td.c,table th.c,table td.r,table th.r{text-align:center}.table100-head th{font-family:OpenSans-Regular;font-size:18px;color:#fff;line-height:1.2;font-weight:unset}tbody tr:nth-child(2n){background-color:#f5f5f5}tbody tr{font-family:OpenSans-Regular;font-size:15px;color:gray;line-height:1.2;font-weight:unset}tbody tr:hover{color:#555;background-color:#f5f5f5;cursor:pointer}@media screen and (max-width: 992px){table{display:block}table>*,table tr,table td,table th{display:block}table thead{display:none}table tbody tr{height:auto;padding:37px 0}table tbody tr td{padding-left:40%!important;margin-bottom:24px}table tbody tr td:last-child{margin-bottom:0}table tbody tr td:before{font-family:OpenSans-Regular;font-size:14px;color:#999;line-height:1.2;font-weight:unset;position:absolute;width:40%;left:30px;top:0}table tbody tr td:nth-child(1):before{content:"Date"}table tbody tr td:nth-child(2):before{content:"Order ID"}table tbody tr td:nth-child(3):before{content:"Name"}table tbody tr td:nth-child(4):before{content:"Price"}table tbody tr td:nth-child(5):before{content:"Quantity"}table tbody tr td:nth-child(6):before{content:"Total"}.column4,.column5,.column6{text-align:left}.column4,.column5,.column6,.column1,.column2,.column3{width:100%}tbody tr{font-size:14px}}@media (max-width: 576px){.container-table100{padding-left:15px;padding-right:15px}}.uc-id{width:50px}.base-uc{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;align-items:center}.base-uc img{height:25px}.extra-uc{text-align:left;display:inline-block;width:70px}.base-plus-ico{padding:5px;text-align:center;width:20px;display:inline-block}
