.track-page{min-height:100vh;background-color:#003049;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 20px}.track-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(214,40,40,.15) 0,transparent 70%);top:-100px;right:-100px}.track-page:after,.track-page:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.track-page:after{width:600px;height:600px;background:radial-gradient(circle,rgba(252,191,73,.1) 0,transparent 70%);bottom:-200px;left:-200px}.track-card{background:#fff;max-width:100%;width:100%;padding:48px 40px;border-radius:24px;box-shadow:0 24px 48px rgba(0,0,0,.25);position:relative;z-index:2;border:1px solid hsla(0,0%,100%,.1)}.track-header{text-align:center;margin-bottom:32px}.track-icon{font-size:3rem;margin-bottom:16px;display:inline-block}.track-title{color:#003049;font-family:var(--font-display);font-size:2.2rem;margin-bottom:12px}.track-desc{color:#666;font-size:.95rem;line-height:1.5}.track-form{gap:24px}.track-form,.track-input-group{display:flex;flex-direction:column}.track-input-group{gap:8px}.track-input-group label{font-weight:600;color:#003049;font-size:.9rem}.track-input{width:100%;padding:18px 20px;font-size:1.05rem;border-radius:12px;border:2px solid #e0e0e0;background:#f9f9f9;color:#003049;transition:all .3s ease;font-family:var(--font-body)}.track-input:focus{outline:none;border-color:#f77f00;background:#fff;box-shadow:0 0 0 4px rgba(247,127,0,.1)}.track-input::placeholder{color:#aaa}.track-btn{width:100%;padding:18px;font-size:1.1rem;font-weight:600;border-radius:12px;background:#003049;color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.track-btn:hover{background:#f77f00;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,48,73,.2)}.track-logout-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;overflow:hidden;background:var(--paper);border:1px solid rgba(0,48,73,.14);border-radius:8px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1;box-shadow:0 6px 18px rgba(0,48,73,.04);transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.track-logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(247,127,0,.16) 45%,rgba(247,127,0,.28) 50%,transparent 56%);transform:translateX(-120%);transition:transform .45s ease}.track-logout-btn span,.track-logout-icon{position:relative;z-index:1}.track-logout-icon{flex:0 0 auto;transition:transform .22s ease}.track-logout-btn:hover{color:#fff;background:#f77f00;border-color:#f77f00;transform:translateY(-2px);box-shadow:0 12px 24px rgba(247,127,0,.24)}.track-logout-btn:hover:before{transform:translateX(120%)}.track-logout-btn:hover .track-logout-icon{transform:translateX(3px) rotate(-8deg)}.track-logout-btn:active{transform:translateY(0) scale(.97);box-shadow:0 6px 14px rgba(247,127,0,.2)}.track-logout-btn:focus-visible{outline:3px solid rgba(247,127,0,.28);outline-offset:3px}.order-track-link{display:block;text-decoration:none;color:inherit;perspective:900px;border-radius:16px}.order-track-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;padding:24px;background:linear-gradient(145deg,#fff,#fffdf8);border:1px solid rgba(0,48,73,.08);border-radius:16px;cursor:pointer;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.95),0 10px 22px rgba(0,48,73,.06),0 1px 2px rgba(0,0,0,.03);transform:translateY(0) rotateX(0) rotateY(0) translateZ(0);transform-style:preserve-3d;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.order-track-card:before{inset:0;background:linear-gradient(120deg,transparent,rgba(247,127,0,.08) 42%,rgba(252,191,73,.22) 50%,transparent 58%);transform:translateX(-35%);transition:opacity .24s ease,transform .42s ease}.order-track-card:after,.order-track-card:before{content:"";position:absolute;opacity:0;pointer-events:none}.order-track-card:after{inset:auto 18px 0;height:14px;background:radial-gradient(ellipse at center,rgba(0,48,73,.16),transparent 70%);transform:translateY(12px) scaleX(.86);transition:opacity .24s ease,transform .24s ease}.order-track-link:focus-visible .order-track-card,.order-track-link:hover .order-track-card{border-color:rgba(247,127,0,.26);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.95),0 22px 42px rgba(0,48,73,.16),0 8px 18px rgba(247,127,0,.08);transform:translateY(-6px) rotateX(2deg) rotateY(-1.5deg) translateZ(18px)}.order-track-link:focus-visible .order-track-card:before,.order-track-link:hover .order-track-card:before{opacity:1;transform:translateX(38%)}.order-track-link:focus-visible .order-track-card:after,.order-track-link:hover .order-track-card:after{opacity:1;transform:translateY(18px) scaleX(1)}.order-track-link:active .order-track-card{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 8px 18px rgba(0,48,73,.12);transform:translateY(-1px) scale(.985) rotateX(0) rotateY(0);transition-duration:.09s}.order-track-link:focus-visible{outline:3px solid rgba(247,127,0,.26);outline-offset:4px}.order-track-detail{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:112px;gap:6px;padding:10px 14px;color:var(--coral);background:rgba(247,127,0,.08);border:1px solid rgba(247,127,0,.16);border-radius:8px;font-size:.9rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 0 rgba(247,127,0,.08);transform:translateZ(24px);transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.order-track-link:focus-visible .order-track-detail,.order-track-link:hover .order-track-detail{color:#fff;background:#f77f00;box-shadow:0 8px 18px rgba(247,127,0,.26),0 4px 0 rgba(170,76,0,.22);transform:translateX(2px) translateZ(36px)}.order-track-link:active .order-track-detail{box-shadow:0 2px 0 rgba(170,76,0,.18);transform:translateX(0) translateY(2px) translateZ(18px)}.order-track-detail:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.32),transparent);opacity:0;transform:translateX(-90%);transition:opacity .2s ease,transform .4s ease}.order-track-link:focus-visible .order-track-detail:after,.order-track-link:hover .order-track-detail:after{opacity:1;transform:translateX(90%)}.order-track-arrow{display:inline-block;transition:transform .2s ease}.order-track-link:focus-visible .order-track-arrow,.order-track-link:hover .order-track-arrow{transform:translateX(4px)}@media (prefers-reduced-motion:reduce){.order-track-arrow,.order-track-card,.order-track-card:after,.order-track-card:before,.order-track-detail,.order-track-detail:after,.track-logout-btn,.track-logout-btn:before,.track-logout-icon{transition:none}.order-track-link:active .order-track-card,.order-track-link:active .order-track-detail,.order-track-link:hover .order-track-arrow,.order-track-link:hover .order-track-card,.order-track-link:hover .order-track-detail,.track-logout-btn:active,.track-logout-btn:hover,.track-logout-btn:hover .track-logout-icon{transform:none}}@media (max-width:480px){.track-card{padding:32px 24px}.track-title{font-size:1.8rem}.order-track-card{align-items:flex-start;flex-direction:column}.order-track-detail{width:100%}}.receipt-wrapper{margin-top:48px;display:flex;flex-direction:column;align-items:center}.receipt-paper{background:#fff;width:100%;max-width:320px;padding:32px 24px;box-shadow:0 12px 32px rgba(0,0,0,.1);position:relative;font-family:Courier New,Courier,monospace;color:#1a1a1a}.receipt-paper:after,.receipt-paper:before{content:"";position:absolute;left:0;right:0;height:6px;background-size:12px 100%}.receipt-paper:before{top:-6px;background-image:linear-gradient(135deg,transparent 33%,#fff 0,#fff 66%,transparent 0),linear-gradient(45deg,transparent 33%,#fff 0,#fff 66%,transparent 0)}.receipt-paper:after{bottom:-6px;background-image:linear-gradient(135deg,#fff 33%,transparent 0,transparent 66%,#fff 0),linear-gradient(45deg,#fff 33%,transparent 0,transparent 66%,#fff 0)}.receipt-header{text-align:center;margin-bottom:16px}.receipt-header h3{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:1px}.receipt-header p{margin:4px 0 0;font-size:.8rem}.receipt-divider{border-top:1px dashed #1a1a1a;margin:12px 0}.receipt-divider-thick{border-top:2px solid #1a1a1a;margin:12px 0}.receipt-info{font-size:.85rem;line-height:1.5}.receipt-info span{display:block}.receipt-item{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.receipt-item-name{flex:1 1;padding-right:12px}.receipt-item-sub{font-size:.75rem;padding-left:16px;display:block}.receipt-total-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.receipt-total-row.grand-total{font-size:1.1rem;font-weight:700;margin-top:8px}.receipt-footer{text-align:center;margin-top:24px;font-size:.85rem}@page{size:58mm auto;margin:0}@media print{body,html{width:58mm!important;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.checkout-back,.nav,.noise-overlay,.track-btn,.track-card>a,.track-card>div:not(.receipt-wrapper),.track-page:after,.track-page:before,[style*=paddingTop],a[href],button,img[alt="Bukti Pembayaran"]{display:none!important}.track-page{background:#fff!important;padding:0!important;margin:0!important;min-height:auto!important;display:block!important;overflow:visible!important}.track-card,.track-page>div{margin:0!important;padding:0!important;max-width:100%!important}.track-card{box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important}.receipt-wrapper{margin:0!important;padding:0!important;align-items:stretch!important;width:100%!important}.receipt-paper{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:58mm!important;padding:2mm 1.5mm!important;font-family:Courier New,Courier,monospace!important;font-size:11px!important;line-height:1.3!important;page-break-inside:avoid!important;break-inside:avoid!important}.receipt-paper:after,.receipt-paper:before{display:none!important}.receipt-header img{width:80px!important;margin:0 auto 4px!important}.receipt-header p{font-size:9px!important;margin:2px 0 0!important}.receipt-divider{border-top:1px dashed #000!important;margin:4px 0!important}.receipt-divider-thick{border-top:1px solid #000!important;margin:4px 0!important}.receipt-info{font-size:10px!important;line-height:1.4!important}.receipt-item{font-size:10px!important;margin-bottom:3px!important}.receipt-item-sub{font-size:9px!important;padding-left:12px!important}.receipt-total-row{font-size:10px!important;margin-bottom:2px!important}.receipt-total-row.grand-total{font-size:12px!important;font-weight:700!important}.receipt-footer{font-size:9px!important;margin-top:8px!important}*{color:#000!important;text-shadow:none!important}}