html,body{overflow-x:hidden;width:100%}*{box-sizing:border-box}.header{background:#000!important}.account-page{min-height:100vh;background:#fafafa;padding:0 0 4rem}.account-banner{position:relative;height:300px;background:linear-gradient(135deg,#000000b3,#d4af374d),url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1600&q=80);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin-bottom:-100px}.banner-content{text-align:center;color:#fff;z-index:1}.banner-title{font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:.5rem}.banner-subtitle{font-size:1.125rem;opacity:.9}.account-container{max-width:1800px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:280px 1fr;gap:3rem;position:relative;z-index:2}.account-sidebar{background:#fff;border-radius:8px;padding:2rem;height:fit-content;position:sticky;top:6rem}.sidebar-user{text-align:center;padding-bottom:2rem;border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem}.sidebar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid #d4af37}.sidebar-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.sidebar-email{font-size:.875rem;color:#666}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#333;font-size:.9375rem;text-decoration:none;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.sidebar-link:hover{background:#f8f8f8;color:#d4af37}.sidebar-link.active{background:#fffbf0;color:#d4af37}.sidebar-link svg{flex-shrink:0;color:#666;transition:color .2s}.sidebar-link:hover svg,.sidebar-link.active svg{color:#d4af37}.account-content{background:#fff;border-radius:8px;padding:3rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.orders-loading,.orders-error{text-align:center;padding:3rem;color:#666}.orders-list{display:flex;flex-direction:column;gap:.75rem}.order-row{display:grid;grid-template-columns:100px 130px 110px minmax(160px,1fr) 110px 130px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s;opacity:1}.order-row:hover{border-color:#d4af37;box-shadow:0 4px 12px #00000014}.order-col{display:flex;flex-direction:column;gap:.25rem}.order-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:600}.order-value{font-size:.9375rem;font-weight:600;color:#111}.order-status-col{justify-content:center}.order-status{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;white-space:nowrap;display:inline-block}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-on-hold{background:#e0e7ff;color:#3730a3}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled,.status-failed{background:#fee2e2;color:#991b1b}.status-refunded{background:#f3e8ff;color:#6b21a8}.order-products-col{flex-direction:row;align-items:center;min-width:0}.product-thumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow:hidden;min-width:0}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.product-thumb-more{width:40px;height:40px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#6b7280;flex-shrink:0}.order-total-value{font-size:1.125rem;font-weight:700;color:#d4af37}.order-action-col{justify-content:center}.btn-view-details{padding:.625rem 1.25rem;background:#fff;color:#d4af37;border:1.5px solid #d4af37;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-details:hover{background:#d4af37;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #d4af374d}.order-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.order-modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:1.5rem;font-weight:700}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.modal-close:hover{color:#111}.modal-body{padding:2rem}.modal-info-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.modal-info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:600}.info-value{font-size:1rem;font-weight:500;color:#111}.modal-section{margin-bottom:2rem}.modal-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#111}.modal-items{display:flex;flex-direction:column;gap:1rem}.modal-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border-radius:8px}.modal-item img{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.modal-item-info{flex:1;min-width:0}.modal-item-name{font-size:.9375rem;font-weight:500;margin-bottom:.25rem}.modal-item-meta{font-size:.8125rem;color:#6b7280}.modal-item-price{font-size:.9375rem;font-weight:600;color:#111}.modal-address{padding:1rem;background:#fafafa;border-radius:8px;font-size:.9375rem;line-height:1.6;color:#111}.modal-totals{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.modal-total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9375rem}.modal-total-final{font-size:1.25rem;font-weight:700;color:#d4af37;padding-top:1rem;margin-top:.5rem;border-top:1px solid #e5e7eb}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.orders-empty svg{color:#ccc;margin-bottom:2rem}.orders-empty h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.orders-empty p{color:#666;margin-bottom:2rem;max-width:400px}.btn-primary{padding:.875rem 2rem;background:#d4af37;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#c49d2e}@media(max-width:1200px){.order-row{grid-template-columns:100px 120px 100px 1fr 100px 120px;gap:1rem;padding:1rem 1.25rem}}@media(max-width:1024px){.account-container{grid-template-columns:1fr}.account-sidebar{position:static}.order-row{grid-template-columns:1fr;gap:1rem}.order-col{flex-direction:row;justify-content:space-between;align-items:center}.order-products-col,.order-action-col{justify-content:flex-start}.order-label{font-size:.75rem}.btn-view-details{width:100%}}@media(max-width:768px){.account-page{padding:6rem 0 4rem}.account-banner{height:200px;margin-bottom:-60px}.banner-title{font-size:2rem}.account-container{padding:0 1.5rem}.account-content{padding:2rem 1.5rem}.page-title{font-size:1.5rem}.order-row{padding:1rem}.modal-body{padding:1.5rem}.modal-info-row{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.product-thumb{width:32px;height:32px}.product-thumb-more{width:32px;height:32px;font-size:.625rem}.order-status{font-size:.6875rem;padding:.3125rem .625rem}.modal-item img{width:50px;height:50px}}