.page{min-height:100vh;display:flex;flex-direction:column;background:#f4f6fb}.container{flex:1;display:flex;justify-content:center;padding:20px}.card{width:100%;max-width:640px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0000000f}.header-row{gap:10px;margin-bottom:18px}.header-row .back-btn{border:none;background:transparent;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer;color:#4b5563}.header-row .back-btn:hover{background:#f1f5f9}.header-row .title{font-size:20px;font-weight:700;color:#111827}.list{display:flex;flex-direction:column;gap:14px}.item{padding:14px;border-radius:14px;border:1px solid #eef2f7;background:#fff;transition:.2s}.item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.top{display:flex;justify-content:space-between;align-items:center}.points{font-size:15px;font-weight:700;padding:4px 12px;border-radius:999px}.points.earn{color:#16a34a;background:#dcfce7}.points.spend{color:#dc2626;background:#fee2e2}.date{font-size:12px;color:#9ca3af}.type{font-size:14px;font-weight:600;margin-top:6px;color:#374151}.reason{font-size:13px;color:#6b7280;margin-top:4px;line-height:1.4}.empty{text-align:center;margin-top:20px;color:#9ca3af}.loading{text-align:center;padding:10px;color:#6b7280}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:12px;background:#f8fafc;border-radius:12px}.pagination button{padding:6px 14px;border:none;background:#fff;border-radius:10px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0000000d;transition:.2s}.pagination button:hover{background:#f1f5f9}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:13px;font-weight:500;color:#6b7280}