.orders-page{min-height:100vh;position:relative}.orders-page .banner-bg{position:fixed;top:0;left:0;width:100%;opacity:.08;z-index:-1}.orders-page .banner-bg img{width:100%;height:100vh;object-fit:cover}.orders-page .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem}.orders-page .orders-header{text-align:center;margin-bottom:3rem;color:#fff}.orders-page .orders-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000,-5px 0 0 #000,5px 0 0 #000,5px 2px 0 #000,0 -5px 0 #000,0 5px 0 #000}.orders-page .orders-header p{font-size:1.1rem;opacity:.9}.orders-page .empty-state,.orders-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fff}.orders-page .empty-state .empty-icon,.orders-page .empty-state .error-icon,.orders-page .error-state .empty-icon,.orders-page .error-state .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orders-page .orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:2rem;gap:2rem}.orders-page .order-card{background:hsla(0,0%,100%,.95);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.orders-page .order-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.orders-page .order-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.orders-page .order-card .order-header .order-id{font-size:1.1rem;color:#333}.orders-page .order-card .order-header .order-status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600}.orders-page .order-card .order-header .order-status.pending{background:#fff3cd;color:#856404}.orders-page .order-card .order-header .order-status.confirmed{background:#d1ecf1;color:#0c5460}.orders-page .order-card .order-header .order-status.delivered,.orders-page .order-card .order-header .order-status.processing{background:#d4edda;color:#155724}.orders-page .order-card .order-header .order-status.shipped{background:#cce5ff;color:#004085}.orders-page .order-card .order-header .order-status.cancelled{background:#f8d7da;color:#721c24}.orders-page .order-card .order-header .order-status .status-icon{font-size:1rem}.orders-page .order-card .order-info{margin-bottom:1rem;font-family:Courier New,monospace}.orders-page .order-card .order-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f5f5f5}.orders-page .order-card .order-info .info-row:last-child{border-bottom:none}.orders-page .order-card .order-info .info-row .label{font-weight:500;color:#666}.orders-page .order-card .order-info .info-row .value{color:#333}.orders-page .order-card .order-info .info-row .total-amount{font-weight:700;color:#e74c3c;font-size:1.1rem}.orders-page .order-card .order-info .info-row .payment-method{font-size:.9rem;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px}.orders-page .order-card .order-items-preview{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.orders-page .order-card .order-items-preview .items-list{display:flex;flex-direction:column;gap:.5rem}.orders-page .order-card .order-items-preview .items-list .item-preview{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.orders-page .order-card .order-items-preview .items-list .item-preview .item-name{color:#333;font-weight:500}.orders-page .order-card .order-items-preview .items-list .item-preview .item-qty{color:#666;font-size:.8rem}.orders-page .order-card .order-items-preview .items-list .more-items{font-size:.8rem;color:#666;font-style:italic;text-align:center;margin-top:.5rem}.orders-page .order-card .order-actions{display:flex;justify-content:center}.orders-page .order-card .order-actions .btn-view-details{display:flex;align-items:center;gap:.5rem;background-color:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.orders-page .order-card .order-actions .btn-view-details:hover{background-color:#933126;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.orders-page .btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.orders-page .btn-primary:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}@media(max-width:768px){.orders-page .container{padding:1rem}.orders-page .orders-grid{grid-template-columns:1fr;gap:1rem}.orders-page .orders-header h1{font-size:2rem}.orders-page .order-card{padding:1rem}.orders-page .order-card .order-header{flex-direction:column;align-items:flex-start;gap:.5rem}}