.order-container{padding:10px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 10px 30px #00000026}h2{color:#000;text-align:center}.order-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 15px #0000001a}.order-table th,.order-table td{border:1px solid rgb(211,189,247);padding:12px 15px;text-align:center}.order-table th{background-color:#7a5bdf;color:#fff;text-transform:uppercase;font-weight:700}.order-table tbody tr:nth-child(2n){background-color:#f7f7ff}.order-table tbody tr:nth-child(odd){background-color:#e7e0ee}.order-table tbody tr:hover{background-color:#ddcff0;cursor:pointer}.order-table td{color:#4a148c}.order-table th,.order-table td{transition:all .3s ease}.order-table th{border-bottom:2px solid #4a148c}.order-info{margin-top:20px;padding:20px;border-radius:10px;color:#4c1d95}.order-info h2{font-size:24px;font-weight:700;color:#7e22ce;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:2px}.order-info p{font-size:18px;margin:8px 0;color:#4c1d95;font-weight:500;display:flex;align-items:center}.order-info p span{font-weight:700;color:#7e22ce;margin-left:10px}@keyframes gradient-animation{0%{background-position:0% 50%;background-color:#e0c3fc}50%{background-position:100% 50%;background-color:#7e22ce}to{background-position:0% 50%;background-color:#e0c3fc}}@keyframes text-scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-20deg)}}.modern-btn{background:linear-gradient(270deg,#b972fe,#a349ff,#8500ff,#8500ff,#a349ff,#b972fe);background-size:250% 250%;color:#fff;font-weight:700;padding:12px 24px;border-radius:30px;border:none;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;animation:gradient-animation 6s ease infinite;margin-top:40px;display:flex;justify-content:center;align-items:center;float:right;box-shadow:0 8px 10px #0003}.modern-export{background:#8500ff;background-size:250% 250%;color:#fff;font-weight:700;padding:15px 24px;border-radius:30px;border:none;cursor:pointer;position:relative;overflow:hidden;margin-top:40px;display:flex;margin-right:7px;justify-content:center;align-items:center;float:right;box-shadow:0 8px 10px #0003}.btn-text{display:inline-block;animation:text-scale 4s ease infinite}.btn-text-export{display:inline-block}.gift-icon{display:inline-block;font-size:20px;margin-left:10px;animation:text-scale 4s ease infinite,shake 4s ease-in-out infinite}.modern-btn:hover{transform:scale(1.05)}.modern-btn:focus{outline:none;box-shadow:0 0 0 4px #9480ff4d}.modern-btn:active{transform:scale(.98)}@media only screen and (max-width: 768px){.order-table,.order-table thead,.order-table tbody,.order-table th,.order-table td,.order-table tr{display:block}.order-table th,.order-table td{padding:5px 15px}.order-table thead tr{position:absolute;top:-9999px;left:-9999px}.order-table td{border:none;position:relative;padding-left:60%;text-align:left}.order-table td:before{position:absolute;top:50%;left:10px;transform:translateY(-50%);white-space:nowrap;font-weight:700;color:#4a148c}.order-table td:nth-of-type(1):before{content:"STT"}.order-table td:nth-of-type(2):before{content:"Tên sản phẩm"}.order-table td:nth-of-type(3):before{content:"Đơn giá"}.order-table td:nth-of-type(4):before{content:"Số lượng"}.order-table td:nth-of-type(5):before{content:"Giảm giá"}.order-table td:nth-of-type(6):before{content:"Thành tiền"}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}