.mb-3{margin-bottom:12px}.mb-4{margin-bottom:24px}.mt-2{margin-top:8px}.flex-between{justify-content:space-between;align-items:center;display:flex}.cursor-pointer{cursor:pointer}.font-semibold{font-weight:600}.welcome-banner{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.welcome-banner h3{color:#fff}.welcome-banner p.text-secondary{color:#fffc!important}.user-profile{background:var(--bg);border-radius:var(--radius-full);align-items:center;gap:10px;padding:4px 14px 4px 4px;font-size:14px;font-weight:600;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #2563eb40}.progress-track{justify-content:space-between;align-items:center;margin-top:32px;padding:0 10px;display:flex;position:relative}.progress-track .step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.progress-track .step span{color:var(--text-muted);font-size:12px;font-weight:600}.progress-track .node{background:var(--border);width:24px;height:24px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.progress-track .step.completed .node,.progress-track .step.active .node{background:var(--primary);box-shadow:0 0 0 4px var(--primary-bg)}.progress-track .step.completed span,.progress-track .step.active span{color:var(--primary)}.progress-track .line{background:var(--border);z-index:1;flex:2;height:3px;margin-top:-24px}.progress-track .line.active{background:var(--primary)}.past-order-list{flex-direction:column;gap:16px;display:flex}.past-order-item{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:16px;padding:16px;display:flex}.past-order-item:hover{background:var(--surface-hover);border-color:var(--border)}.poi-icon{background:var(--primary-bg);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.poi-details{flex:1}.poi-details h5{margin-bottom:4px;font-size:15px;font-weight:700}.poi-price{color:var(--primary);font-weight:800}.coupon-list{flex-direction:column;gap:16px;display:flex}.coupon-card{background:var(--surface-hover);border:1px dashed var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;display:flex}.coupon-discount{background:var(--warning-bg);color:var(--warning);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:800}.coupon-details{flex:1}.coupon-details h5{margin-bottom:2px;font-size:14px;font-weight:700}.coupon-code{background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius-sm);color:var(--text);letter-spacing:.1em;-webkit-user-select:all;user-select:all;cursor:pointer;padding:6px 12px;font-size:13px;font-weight:800}@media (max-width:768px){.progress-track{margin-top:20px;padding:0;overflow-x:auto}.progress-track .step span{font-size:10px}.progress-track .node{width:20px;height:20px}.progress-track .line{flex:1;min-width:12px;margin-top:-20px}.past-order-item{gap:12px;padding:12px}.poi-icon{width:40px;height:40px;font-size:20px}.poi-details h5,.poi-price{font-size:14px}.coupon-card{flex-wrap:wrap;gap:10px;padding:12px}.coupon-discount{padding:6px 10px;font-size:12px}.coupon-details h5{font-size:13px}.coupon-code{padding:5px 10px;font-size:11px}.user-profile{gap:6px;padding:4px 10px;font-size:13px}}
