.order-item[data-v-244497c4]{width:100%;position:relative;overflow:visible;border-radius:12px;background-color:transparent;display:flex;flex-direction:row;align-items:flex-start;font-size:16px;border:1px solid transparent;transition:all .25s}.order-item[data-v-244497c4]:hover{background-color:#fff;border-color:#e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.08)}.order-item:hover .order-menu[data-v-244497c4]{opacity:1}.order-item .order-menu[data-v-244497c4]{position:absolute;top:10px;right:10px;z-index:5;opacity:0;transition:opacity .2s}.order-item .order-menu__trigger[data-v-244497c4]{cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(0,0%,100%,.9);color:#6b7280;font-size:14px}.order-item .order-menu__trigger[data-v-244497c4]:hover{background:#fff;color:#f56368}.order-item .order-menu__dropdown[data-v-244497c4]{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:140px;overflow:hidden;z-index:10}.order-item .order-menu__item[data-v-244497c4]{padding:10px 16px;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;transition:background .15s}.order-item .order-menu__item[data-v-244497c4]:hover{background:#f3f4f6}.order-item .order-menu__item--danger[data-v-244497c4]{color:#ef4444}.order-item .order-menu__item--danger[data-v-244497c4]:hover{background:#fef2f2}.order-item .order-cover[data-v-244497c4]{flex:0 0 auto;cursor:pointer;padding:1.25rem;display:flex;align-items:center;justify-content:center}.order-item .order-cover--a5[data-v-244497c4]{width:170px}.order-item .order-cover--a4[data-v-244497c4]{width:200px}.order-item .order-cover--wide[data-v-244497c4]{width:230px}.order-item .order-cover[data-v-244497c4] .cover{width:100%}.order-item .order-cover[data-v-244497c4] .cover-holder{width:100%;border-radius:2px 4px 4px 2px;border-left:4px solid #ddd9d4;box-shadow:3px 3px 6px rgba(0,0,0,.15),6px 6px 12px rgba(0,0,0,.08)}@media(max-width:767px){.order-item .order-cover[data-v-244497c4]{padding:.75rem}.order-item .order-cover--a5[data-v-244497c4]{width:120px}.order-item .order-cover--a4[data-v-244497c4]{width:140px}.order-item .order-cover--wide[data-v-244497c4]{width:160px}}.order-item .order-info[data-v-244497c4]{flex:1;min-width:0;padding:1.25rem 1.5rem 1.5rem 0;text-align:left;display:flex;flex-direction:column}.order-item .order-date[data-v-244497c4]{font-size:12px;color:#9ca3af;white-space:nowrap;margin-bottom:2px}.order-item .order-title[data-v-244497c4]{font-size:1rem;font-weight:600;margin-bottom:4px}.order-item .order-detail[data-v-244497c4]{font-size:13px;color:#9ca3af;padding-left:0}.order-item .order-detail p[data-v-244497c4]{margin:0;line-height:1.5}.order-item .order-spec[data-v-244497c4]{display:inline-flex;align-items:center;background:#f3f4f6;border-radius:4px;padding:4px 10px;margin:10px 0 0!important;font-size:12px;color:#6b7280;font-weight:500}.order-item .order-spec .spec-sep[data-v-244497c4]{margin:0 6px;color:#d1d5db}.order-item .order-spec .spec-tag[data-v-244497c4]{white-space:nowrap}.order-item .order-price[data-v-244497c4]{margin:4px 0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.order-item .order-price .price-paid[data-v-244497c4]{color:#13ce66}.order-item .order-price .price-pending[data-v-244497c4]{color:#f59e0b}.order-item .order-price .btn-pay-now[data-v-244497c4]{font-size:12px;padding:2px 12px;border-radius:100px;border:1px solid #f56368;color:#f56368;background:transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.order-item .order-price .btn-pay-now[data-v-244497c4]:hover{background:#f56368;color:#fff}.order-item .order-btns[data-v-244497c4]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.order-item .order-btns button[data-v-244497c4]{min-width:100px;font-weight:500;font-size:13px;padding:6px 22px}@media(max-width:767px){.order-item .order-btns button[data-v-244497c4]{min-width:70px;padding:6px 14px;font-size:12px}}.order-detail{font-size:14px;padding:0 10px;overflow:hidden;margin-bottom:2rem}.order-detail .padding-lane{margin-bottom:6px}.order-detail .padding-lane:empty{content:"&nbsp;";height:auto}.order-detail .line-block{padding:10px 0;border-bottom:1px solid #9e9e9e}@media(max-width:767px){.order-detail .line-block .padding-lane,.order-detail .line-block>div{padding-left:8px;padding-right:8px}}.order-list{margin-top:2rem;padding:0 1rem}.order-list .order-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.order-list .order-list-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column}.order-list .order-list-inner>.order-item+.order-item:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #ddd;transition:opacity .2s}.order-list .order-list-inner>.order-item:hover+.order-item:before,.order-list .order-list-inner>.order-item:hover:before{opacity:0}@media(max-width:767px){.order-list .popup-content{top:0}}