.tab-button.active{color:var(--color-brand-on);border:1px solid var(--color-brand);background-color:#ee8382}.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 #f3d6d6;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:#bdbdbd;font-size:13px;text-decoration:line-through}.order-detail-card .point{color:#ee8584;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{background:#fff;border:1px solid #f5e8e8;border-radius:16px;margin-bottom:10px;padding:16px}.skeleton-line{background:linear-gradient(90deg,#f0e8e8 25%,#fce4e4 50%,#f0e8e8 75%) 0 0/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}