:root{--color-primary: #F27F20;--color-primary-hover: #E36313;--color-primary-light: #FFF0E0;--color-dark: #292929;--color-white: #FFFFFF;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-400: #737373;--color-gray-500: #525252;--color-text: #292929;--color-text-muted: #737373;--color-border: #E5E5E5;--color-border-light: #F5F5F5;--color-success: #39B667;--color-success-light: #E3F7EA;--color-danger: #FF4444;--shadow-card: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:14px;color:var(--color-text);background:var(--color-white)}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}.track-page{padding:20px 0 60px}.track-page .breadcrumb{font-size:13px;color:var(--color-gray-500);margin:0 0 24px;padding:0 0 0 10px;display:flex;align-items:center;gap:8px}.track-page .breadcrumb a{color:var(--color-gray-500);transition:color .2s}.track-page .breadcrumb a:hover{color:var(--color-primary)}.track-page .breadcrumb span{color:var(--color-dark);font-weight:500}.track-form-wrap{max-width:460px;margin:0 auto 8px}.track-form{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:40px 32px;text-align:center}.track-form h1{font-size:24px;font-weight:800;color:var(--color-dark);margin-bottom:6px}.track-form p{font-size:14px;color:var(--color-text-muted);margin-bottom:28px}.track-field{text-align:left;margin-bottom:20px}.track-field label{display:block;font-size:13px;font-weight:600;color:var(--color-dark);margin-bottom:8px}.track-field input{width:100%;padding:13px 16px;font-size:14px;font-family:inherit;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text);outline:none;transition:border-color .2s}.track-field input:focus{border-color:var(--color-primary)}.track-field input::placeholder{color:#a3a3a3}.track-submit{width:100%;padding:13px 0;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);font-size:14px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .2s}.track-submit:hover{background:var(--color-primary-hover)}.track-summary{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.track-summary-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px}.track-summary-card h5{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.track-summary-card p{font-size:15px;font-weight:700;color:var(--color-dark)}.badge{display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.badge-paid{background:#d1fae5;color:var(--color-success)}.badge-processing{background:var(--color-primary-light);color:var(--color-primary)}.track-progress{position:relative;display:flex;margin:56px 0 8px;padding:0 1rem}.track-progress:before{content:"";position:absolute;top:25px;left:0;right:0;height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);z-index:1}.track-progress .progress-fill{position:absolute;top:25px;left:0;height:4px;background:var(--color-success);border-radius:var(--radius-full);z-index:2}.track-step{position:relative;flex:1;text-align:center;z-index:3}.track-step .step-circle{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--color-gray-100);border:4px solid var(--color-white);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-gray-400);box-shadow:var(--shadow-sm)}.track-step.completed .step-circle{background:var(--color-success);color:var(--color-white);border-color:var(--color-success);animation:circle-glow 2s ease-in-out infinite}.track-step.active .step-circle{background:var(--color-success);color:var(--color-white);border-color:var(--color-success);transform:scale(1.1);animation:circle-glow 2s ease-in-out infinite}@keyframes circle-glow{0%,to{box-shadow:0 0 #39b66780}50%{box-shadow:0 0 14px 6px #39b66780}}.track-step .step-label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.track-step.completed .step-label,.track-step.active .step-label{color:var(--color-dark)}.track-step.cancelled .step-circle{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger);animation:none;box-shadow:0 0 0 6px #ff44442e}.track-step.cancelled .step-label{color:var(--color-danger);font-weight:700}.track-page .track-back{text-align:center;margin-top:44px}.track-page .track-back a{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white)!important;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.track-page .track-back a:hover{background:var(--color-primary-hover);color:var(--color-white)!important}.track-not-found{max-width:460px;margin:40px auto 0;text-align:center;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-lg);padding:40px 24px}.track-not-found i{font-size:30px;color:var(--color-danger);margin-bottom:14px;display:block}.track-not-found strong{display:block;font-size:16px;font-weight:700;color:var(--color-danger);margin-bottom:6px}.track-not-found p{font-size:13px;color:var(--color-text-muted);margin:0}.track-empty{max-width:460px;margin:40px auto 0;text-align:center;background:var(--color-gray-100);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:40px 20px}.track-empty i{font-size:30px;color:var(--color-gray-400);margin-bottom:14px;display:block}.track-empty strong{display:block;font-size:15px;font-weight:700;color:var(--color-dark);margin-bottom:6px}.track-empty p{font-size:13px;color:var(--color-text-muted);margin:0}.track-progress .progress-fill.fill-danger{background:var(--color-danger)}@media(max-width:767px){.track-summary{grid-template-columns:repeat(2,1fr)}.track-form{padding:32px 20px}.track-progress{flex-direction:column;align-items:center;margin:40px auto 8px;padding:0;max-width:260px}.track-progress:before{top:0;bottom:0;left:26px;width:4px;height:auto}.track-progress .progress-fill{top:0;left:26px;width:4px!important}.track-step{display:flex;align-items:center;flex:none;width:100%;margin-bottom:22px;text-align:left}.track-step .step-circle{margin:0 20px 0 0;flex-shrink:0}.track-step:last-child{margin-bottom:0}}@media(max-width:480px){.track-summary{grid-template-columns:repeat(2,1fr);gap:10px}.track-summary-card{padding:14px 12px}.track-summary-card h5{font-size:10px}.track-summary-card p{font-size:13px}}