.track-hero {
    background: linear-gradient(135deg, #6B4F48 0%, #5a423c 50%, #4e3832 100%);
    padding: 2.5rem 0;
}
.token-card {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 10px 40px rgba(107, 79, 72, 0.15);
    border-top: 4px solid #6B4F48;
    transition: transform 0.2s ease;
}
.token-card:hover { transform: translateY(-2px); }
.token-number {
    font-size: 2.5rem;
    font-weight: 900;
    color: #6B4F48;
    letter-spacing: -1px;
}
.program-card {
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    padding: 1rem;
    transition: all 0.2s ease;
    background: #f9fafb;
}
.program-card:hover { background: #f3f0ec; border-color: #A98C82; }
.program-card.approved { background: #f0fdf4; border-color: #86efac; }
.program-card.rejected { background: #fef2f2; border-color: #fca5a5; }
.timeline-step { display: flex; gap: 1rem; }
.timeline-dot {
    width: 44px; height: 44px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.timeline-dot.complete { background: #16a34a; color: #fff; }
.timeline-dot.rejected { background: #dc2626; color: #fff; }
.timeline-dot.current { background: #f59e0b; color: #fff; animation: pulse-dot 2s infinite; }
.timeline-dot.pending { background: #e5e7eb; color: #9ca3af; }
.timeline-line { width: 3px; min-height: 2rem; margin: 0 auto; }
.timeline-line.done { background: #86efac; }
.timeline-line.waiting { background: #e5e7eb; }
@keyframes pulse-dot {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5); }
    50% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
}
.auth-prompt-card {
    max-width: 480px;
    margin: 3rem auto;
    border-radius: 1.25rem;
    border-top: 4px solid #6B4F48;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}
.auth-icon-circle {
    width: 80px; height: 80px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1.5rem;
}
@media (max-width: 575.98px) {
    .token-number { font-size: 1.8rem; }
    .track-hero { padding: 1.5rem 0; }
}