.orders-container{padding:var(--space-2xl) 0;max-width:1200px;margin:0 auto}.orders-title{color:var(--primary);font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:var(--space-2xl)}.empty-orders{text-align:center;padding:var(--space-3xl) 0;color:var(--text-light)}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-lg)}.orders-list{display:flex;flex-direction:column;gap:var(--space-xl);list-style:none;padding:0}.order-item{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.order-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.order-header{background:var(--primary);color:var(--surface);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.order-header-left{display:flex;align-items:center;gap:var(--space-lg)}.order-id{font-size:1.2rem;font-weight:600}.order-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:hsla(0,0%,100%,.1);font-size:.9rem}.status-icon{font-size:1.1rem}.order-status.pending .status-icon{color:gold}.order-status.shipped .status-icon{color:#00bcd4}.order-status.delivered .status-icon{color:#4caf50}.order-status.status-pending{background-color:rgba(255,215,0,.1);color:gold}.order-status.status-shipped{background-color:rgba(0,188,212,.1);color:#00bcd4}.order-status.status-delivered{background-color:rgba(76,175,80,.1);color:#4caf50}.order-status.status-unknown{background-color:hsla(0,0%,62%,.1);color:#9e9e9e}.order-date{font-size:.9rem;opacity:.8}.order-content{padding:var(--space-xl)}.items-title{color:var(--primary);font-size:1.4rem;margin-bottom:var(--space-lg)}.items-list{display:flex;flex-direction:column;gap:var(--space-lg);list-style:none;padding:0}.item-details{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-lg);background:var(--background)}.item-details,.product-image{border-radius:var(--radius-md)}.product-image{width:100px;height:100px;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:var(--space-sm)}.product-name{color:var(--text);font-size:1.1rem;font-weight:500;margin:0}.price-details{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.unit-price{color:var(--text-light);margin:0}.item-total{color:var(--primary);font-weight:600;margin:0}.order-summary{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--muted)}.order-total{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;margin-bottom:var(--space-xl)}.total-amount{color:var(--primary);font-weight:600}.shipping-info,.tracking-info{background:var(--background);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.shipping-title,.tracking-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--primary);font-size:1.2rem;margin-bottom:var(--space-md)}.icon{font-size:1.2rem}.shipping-address{color:var(--text);line-height:1.6}.shipping-address p{margin:var(--space-xs) 0}.courier-info,.tracking-number{color:var(--text);margin:var(--space-xs) 0}@media (max-width:768px){.orders-container{padding:var(--space-xl) var(--space-md)}.orders-title{font-size:2rem}.order-header{text-align:center}.order-header,.order-header-left{flex-direction:column;gap:var(--space-md)}.item-details{grid-template-columns:1fr;text-align:center}.product-image{margin:0 auto}.price-details{flex-direction:column;gap:var(--space-xs)}}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.spinner{border-top:3px solid var(--muted);border:3px solid var(--muted);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination{gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg) 0}.pagination,.pagination-button{display:flex;align-items:center;justify-content:center}.pagination-button{background:var(--surface);border:1px solid var(--muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.pagination-button:hover:not(:disabled){background:var(--primary);color:var(--surface);border-color:var(--primary);transform:translateY(-2px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text);font-size:.9rem;min-width:100px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.pagination{gap:var(--space-sm)}.pagination-button{padding:var(--space-xs) var(--space-sm)}}