.order-history-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;font-size:.95rem;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:#2563eb}.page-header h1{font-size:2rem;font-weight:700;color:#111;margin:.5rem 0}.page-subtitle{color:#666;font-size:1rem;margin:0}.loading-state{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.order-search-container{margin-bottom:1.5rem}.order-search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.order-search-input{width:100%;padding:.875rem 3rem;border:2px solid #e0e0e0;border-radius:999px;font-size:1rem;transition:all .3s ease;background:white}.order-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#e0e0e0;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#666;transition:all .2s ease}.clear-search:hover{background:#ccc;transform:translateY(-50%) scale(1.1)}.tracking-link{color:#3b82f6!important;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.tracking-link:hover{color:#2563eb!important;text-decoration:none;transform:translateX(3px)}.stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-number{font-size:2rem;font-weight:700;color:#111;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#666;font-weight:500}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-tab{padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#3b82f6;color:#3b82f6}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.order-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s;display:block}.order-history-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#3b82f6}.order-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.order-history-header h3{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 .25rem}.order-date{font-size:.85rem;color:#666;margin:0}.order-status-badge{padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.order-history-body{margin-bottom:1rem}.order-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.order-label{font-size:.9rem;color:#666;font-weight:500}.order-value{font-size:.9rem;color:#111;font-weight:600}.order-total-highlight{color:#3b82f6;font-size:1.1rem;font-weight:700}.tracking-number{font-family:Courier New,monospace;font-size:.85rem;color:#059669}.order-history-footer{padding-top:1rem;border-top:1px solid #f3f4f6}.view-details-link{display:inline-flex;align-items:center;color:#3b82f6;font-size:.9rem;font-weight:600;transition:color .2s}.order-history-card:hover .view-details-link{color:#2563eb}.empty-orders{text-align:center;padding:4rem 2rem;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-orders h3{font-size:1.5rem;font-weight:700;color:#111;margin:0 0 .5rem}.empty-orders p{color:#666;font-size:1rem;margin:0 0 1.5rem}.primary-btn{display:inline-block;padding:.875rem 2rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:background .2s}.primary-btn:hover{background:#2563eb}@media (max-width:768px){.order-history-page{padding:1rem}.page-header h1{font-size:1.5rem}.order-stats{grid-template-columns:repeat(2,1fr)}.orders-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap}.stat-number{font-size:1.5rem}}@media (max-width:480px){.order-stats{grid-template-columns:1fr}.order-history-header{flex-direction:column;gap:.75rem}.order-status-badge{align-self:flex-start}}