.nx-loyalty-container{padding:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-xl);} .nx-loyalty-container .nx-loyalty-balance-card{height:min-content;} .nx-loyalty-container .nx-loyalty-action .nx-points-badge{display:flex;justify-content:center;align-items:center;gap:5px;} .nx-loyalty-container .nx-loyalty-action .nx-points-badge span{margin:unset;padding:unset;} .nx-loyalty-balance-card{background:linear-gradient(135deg,var(--bg-surface-glass) 0%,var(--bg-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-main);position:relative;overflow:hidden;} .nx-loyalty-balance-card::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--accent-gold) 0%,transparent 70%);opacity:0.05;pointer-events:none;} .nx-loyalty-points-label{display:flex;flex-direction:column;gap:4px;} .nx-loyalty-points-current{font-size:3rem;font-weight:900;color:var(--accent-gold);line-height:1;font-family:'Inter',sans-serif;letter-spacing:-1px;} .nx-loyalty-points-title{font-size:0.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);} .loyalty-catalog-header{margin-top:var(--gap-xl,3rem);margin-bottom:var(--gap-md,1.5rem);display:flex;flex-direction:column;gap:8px;} .loyalty-catalog-header .title-md{display:flex;align-items:center;gap:12px;margin:0;} .nx-rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap-lg);} .nx-reward-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base);display:flex;flex-direction:column;position:relative;} .nx-reward-card:hover{border-color:var(--accent-gold);transform:translateY(-4px);box-shadow:0 12px 24px -10px hsla(var(--h-accent,38),70%,50%,0.25);} .nx-reward-image{height:160px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;} .nx-reward-category-badge{position:absolute;top:12px;right:12px;background:var(--bg-surface-glass-heavy);backdrop-filter:blur(8px);padding:6px 12px;border-radius:var(--radius-pill,20px);font-size:0.65rem;text-transform:uppercase;font-weight:800;letter-spacing:1px;border:1px solid var(--glass-border);} .nx-reward-body{padding:20px;flex-grow:1;display:flex;flex-direction:column;gap:12px;} .nx-reward-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);} .nx-reward-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.5;} .nx-reward-footer{padding:16px 20px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;} .nx-reward-cost{display:flex;align-items:center;gap:6px;color:var(--accent-gold);font-weight:900;font-size:1.1rem;} .nx-reward-cost span{font-size:0.7rem;text-transform:uppercase;opacity:0.8;} .nx-redemption-list{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border);overflow:hidden;} .nx-redemption-row{padding:16px 20px;border-bottom:1px solid var(--glass-border);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;} .nx-redemption-row:last-child{border-bottom:none;} [data-theme="light"] .nx-loyalty-balance-card{background:var(--bg-surface);box-shadow:var(--shadow-md);} [data-theme="light"] .nx-reward-card{background:var(--bg-card);} [data-theme="light"] .nx-reward-category-badge{background:var(--bg-surface-glass);color:var(--text-primary);}