@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .5s ease-out}.loader{width:40px;height:40px;border:4px solid var(--light-blue);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.orders-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important;max-width:1200px!important;margin:0 auto!important;padding:0 2%!important;width:100%!important}.order-card{background:var(--white)!important;border-radius:16px!important;padding:clamp(1rem,4vw,1.5rem)!important;box-shadow:var(--shadow)!important;border:1px solid transparent!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;animation:slideUp .5s ease-out!important}.order-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-hover)!important;border-color:var(--accent-blue)!important}.order-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(135deg,var(--accent-blue),var(--primary-blue))!important}.order-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:clamp(1rem,3vw,1.5rem)!important;padding-bottom:clamp(.75rem,2vw,1rem)!important;border-bottom:1px solid var(--light-blue)!important;gap:1rem!important}.order-info h3{font-size:clamp(1.1rem,3vw,1.3rem)!important;font-weight:700!important;color:var(--text-dark)!important;margin-bottom:.5rem!important}.order-info p{color:var(--text-light)!important;font-size:clamp(.85rem,2vw,.95rem)!important}.order-status{padding:clamp(.4rem,1.5vw,.5rem) clamp(.8rem,2vw,1.2rem)!important;border-radius:20px!important;font-weight:600!important;font-size:clamp(.75rem,1.8vw,.85rem)!important;white-space:nowrap!important}.status-pendiente,.status-pending{background:#fbbf2433!important;color:#f59e0b!important}.status-pagada,.status-processing{background:#2563eb33!important;color:var(--primary-blue)!important}.status-enviada,.status-shipped{background:#10b98133!important;color:#10b981!important}.status-entregada,.status-delivered{background:#22c55e33!important;color:#22c55e!important}.order-details{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:clamp(.8rem,2vw,1.2rem)!important;margin-bottom:clamp(1rem,3vw,1.5rem)!important}.detail-item{background:#ffffffb3!important;padding:clamp(.6rem,2vw,.8rem)!important;border-radius:12px!important;border:1px solid var(--light-blue)!important;transition:all .3s ease!important}.detail-item:hover{background:#ffffffe6!important;border-color:var(--primary-blue)!important}.detail-label{font-size:clamp(.7rem,1.5vw,.8rem)!important;color:var(--text-light)!important;text-transform:uppercase!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.5rem!important}.detail-value{font-size:clamp(.9rem,2.5vw,1rem)!important;font-weight:700!important;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.order-items{margin-bottom:clamp(1rem,3vw,1.5rem)!important}.items-title{font-size:clamp(.9rem,2.5vw,1rem)!important;font-weight:600!important;color:var(--text-dark)!important;margin-bottom:.8rem!important}.item-list{background:#ffffffb3!important;border-radius:12px!important;padding:clamp(.6rem,2vw,.8rem)!important;max-height:150px!important;overflow-y:auto!important;border:1px solid var(--light-blue)!important}.item-list::-webkit-scrollbar{width:6px!important}.item-list::-webkit-scrollbar-track{background:#2563eb1a!important;border-radius:10px!important}.item-list::-webkit-scrollbar-thumb{background:var(--primary-blue)!important;border-radius:10px!important}.item-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-blue)!important}.item{padding:clamp(.4rem,1.5vw,.6rem)!important;border-bottom:1px solid var(--light-blue)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important}.item:last-child{border-bottom:none!important}.item-name{font-weight:500!important;color:var(--text-dark)!important;font-size:clamp(.8rem,2vw,.9rem)!important;flex:1!important}.item-quantity{color:var(--text-light)!important;font-size:clamp(.75rem,1.5vw,.85rem)!important;background:#2563eb1a!important;padding:.2rem .6rem!important;border-radius:20px!important;font-weight:600!important}.order-actions{display:flex!important;gap:clamp(.75rem,2vw,1rem)!important;flex-wrap:wrap!important}.action-btn{padding:clamp(.6rem,2vw,.75rem) clamp(1rem,2vw,1.5rem)!important;border-radius:12px!important;font-weight:600!important;cursor:pointer!important;border:none!important;transition:all .3s ease!important;font-size:clamp(.8rem,2vw,.9rem)!important;flex:1!important;min-width:120px!important}.btn-view{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))!important;color:#fff!important}.btn-view:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #2563eb4d!important}.btn-track{background:#2563eb1a!important;color:var(--primary-blue)!important;border:2px solid var(--primary-blue)!important}.btn-track:hover{background:var(--primary-blue)!important;color:#fff!important;transform:translateY(-2px)!important}@media(max-width:768px){.orders-grid{grid-template-columns:1fr!important}.order-header{flex-direction:column!important;align-items:flex-start!important}.order-details{grid-template-columns:1fr!important}.order-actions{flex-direction:column!important}.action-btn{width:100%!important;text-align:center!important;min-width:auto!important}}@media(max-width:480px){.order-card{padding:1rem!important}.item-list{max-height:120px!important}}
