body.jade-site .page-content:has(#giftcode-page){padding:0}#giftcode-page{background:linear-gradient(#fff9e970,#fff9e9d9),url('/assets/jade/rank-landscape.png') center/cover;color:#164d52;padding:28px 28px 32px}#giftcode-page .gift-hero{text-align:center;margin-bottom:26px}.gift-emblem{display:grid;place-items:center;width:76px;height:76px;background:linear-gradient(#3d9283,#15545a);border:2px solid #bc9e52;border-radius:23px;color:#ffe4a1;font-size:37px;margin:0 auto 17px;box-shadow:0 0 0 4px #fff5d5b0}#giftcode-page h1{font-size:34px;font-weight:700;margin:0 0 10px}#giftcode-page .gift-hero p{font-size:14px;color:#66796c;margin:0}#giftcode-page .gift-content{background:#fffaf0f5;border:1px solid #bba467;border-radius:17px;padding:24px;max-width:1150px;margin:auto;box-shadow:0 0 0 3px #fff9e97a}.gift-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.gift-tab{flex:1;max-width:350px;text-align:center;background:#faf4e3;border:1px solid #c4b17e;border-radius:9px;padding:12px;font-size:17px;font-weight:700}body.jade-site #giftcode-page .gift-tab.active{background:linear-gradient(#338b7e,#17605b);color:#fff3d3;border-color:#bca260;box-shadow:inset 0 0 0 2px #cdbb81}.gift-tab i{margin-right:9px}.gift-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}#giftcode-page h2{font-size:23px;font-weight:700;margin:0 0 4px}#gift-count{font-size:12px;color:#7d816b;margin:0}.gift-search{display:flex;align-items:center;position:relative}.gift-search>i{position:absolute;left:12px;color:#758575}body.jade-site #giftcode-page .gift-search input{width:230px;max-width:100%;padding:9px 12px 9px 35px;border:1px solid #cfc29e;border-radius:8px;background:#fffdf6;font:13px Lora,serif;color:#164d52}.gift-copy-status{font-size:12px;color:#287459;min-height:19px;margin:8px 0!important}
body.jade-site #giftcode-page .table-gift{display:block;min-width:0!important;border:0!important;background:transparent!important}#giftcode-page thead,#giftcode-page tbody{display:block}#giftcode-page tr{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;gap:18px;align-items:center}#giftcode-page th:first-child,#giftcode-page td:first-child:not([colspan]){display:none}body.jade-site #giftcode-page th{border:0!important;background:transparent!important;padding:0 12px 9px;color:#164d52!important;font-size:13px}#giftcode-page tbody tr{border:1px solid #d4c293;border-radius:12px;margin-bottom:12px;padding:16px;background:#fffcf2;box-shadow:0 3px 10px #164d5205}body.jade-site #giftcode-page td{border:0!important;background:transparent!important;padding:0!important;font-size:13px;min-width:0}#giftcode-page td[colspan]{grid-column:1/-1;text-align:center;padding:25px!important}#giftcode-page .code-box{display:flex;flex-direction:column;align-items:stretch;gap:10px;font:700 16px ui-monospace,Consolas,monospace;text-align:center;background:linear-gradient(#f6e6bb,#fff9e9);padding:11px;border:1px solid #dfc898;border-radius:9px;overflow-wrap:anywhere}#giftcode-page .gift-copy{background:#fffdf5;border:1px solid #7c9983;border-radius:7px;padding:7px;color:#21675f;font:12px Lora,serif;cursor:pointer}.gift-items{display:flex;flex-wrap:wrap;gap:12px}.gift-item{display:flex;align-items:center;gap:9px;max-width:100%;min-width:125px;flex:1 1 145px}.gift-item-icon{width:44px;height:44px;object-fit:contain;background:linear-gradient(#cfe7d4,#edf5e4);border:1px solid #8eaf8c;border-radius:8px;padding:5px;flex-shrink:0}.gift-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.gift-item-name{font-size:12px;overflow-wrap:anywhere}.gift-item-quantity{font-size:12px;font-weight:700;color:#857038}.badge-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:30px;font-size:11px;line-height:1.5}.badge-active{color:#25613e;background:#e0eedc;border:1px solid #9bbd9c}.badge-used{color:#687268;background:#e7e8e0;border:1px solid #bcc3b6}.badge-login{color:#826830;background:#f6ebd1;border:1px solid #d0bd87}.gift-notice{display:flex;align-items:center;gap:10px;background:#e3eddf;border:1px solid #b8cbb0;border-radius:10px;padding:14px;font-size:12px;line-height:1.8;margin-top:15px}.gift-notice i{color:#287566;font-size:20px}#giftcode-page [hidden]{display:none!important}.gift-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#giftcode-page :is(button,a,input):focus-visible{outline:3px solid #ba953f;outline-offset:3px}
@media(max-width:850px){#giftcode-page tr{grid-template-columns:150px minmax(0,1fr) 125px;gap:12px}#giftcode-page .gift-content{padding:18px}}@media(max-width:650px){#giftcode-page{padding:25px 14px}#giftcode-page h1{font-size:28px}.gift-tabs{gap:6px}.gift-tab{padding:11px 5px;font-size:14px}.gift-toolbar{flex-direction:column;align-items:stretch}.gift-search input{width:100%!important}.gift-search{width:100%}#giftcode-page thead{display:none}#giftcode-page tr{grid-template-columns:1fr;gap:16px}#giftcode-page td:nth-child(3):before{content:'Phần quà';display:block;font-weight:700;margin-bottom:10px}#giftcode-page .code-box{font-size:17px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}#giftcode-page .gift-copy{flex-shrink:0;padding:8px 10px}#giftcode-page .gift-content{padding:16px 12px}.gift-item{flex-basis:120px}.gift-notice{align-items:flex-start;font-size:11px}}

body.jade-site #giftcode-page .gift-main-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}#giftcode-page .gift-hero{padding:15px 10px 5px}body.jade-site #giftcode-page .gift-tab{border-radius:9px!important}body.jade-site #giftcode-page .gift-tab.active{background:linear-gradient(#338b7e,#17605b)!important}