.tab-button.active{background-color:var(--color-brand-strong);color:var(--color-brand-on);border:1px solid var(--color-brand)}.tab-button.active .card-icon{filter:brightness(0)invert()}.tab-button.active span{color:#fff}.tab-button:focus,.tab-button:active{box-shadow:none!important;border:none!important;outline:none!important}.tab-content{display:none}.tab-content.active{display:block}.order-detail-card{border:1px solid rgb(var(--color-brand-rgb) / .33);border-radius:16px;margin-bottom:18px;padding:1.5rem 1.25rem 1rem;box-shadow:0 4px 24px #ee858414}.order-detail-card:last-child{margin-bottom:0}.order-detail-card .copy-btn{color:#222;background:#fff;border:1px solid #bdbdbd;border-radius:8px;padding:2px 12px;font-size:13px;font-weight:500;transition:background .2s}.order-detail-card .copy-btn:hover{background:#f3f3f3}.order-detail-card .strike{color:var(--color-text-muted);font-size:13px;text-decoration:line-through}.order-detail-card .point{color:var(--color-brand-strong);font-size:17px;font-weight:700}.his-title{color:#333;min-height:24px;margin-bottom:12px;font-weight:700}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.4s ease-out forwards slideInRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s ease-in-out forwards fadeIn}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{border:1px solid rgb(var(--color-brand-rgb) / .19);background:#fff;border-radius:16px;margin-bottom:10px;padding:16px}.skeleton-line{background:linear-gradient(90deg, #f0e8e8 25%, rgb(var(--color-brand-rgb) / .22) 50%, #f0e8e8 75%);background-size:800px 100%;border-radius:6px;height:12px;animation:1.4s linear infinite shimmer}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%;margin-top:10px}.skeleton-line.long{width:90%;margin-top:10px}.skeleton-line.full{width:100%;margin-top:10px}