.dashboard-page{padding:2rem 0 4rem;min-height:80vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.welcome-section{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:24px;padding:2.5rem;margin-bottom:2rem;color:#fff}.welcome-content h1{font-size:2rem;font-weight:800;margin-bottom:.5rem}.welcome-content span{color:#93c5fd}.welcome-content p{opacity:.9;font-size:1.1rem}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.action-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #E2E8F0;text-decoration:none;transition:all .2s}.action-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.action-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.action-info{display:flex;flex-direction:column;gap:.15rem}.action-label{font-weight:600;color:#0f172a;font-size:.95rem}.action-count{font-weight:700;color:#2563eb;font-size:1.25rem}.action-desc{font-size:.8rem;color:#64748b}.section{margin-bottom:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:700;color:#0f172a}.loading{text-align:center;padding:4rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014}.spinner{width:40px;height:40px;border:4px solid #E2E8F0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#64748b}.orders-grid{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid #E2E8F0;transition:all .3s}.order-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #E2E8F0}.order-number{font-weight:700;color:#2563eb;font-size:1rem}.order-date{color:#64748b;font-size:.9rem}.order-body{display:grid;grid-template-columns:200px 1fr auto;gap:1.5rem;padding:1.5rem;align-items:center}.vehicle-image{width:200px;height:140px;border-radius:12px;overflow:hidden;background:#f1f5f9}.vehicle-image img{width:100%;height:100%;object-fit:cover}.order-details{display:flex;flex-direction:column;gap:.5rem}.vehicle-name{font-size:1.25rem;font-weight:700;color:#0f172a}.vehicle-specs{display:flex;gap:.5rem;flex-wrap:wrap}.spec-tag{background:#f1f5f9;padding:.3rem .75rem;border-radius:6px;font-size:.8rem;color:#64748b}.order-price{font-size:1.5rem;font-weight:800;color:#10b981;margin-top:.5rem}.order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.status-badge.refunded{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.order-card.order-inactive{opacity:.7;border-color:#e2e8f0}.order-card.order-inactive .order-price{color:#64748b;text-decoration:line-through}.btn-view{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f1f5f9;color:#475569;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s}.btn-view:hover{background:#e2e8f0}.btn-track{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s}.btn-track:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tracking-timeline{display:flex;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #E2E8F0;overflow-x:auto}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:90px;text-align:center}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:#e2e8f0;color:#64748b}.step-icon.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.step-icon.current{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.step-label{font-size:.65rem;font-weight:500;color:#64748b}.step-label.completed{color:#10b981}.step-label.current{color:#2563eb;font-weight:600}.timeline-connector{flex:1;height:3px;background:#e2e8f0;min-width:20px}.timeline-connector.completed{background:linear-gradient(90deg,#10b981,#059669)}.empty-state,.error-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;border:2px dashed #E2E8F0}.error-state{border-color:#fca5a5;background:#fef2f2}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:1rem}.error-state h3{color:#dc2626}.empty-icon{font-size:4rem;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#0f172a}.empty-state p{color:#64748b;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:12px;font-weight:600;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}@media (max-width: 1024px){.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quick-actions,.order-body{grid-template-columns:1fr}.vehicle-image{width:100%;height:180px}.order-actions{align-items:stretch}.timeline-step{min-width:70px}.step-icon{width:32px;height:32px;font-size:.75rem}.step-label{font-size:.6rem}.timeline-connector{min-width:15px}}