.my-orders-page{padding:17px;width:100%;border-radius:5px;box-shadow:4px 4px 10px 0 hsla(0,0%,88%,.1);min-height:calc(100vh - 200px)}.my-orders-page .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.my-orders-page .orders-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.my-orders-page .orders-header .orders-search{width:300px}@media(max-width:768px){.my-orders-page .orders-header .orders-search{width:100%}}.my-orders-page .orders-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.my-orders-page .orders-filters .filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #e0e0e0;background:#fff;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.my-orders-page .orders-filters .filter-btn:hover{border-color:#fc0;color:#1a1a1a}.my-orders-page .orders-filters .filter-btn.active{background:#fc0;border-color:#fc0;color:#1a1a1a;font-weight:600}.my-orders-page .orders-list{display:flex;flex-direction:column;gap:16px}.my-orders-page .orders-list.loading .order-card.skeleton{pointer-events:none}.my-orders-page .orders-list.loading .order-card.skeleton .order-card-header{display:flex;justify-content:space-between;align-items:center}.my-orders-page .orders-list.loading .order-card.skeleton .order-card-body{padding-top:16px;border-top:1px solid #f0f0f0}.my-orders-page .orders-list.loading .order-card.skeleton .skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.my-orders-page .orders-list.loading .order-card.skeleton .skeleton-text.title{width:180px;height:20px}.my-orders-page .orders-list.loading .order-card.skeleton .skeleton-text.badge{width:100px;height:28px;border-radius:14px}.my-orders-page .orders-list.loading .order-card.skeleton .skeleton-text.line{width:100%;height:16px;margin-bottom:8px}.my-orders-page .orders-list.loading .order-card.skeleton .skeleton-text.line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.my-orders-page .order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px;transition:all .2s ease;border:1px solid transparent}.my-orders-page .order-card:hover{border-color:#fc0;box-shadow:0 4px 16px rgba(0,0,0,.08)}.my-orders-page .order-card .order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.my-orders-page .order-card .order-card-header .order-info .order-number{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.my-orders-page .order-card .order-card-header .order-info .order-date{font-size:13px;color:#888}.my-orders-page .order-card .order-card-header .order-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.my-orders-page .order-card .order-card-header .order-status .status-dot{width:8px;height:8px;border-radius:50%}.my-orders-page .order-card .order-card-header .order-status.status-payment_pending,.my-orders-page .order-card .order-card-header .order-status.status-pending{background:#fff7e6;color:#d48806}.my-orders-page .order-card .order-card-header .order-status.status-payment_pending .status-dot,.my-orders-page .order-card .order-card-header .order-status.status-pending .status-dot{background:#d48806}.my-orders-page .order-card .order-card-header .order-status.status-payment_validation{background:#fff2e8;color:#fa8c16}.my-orders-page .order-card .order-card-header .order-status.status-payment_validation .status-dot{background:#fa8c16}.my-orders-page .order-card .order-card-header .order-status.status-paid{background:#e6f7e6;color:#389e0d}.my-orders-page .order-card .order-card-header .order-status.status-paid .status-dot{background:#389e0d}.my-orders-page .order-card .order-card-header .order-status.status-processing{background:#e6f4ff;color:#1677ff}.my-orders-page .order-card .order-card-header .order-status.status-processing .status-dot{background:#1677ff}.my-orders-page .order-card .order-card-header .order-status.status-in_delivery{background:#f3e8ff;color:#722ed1}.my-orders-page .order-card .order-card-header .order-status.status-in_delivery .status-dot{background:#722ed1}.my-orders-page .order-card .order-card-header .order-status.status-delivered{background:#e6f7e6;color:#389e0d}.my-orders-page .order-card .order-card-header .order-status.status-delivered .status-dot{background:#389e0d}.my-orders-page .order-card .order-card-header .order-status.status-cancelled{background:#fff2f0;color:#ff4d4f}.my-orders-page .order-card .order-card-header .order-status.status-cancelled .status-dot{background:#ff4d4f}.my-orders-page .order-card .order-card-header .order-status.status-refunded{background:#f5f5f5;color:#8c8c8c}.my-orders-page .order-card .order-card-header .order-status.status-refunded .status-dot{background:#8c8c8c}.my-orders-page .order-card .order-card-body{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:16px}.my-orders-page .order-card .order-card-body .order-summary{display:flex;gap:32px;flex-wrap:wrap}.my-orders-page .order-card .order-card-body .order-summary .summary-item .summary-label{font-size:12px;color:#888;margin-bottom:4px}.my-orders-page .order-card .order-card-body .order-summary .summary-item .summary-value{font-size:15px;font-weight:600;color:#1a1a1a}.my-orders-page .order-card .order-card-body .order-summary .summary-item .summary-value.price{color:#fc0;font-size:18px}.my-orders-page .order-card .order-card-body .order-summary .summary-item .summary-value.paid{color:#52c41a}.my-orders-page .order-card .order-card-body .order-summary .summary-item .summary-value.not-paid{color:#ff4d4f}.my-orders-page .order-card .order-card-body .order-actions{display:flex;gap:12px}.my-orders-page .order-card .order-card-body .order-actions .action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.my-orders-page .order-card .order-card-body .order-actions .action-btn.primary{background:#fc0;border:none;color:#1a1a1a}.my-orders-page .order-card .order-card-body .order-actions .action-btn.primary:hover{background:#e6b800}.my-orders-page .order-card .order-card-body .order-actions .action-btn.secondary{background:transparent;border:1px solid #d9d9d9;color:#1a1a1a}.my-orders-page .order-card .order-card-body .order-actions .action-btn.secondary:hover{border-color:#fc0;color:#fc0}.my-orders-page .order-card .order-card-body .order-actions .action-btn.danger{background:transparent;border:1px solid #ff4d4f;color:#ff4d4f}.my-orders-page .order-card .order-card-body .order-actions .action-btn.danger:hover{background:#fff2f0;border-color:#ff4d4f}.my-orders-page .order-card .order-card-body .order-actions .action-btn.delivered{background:#e6f7e6;border:1px solid #52c41a;color:#52c41a}.my-orders-page .order-card .order-card-body .order-actions .action-btn.delivered:hover{background:#d4f1d4;border-color:#389e0d}.my-orders-page .order-card .order-card-body .order-actions .action-btn svg{width:16px;height:16px}.my-orders-page .empty-orders{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.my-orders-page .empty-orders .empty-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#fff9e6,#fff0b3);border-radius:50%;display:flex;align-items:center;justify-content:center}.my-orders-page .empty-orders .empty-icon svg{width:48px;height:48px;color:#d48806}.my-orders-page .empty-orders h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.my-orders-page .empty-orders p{color:#666;font-size:15px;max-width:400px;margin:0 auto 28px}.my-orders-page .empty-orders .browse-btn{background:#fc0;border:none;border-radius:8px;padding:14px 32px;font-weight:600;font-size:15px;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.my-orders-page .empty-orders .browse-btn:hover{background:#e6b800;transform:translateY(-1px)}.my-orders-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.my-orders-page .loading-state p{margin-top:16px;color:#666;font-size:15px}.my-orders-page .error-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.my-orders-page .error-state .error-icon{width:80px;height:80px;margin:0 auto 24px;background:#fff2f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.my-orders-page .error-state .error-icon svg{width:40px;height:40px;color:#ff4d4f}.my-orders-page .error-state p{color:#666;font-size:15px;margin:0 0 24px}.my-orders-page .error-state .retry-btn{background:#fc0;border:none;border-radius:8px;padding:12px 24px;font-weight:600;font-size:14px;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.my-orders-page .error-state .retry-btn:hover{background:#e6b800}.my-orders-page .pagination-container{display:flex;justify-content:center;margin-top:32px}.pending-orders-banner{position:relative;background:linear-gradient(135deg,#272727,#1a1a1a);border-radius:16px;padding:24px 28px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12)}.pending-orders-banner .banner-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.pending-orders-banner .banner-main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.pending-orders-banner .banner-left{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex:1 1;min-width:280px}.pending-orders-banner .banner-icon{width:52px;height:52px;background:linear-gradient(135deg,#fc0,#f5b800);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pending-orders-banner .banner-icon svg{width:26px;height:26px;color:#1a1a1a}.pending-orders-banner .banner-content{display:flex;flex-direction:column;align-items:flex-start}.pending-orders-banner .banner-content h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 2px;line-height:1.3;text-align:start}.pending-orders-banner .banner-content p{font-size:14px;color:hsla(0,0%,100%,.7);margin:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.pending-orders-banner .banner-content p .count-badge{display:inline-flex;align-items:center;justify-content:center;background:#fc0;color:#1a1a1a;font-size:13px;font-weight:700;min-width:24px;height:24px;padding:0 8px;border-radius:12px}.pending-orders-banner .banner-action{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fc0,#f5b800);border:none;border-radius:12px;padding:14px 24px;font-weight:700;font-size:14px;color:#1a1a1a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(255,204,0,.25);position:static!important;width:auto!important;max-height:none!important;margin-top:0!important}.pending-orders-banner .banner-action .btn-text{white-space:nowrap}.pending-orders-banner .banner-action .btn-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.pending-orders-banner .banner-action .btn-icon svg{width:18px;height:18px}.pending-orders-banner .banner-action:hover{background:linear-gradient(135deg,#f5b800,#e6a800);transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,204,0,.35)}.pending-orders-banner .banner-action:hover .btn-icon{transform:translateX(4px)}.pending-orders-banner .banner-action:active{transform:translateY(0);box-shadow:0 2px 12px rgba(255,204,0,.25)}[dir=rtl] .pending-orders-banner .banner-action .btn-icon{transform:scaleX(-1)}[dir=rtl] .pending-orders-banner .banner-action:hover .btn-icon{transform:scaleX(-1) translateX(-4px)}[dir=rtl] .my-orders-page .order-card .order-card-body .order-summary{direction:ltr}.order-details-page .orders-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.order-details-page .orders-header h1{margin:0;flex:1 1}.order-details-page .order-details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media(max-width:1024px){.order-details-page .order-details-grid{grid-template-columns:1fr}}.order-details-page .detail-card{padding:24px}.order-details-page .detail-card h2{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.order-details-page .detail-card .payment-status-section{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.order-details-page .detail-card .payment-status-section .payment-status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.order-details-page .detail-card .payment-status-section .payment-status-item .label{font-size:14px;color:#888}.order-details-page .detail-card .payment-status-section .payment-status-item .value{font-size:14px;font-weight:600}.order-details-page .detail-card .payment-status-section .payment-status-item .value.paid{color:#52c41a}.order-details-page .detail-card .payment-status-section .payment-status-item .value.not-paid{color:#ff4d4f}.order-details-page .detail-card .pay-now-section{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.order-details-page .detail-card .pay-now-section .pay-now-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;background:linear-gradient(135deg,#fc0,#f5b800);border:none;border-radius:10px;font-size:15px;font-weight:700;color:#1a1a1a;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(255,204,0,.3)}.order-details-page .detail-card .pay-now-section .pay-now-btn svg{width:20px;height:20px;stroke-width:2.5}.order-details-page .detail-card .pay-now-section .pay-now-btn:hover{background:linear-gradient(135deg,#f5b800,#e6a800);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,204,0,.4)}.order-details-page .detail-card .pay-now-section .pay-now-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,204,0,.3)}.order-details-page .detail-card .mark-delivered-section{margin-top:12px}.order-details-page .detail-card .mark-delivered-section .mark-delivered-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;background:#e6f7e6;border:1px solid #52c41a;border-radius:10px;font-size:14px;font-weight:600;color:#52c41a;cursor:pointer;transition:all .25s ease}.order-details-page .detail-card .mark-delivered-section .mark-delivered-btn:hover{background:#d4f1d4;border-color:#389e0d}.order-details-page .detail-card .mark-delivered-section .mark-delivered-btn:active{background:#c2ebc2}.order-details-page .detail-card .cancel-order-section{margin-top:12px}.order-details-page .detail-card .cancel-order-section .cancel-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;background:transparent;border:1px solid #ff4d4f;border-radius:10px;font-size:14px;font-weight:600;color:#ff4d4f;cursor:pointer;transition:all .25s ease}.order-details-page .detail-card .cancel-order-section .cancel-order-btn svg{width:18px;height:18px;stroke-width:2}.order-details-page .detail-card .cancel-order-section .cancel-order-btn:hover{background:#fff2f0;border-color:#ff4d4f}.order-details-page .detail-card .cancel-order-section .cancel-order-btn:active{background:#ffebe8}.order-details-page .detail-card .price-summary .price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#666;border-bottom:1px solid #f5f5f5}.order-details-page .detail-card .price-summary .price-row:last-child{border-bottom:none}.order-details-page .detail-card .price-summary .price-row.discount{color:#52c41a}.order-details-page .detail-card .price-summary .price-row.total{border-top:2px solid #1a1a1a;margin-top:8px;padding-top:16px;font-size:16px;font-weight:700;color:#1a1a1a}.order-details-page .detail-card .price-summary .price-row.total span:last-child{color:#fc0;font-size:20px}.order-details-page .detail-card .delivery-details,.order-details-page .detail-card .payment-details{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.order-details-page .detail-card .delivery-details .detail-row,.order-details-page .detail-card .payment-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.order-details-page .detail-card .delivery-details .detail-row span:first-child,.order-details-page .detail-card .payment-details .detail-row span:first-child{color:#888}.order-details-page .detail-card .delivery-details .detail-row span:last-child,.order-details-page .detail-card .payment-details .detail-row span:last-child{color:#1a1a1a;font-weight:500}.order-details-page .order-items-card{grid-column:1/-1}.order-details-page .order-items-card .order-items-list{display:flex;flex-direction:column;gap:16px}.order-details-page .order-items-card .order-item{background:#fafafa;border-radius:10px;padding:16px;border:1px solid #eee}.order-details-page .order-items-card .order-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:12px}.order-details-page .order-items-card .order-item .item-header .item-info h4{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.order-details-page .order-items-card .order-item .item-header .item-info .item-tags{display:flex;gap:8px;flex-wrap:wrap}.order-details-page .order-items-card .order-item .item-header .item-info .item-tags .item-tag{background:#f0f0f0;padding:4px 10px;border-radius:4px;font-size:12px;color:#666}.order-details-page .order-items-card .order-item .item-header .item-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.order-details-page .order-items-card .order-item .item-price{display:flex;align-items:center;gap:8px;margin-bottom:8px}.order-details-page .order-items-card .order-item .item-price .label{font-size:13px;color:#888}.order-details-page .order-items-card .order-item .item-price .value{font-size:16px;font-weight:700;color:#fc0}.order-details-page .order-items-card .order-item .item-delivery{font-size:13px;color:#666}.order-details-page .order-items-card .order-item .item-delivery span:first-child{color:#888;margin-right:8px}.cancel-order-modal .cancel-modal-title{display:flex;align-items:center;font-size:16px;font-weight:600}.cancel-order-modal .cancel-modal-content{padding:8px 0}.cancel-order-modal .cancel-modal-content p{margin:0 0 16px;color:#666;font-size:14px;line-height:1.6}.cancel-order-modal .cancel-modal-content .cancel-order-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.cancel-order-modal .cancel-modal-content .cancel-order-info .label{font-size:13px;color:#888}.cancel-order-modal .cancel-modal-content .cancel-order-info .value{font-size:14px;font-weight:600;color:#1a1a1a}.confirm-delivery-modal .confirm-delivery-content{padding:8px 0}.confirm-delivery-modal .confirm-delivery-content p{margin:0 0 16px;color:#666;font-size:14px;line-height:1.6}.confirm-delivery-modal .confirm-delivery-content .delivery-order-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.confirm-delivery-modal .confirm-delivery-content .delivery-order-info .label{font-size:13px;color:#888}.confirm-delivery-modal .confirm-delivery-content .delivery-order-info .value{font-size:14px;font-weight:600;color:#1a1a1a}@media(max-width:768px){.my-orders-page{padding:12px}.my-orders-page .orders-header h1{font-size:22px}.my-orders-page .order-card .order-card-header .order-info .order-number{font-size:16px}.my-orders-page .order-card .order-card-body{flex-direction:column;align-items:stretch}.my-orders-page .order-card .order-card-body .order-summary{justify-content:space-between}.my-orders-page .order-card .order-card-body .order-actions{flex-direction:column}.my-orders-page .order-card .order-card-body .order-actions .action-btn{justify-content:center}.pending-orders-banner{padding:20px;border-radius:14px}.pending-orders-banner .banner-main{flex-direction:column;text-align:center}.pending-orders-banner .banner-left{flex-direction:column;min-width:auto}.pending-orders-banner .banner-content{text-align:center}.pending-orders-banner .banner-content h3{font-size:16px}.pending-orders-banner .banner-content p{justify-content:center;font-size:13px}.pending-orders-banner .banner-action{width:100%!important;justify-content:center;position:static!important;margin-top:8px!important;padding:12px 20px}}