.user-dashboard{background:#f8fafc;min-height:100vh;padding-top:2rem}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{color:#1f2937;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{color:#6b7280;font-size:1.1rem}.message{text-align:center;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-weight:500}.message.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.message.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.points-summary-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1)}.points-info{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.points-balance{text-align:center}.points-number{font-size:3rem;font-weight:700;line-height:1;display:block}.points-label{opacity:.9;margin-top:.25rem;font-size:1.1rem;display:block}.rewards-info{text-align:right}.rewards-earned{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.points-to-next{opacity:.9;font-size:1rem}.points-ready{color:#fbbf24;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.claim-pack-button{color:#1f2937;cursor:pointer;background:#fbbf24;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.claim-pack-button:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.claim-pack-button:disabled{opacity:.6;cursor:not-allowed}.points-progress{margin-top:1rem}.progress-bar{background:rgba(255,255,255,.2);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:#fbbf24;border-radius:4px;height:100%;transition:width .3s}.progress-text{opacity:.9;text-align:center;font-size:.9rem}.tab-navigation{background:#fff;border-radius:12px;margin-bottom:2rem;padding:.5rem;display:flex;overflow-x:auto;box-shadow:0 2px 10px rgba(0,0,0,.05)}.tab-button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;min-width:120px;padding:.75rem 1rem;font-weight:500;transition:all .2s}.tab-button:hover{color:#374151;background:#f3f4f6}.tab-button.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.3)}.tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.05)}.section-title{color:#1f2937;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.empty-state{text-align:center;color:#6b7280;padding:3rem 1rem}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.cta-button{color:#fff;background:#3b82f6;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.cta-button:hover{background:#2563eb}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.order-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.order-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.order-number{color:#1f2937;margin:0;font-size:1.1rem;font-weight:600}.order-date{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.order-details{justify-content:space-between;align-items:flex-end;display:flex}.order-items{flex:1}.order-item{border-bottom:1px solid #f9fafb;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.order-item:last-child{border-bottom:none}.item-name{color:#374151;font-weight:500}.item-quantity{color:#6b7280;font-size:.9rem}.item-price{color:#1f2937;font-weight:600}.order-summary{text-align:right;margin-left:2rem}.order-total{margin-bottom:.5rem;font-size:1.1rem}.points-badge{color:#fff;background:#10b981;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.rewards-explanation{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.rewards-explanation h3{color:#0369a1;margin-bottom:1rem}.rewards-explanation ul{margin:0;padding:0;list-style:none}.rewards-explanation li{color:#0c4a6e;padding:.5rem 0}.free-pack-claims{margin-bottom:2rem}.free-pack-claims h3{color:#374151;margin-bottom:1rem}.claims-list{flex-direction:column;gap:1rem;display:flex}.claim-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.1)}.claim-info{flex:1}.claim-id{color:#1f2937;margin-bottom:.25rem;font-weight:600}.claim-date{color:#6b7280;margin-bottom:.25rem;font-size:.9rem}.claim-status{font-size:.85rem}.status-pending{color:#f59e0b;font-weight:500}.status-shipped{color:#3b82f6;font-weight:500}.status-delivered{color:#10b981;font-weight:500}.status-cancelled{color:#ef4444;font-weight:500}.claim-points{color:#ef4444;font-size:1.1rem;font-weight:600}.points-transactions h3{color:#374151;margin-bottom:1rem}.transactions-list{flex-direction:column;gap:1rem;display:flex}.transaction-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.transaction-info{flex:1}.transaction-description{color:#374151;margin:0 0 .25rem;font-weight:500}.transaction-date{color:#6b7280;margin:0;font-size:.9rem}.transaction-expiry{color:#f59e0b;margin:.25rem 0 0;font-size:.8rem}.transaction-points{margin-left:1rem;font-size:1.2rem;font-weight:600}.transaction-points.positive{color:#10b981}.transaction-points.negative{color:#ef4444}.settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.settings-card h3{color:#374151;margin-bottom:1rem;font-size:1.2rem}.profile-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:.5rem;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input.disabled-input{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.form-group small{color:#6b7280;margin-top:.25rem;font-size:.8rem}.form-buttons{gap:1rem;margin-top:1rem;display:flex}.save-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.save-button:hover{background:#059669}.cancel-button{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.cancel-button:hover{background:#4b5563}.profile-display{flex-direction:column;gap:1rem;display:flex}.profile-field{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.profile-field:last-child{border-bottom:none}.profile-field label{color:#374151;font-weight:500}.profile-field span{color:#6b7280}.edit-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.edit-button:hover{background:#2563eb}.addresses-list{flex-direction:column;gap:1rem;display:flex}.address-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.address-info p{color:#374151;margin:.25rem 0}.address-name{font-weight:600}.default-badge{color:#fff;background:#10b981;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.support-options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.support-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.support-card h3{color:#374151;margin-bottom:1rem}.support-card p{color:#6b7280;margin-bottom:1rem}.support-button{color:#fff;background:#3b82f6;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.support-button:hover{background:#2563eb}.support-card small{color:#6b7280;margin-top:.5rem;font-size:.8rem;display:block}.faq-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:1.5rem}.faq-section h3{color:#0369a1;margin-bottom:1rem}.faq-item{margin-bottom:1.5rem}.faq-item:last-child{margin-bottom:0}.faq-item h4{color:#0c4a6e;margin-bottom:.5rem;font-size:1rem}.faq-item p{color:#0c4a6e;margin:0;line-height:1.5}@media (max-width:768px){.user-dashboard{padding-top:1rem}.dashboard-header h1{font-size:2rem}.points-summary-card{padding:1.5rem}.points-info{text-align:center;flex-direction:column;gap:1rem}.rewards-info{text-align:center}.points-number{font-size:2.5rem}.tab-navigation{padding:.25rem}.tab-button{min-width:100px;padding:.5rem .75rem;font-size:.9rem}.tab-content{padding:1.5rem}.order-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-details{flex-direction:column;align-items:stretch}.order-summary{text-align:left;margin-top:1rem;margin-left:0}.order-item{flex-direction:column;align-items:flex-start;gap:.25rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-points{align-self:flex-end;margin-left:0}.form-buttons{flex-direction:column}.profile-field{flex-direction:column;align-items:flex-start;gap:.25rem}.support-options{grid-template-columns:1fr}.address-card{flex-direction:column;gap:1rem}}@media (max-width:480px){.points-summary-card,.tab-content,.order-card,.settings-card,.support-card{padding:1rem}}