.orders-page{background-color:#f8f9fa;min-height:100vh;padding-top:121px;padding-bottom:60px}.orders-container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.orders-container{padding:0 15px}}.orders-header{margin-bottom:30px}.breadcrumb{color:#888;margin-bottom:15px;font-size:14px}.breadcrumb a{color:#006aaf;text-decoration:none}.orders-title-section{flex-direction:column;display:flex}.orders-title-section h1{color:#1a1a1a;margin:0;font-size:28px;font-weight:700}@media (max-width:768px){.orders-title-section h1{font-size:24px}}.orders-subtitle{color:#666;margin-top:5px;font-size:15px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:30px;display:grid}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;align-items:center;gap:12px;padding:15px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #0000000d}.summary-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.summary-info h4{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px}.summary-count{color:#1a1a1a;margin-top:2px;font-size:22px;font-weight:700}.orders-filters-container{background:#fff;border-radius:16px;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 10px #00000008}@media (max-width:768px){.orders-filters-container{gap:15px;padding:15px}}.filter-tabs{-ms-overflow-style:none;scrollbar-width:none;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{color:#666;cursor:pointer;white-space:nowrap;background:#f2f2f2;border:none;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.filter-tab.active{color:#fff;background:#006aaf}.filter-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.search-id{flex:1;min-width:250px;position:relative}.search-id input{border:1px solid #eee;border-radius:10px;outline:none;width:100%;padding:12px 15px 12px 40px;font-size:14px}.search-id svg{color:#aaa;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.sort-dropdown select{color:#333;background:#fff;border:1px solid #eee;border-radius:10px;outline:none;padding:12px 15px;font-size:14px}.order-list{flex-direction:column;gap:20px;display:flex}.order-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.order-card-header{border-bottom:1px solid #f5f5f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex}.order-meta{flex-direction:column;gap:5px;display:flex}.order-id{color:#1a1a1a;font-size:16px;font-weight:700}.order-date{color:#888;font-size:13px}.order-body{gap:20px;margin-bottom:25px;display:flex}@media (max-width:991px){.order-body{gap:15px}}@media (max-width:580px){.order-body{text-align:center;flex-direction:column;align-items:center}.product-img{width:120px;height:120px}}.product-img{object-fit:contain;background:#f9f9f9;border-radius:12px;width:100px;height:100px;padding:10px}.product-details{flex:1}.product-details h3{color:#1a1a1a;margin:0 0 8px;font-size:18px}.product-description{color:#666;margin:0 0 10px;font-size:14px;line-height:1.5}.order-specs{color:#444;gap:20px;font-size:14px;display:flex}@media (max-width:580px){.order-specs{flex-wrap:wrap;justify-content:center;gap:10px 15px}}.order-specs span strong{color:#1a1a1a}.order-timeline-container{margin:30px 0;padding:0 10px}.order-timeline{justify-content:space-between;display:flex;position:relative}.order-timeline:before{content:"";z-index:1;background:#e0e0e0;height:3px;position:absolute;top:15px;left:0;right:0}.timeline-step{z-index:2;flex-direction:column;flex:1;align-items:center;min-width:60px;display:flex;position:relative}.step-circle{color:#aaa;background:#fff;border:3px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:8px;font-size:12px;transition:all .3s;display:flex}.timeline-step.active .step-circle{color:#fff;background:#006aaf;border-color:#006aaf}.timeline-step.completed .step-circle{color:#fff;background:#4caf50;border-color:#4caf50}.step-label{color:#888;text-align:center;font-size:12px;font-weight:600}.timeline-step.active .step-label{color:#006aaf}.timeline-step.completed .step-label{color:#4caf50}.status-badge{text-transform:uppercase;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:700}.status-pending{color:#ff9800;background:#fff5e6;border:1px solid #ffe8cc}.status-confirmed{color:#006aaf;background:#e6f3ff;border:1px solid #cce5ff}.status-shipped{color:#9c27b0;background:#f3e5f5;border:1px solid #e1bee7}.status-out_for_delivery{color:#00897b;background:#e0f2f1;border:1px solid #b2dfdb}.status-delivered{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.status-cancelled{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}.status-placed{color:#1a73e8;background:#e8f0fe;border:1px solid #c6dafc}.status-processing{color:#ff9800;background:#fff5e6;border:1px solid #ffe8cc}.skeleton-order-card{padding:24px;animation:1.5s ease-in-out infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.order-actions{border-top:1px solid #f5f5f5;flex-wrap:wrap;gap:12px;padding-top:20px;display:flex}.btn-order{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:#006aaf}.btn-primary:hover{background:#005691}.btn-secondary{color:#555;background:#fff;border-color:#ddd}.btn-secondary:hover{background:#f5f5f5}.btn-outline{color:#006aaf;background:0 0;border-color:#006aaf}.btn-outline:hover{color:#fff;background:#006aaf}.btn-danger{color:#ff3b30;background:0 0;border-color:#ff3b30}.btn-danger:hover{color:#fff;background:#ff3b30}.empty-orders{text-align:center;background:#fff;border-radius:16px;padding:80px 20px;box-shadow:0 4px 15px #0000000d}.empty-icon{color:#ddd;margin-bottom:20px;font-size:80px}.empty-orders h2{color:#1a1a1a;margin-bottom:10px;font-size:24px}.empty-orders p{color:#666;margin-bottom:30px}.btn-shop{color:#fff;background:#006aaf;border-radius:10px;padding:14px 40px;font-weight:700;text-decoration:none;transition:background .3s;display:inline-block}@media (max-width:990px){.orders-page{padding-top:177px}}@media (max-width:768px){.orders-page{padding-top:177px}.summary-grid{grid-template-columns:repeat(2,1fr)}.order-body{flex-direction:row}.product-img{width:80px;height:80px}.filter-actions{flex-direction:column;align-items:stretch}}@media (max-width:580px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:10px}.summary-icon{width:35px;height:35px;font-size:18px}.summary-count{font-size:18px}.order-timeline-container{padding-bottom:10px;overflow-x:auto}.order-timeline{min-width:450px}}@media (max-width:480px){.orders-page{padding-top:177px}.summary-grid{grid-template-columns:1fr}.order-card-header{flex-direction:column;align-items:flex-start}.order-body,.order-actions{flex-direction:column}.btn-order{text-align:center;width:100%}.order-specs{flex-flow:wrap;gap:10px}}